cssでfixedにした固定メニューのページ内リンクの飛び先がズレてしまう件

ページのどこにいても 他のページに飛べるように、ヘッダーメニューを固定しているサイトが 多くなってきました。 便利なのですが、固定メニューのサイトはページ内リンクをした際に 飛び先がずれて見えるというデメリットがあります。 ずれて「見える」というのは、実際にずれているというわけではなく、 本来であればジャストのところにリンクされているところを 固定メニュー分、コンテンツが隠れ...
続きを読む

CSSで描く吹き出しや矢印のバリエーション

tc-1
最近吹き出しを使いことがあり、いくつか試しに作ったものがあったので紹介します! 今回は全て、borderを使わずに:before :afterで四角や丸を重ねて表現しています。 まず、丸い吹き出しにしっぽが生えたような吹き出しです。 これはすべて丸を使って作られています。 -- CSS -- #balloon-1 { position: relative; displ...
続きを読む

jQuery3.0になって変わった所 – 対応ブラウザには気をつけよう

jQueryが3.0になりました! 過去のjQueryのメジャーアップデートでも大きな変更がありました。 jQuery1.xから2.xにアップした際はIE6・IE7・IE8を切り捨て(やったぜ!)パフォーマンスを上げました。 最近はIE8のことは考えなくてよくなっているので嬉しい限りです。 さてjQuery3.0はどこがかわったのでしょうか? IEブラウザのサポート ブラウ...
続きを読む

SEOで欠かせない基本的なmod_rewrite

SEOで欠かせないURLの正規化を行うための、基本的なmod_rewriteをメモ。ここで言うURLの正規化とは、httpとhttps、www有りと無し、index.phpやindex.htmlを/にするなど、同一ページを複数のURLで表示させないようにすることです。リンクパワーを1URLに集約させるために必須な設定ですね。 ●httpで統一 RewriteEngine on Rew...
続きを読む

レンタルサーバーのロリポップでFTPがつながらない件

何百社とホームページを作らせていただいていると たまーにおこるこの現象。 昔のホームページを いざ編集しようとすると、FTPがどうもつながらない!? サーバーを調べると大概「ロリポップ」だったり。。 そんな時疑いたいのは FTPの接続先が古いまま になっていないか?というところです。 ある時期にロリポップサーバーの FTP接続先が強制的に変更になったため 現在の...
続きを読む

cssでメニューを固定表示させる

縦に長いサイトはスマホ表示にするとページが長くなってしまいます。 メニューがスクロールと一緒に流れてしまうと、メニューがある位置まで画面をスクロールさせないとならなくなるので、ユーザーにとって非常にページ移動がしづらいサイトになってしまいます。 そこで、ユーザビリティをよくするための方法としてはいくつか方法があります。 今回はメニューバーを常に画面に固定して表示する方法です。 ...
続きを読む

コストパフォーマンス最高のUSB-DAC ?でも問題がある。

歌うタイヤ
アマゾンで CYBERDRIVEのフェザー・ノートパソコン・DACというスティック型のポータブル・ヘッドフォン・ アンプを見つけて「特別キャンペーン」で半額だったのですぐに買いました。(2016年05/22日現在、3200円でした) USB-DACとしてPCでの再生テストWindows7,Windows10,ドライバをダウンロードしてインストールし、foobar2000で全く問題なく再生で...
続きを読む

jQueryで画像のsrc変更するタイミングでローディングを出しちゃう!

jQueryでsrcを変更した場合、ユーザーにロード状況を知らせるためにローディングを出したい時ありますよね、はいあります! ページローディングの場合は$(window).loadで簡単に出来ます。 今回は画像のsrcを同時に2箇所変更するケースで、2つの画像が読み込まれて初めて画像を表示します。 その間ローディングも表示してユーザーにお知らせもしちゃいます。 html ...
続きを読む

カンマ区切りのデータ検索に便利「FIND_IN_SET」

MySQLには、とっても便利な「FIND_IN_SET」という関数があります。 どう便利かと言いますと、カンマなどの区切り文字付きで保存されたデータ検索に 便利なのです。良く分からないと思いますので、例を挙げて説明します。 例えば、社員プロフィールを管理するテーブルの場合、基本的な管理情報は 下記のようになると思います。 カラムデータ idID00...
続きを読む