ネットで話題のニュースを紹介

「読み方のわからないHTMLタグとCSSプロパティ」ベスト5!正しい読み方は?

おれはデザイナーをやめるぞ
webには様々なHTMLタグやCSSプロパティがあります。ネットで調べれば使い方はすぐにわかりますが、読み方の書いてあるサイトは意外とありません。 そのため「このタグなんて読むんだろう?」という経験は、コーディングをしたことのある人なら一度はあると思います。私も間違った読み方で覚えてい...
続きを読む

Facebookのシェアボタンで記事の画像や概要が表示されないエラーの解決方法

Facebook likeボタン
少し前ですが、ブログのSNSボタンにFacebookの「シェアボタン」を追加しました。 シェアボタンを使うと、コメント付きで記事をタイムラインに載せることができます。しかし、最新の記事をアップして動作を確認したところ、リンク先で表示されるべき記事のサムネイルや概要が表示されていませんで...
続きを読む

CSSの「z-index」が効かない時の解決方法

MBAコマンドボタン
先日ブログのカテゴリメニューをページスクロールで追従するよう変更したのですが、一部のブラウザでメニューが記事の下に隠れてしまう現象にハマりました。 cssのz-indexが原因ということはすぐにわかりましたが、いくら数値を変えても変化なし。このような現象が起きた場合の解決方法を紹介しま...
続きを読む

【js】定番機能を簡単に実装!Web制作に便利なjQueryライブラリのまとめ

乱雑に置かれた洋書
星の数ほどあるjQueryですが、いつも使う機能というのは「イージング」や「ホバー」など大体決まっているもの。そんな定番の機能を一つにまとめているjQueryのライブラリを紹介。 jQueryライブラリを利用するとコーディング時間が大幅に短縮されます。jQueryを使ったことのない人で...
続きを読む

日本語のフリーフォントを探すなら、無料で使える投稿サイト「FONT FREE」がおすすめ!

無料で使える!日本語フリーフォント投稿サイト - FONT FREE
FONT FREE(フォントフリー)は、無料で使える日本語フリーフォント投稿サイト。 日本語のフォントは探すのが大変なので、まとめてあるサイトはとても便利ですね! 無料で使える!日本語フリーフォント投稿サイト「FONT FREE」 FONT FREEはこんなサイトで...
続きを読む

【CSS】テキストや画像のオンマウスでポップアップメッセージを表示するサンプルコード

キーボードを打つ女性の手
テキストにマウスカーソルが合わさるとポップアップメッセージが出てくるCSSのサンプルコードを紹介。 jQueryなどのスクリプトは一切不要で、HTMLとCSSだけで実装できます。 サンプルデモ 下のテキストにマウスカーソルを合わせてみてください。 テキストがポップ...
続きを読む

【テンプレート】Webサイト制作で必ず使うディレクトリ名・ファイル名の一覧まとめ

パソコンを見る男性
Webサイトを制作する際、ディレクトリ名(フォルダ名)・ファイル名を付ける作業は必ず発生します。ファイル名は半角英数字が基本なので、英語をネットで調べる方も多いかと思います。 私も間違えていたら恥ずかしいので、簡単な英語でも検索するようにしています。しかし、毎回調べるのも効率が悪いので...
続きを読む