過去記事の更新情報

2016/08/28
【HTML/CSS】実務で使ったレイアウトまとめ 「画像を含むボックスの角を斜めに切り取る」を追加しました。
2016/07/08
【jQuery】タッチデバイスでも滑らかなスムーススクロールを作りました [IE8対応] jQuery 2.2 対応に修正しました。
2016/05/31
【jQuery】表示させたときにスクロールを固定する、シンプルなモーダルウィンドウを作りました [IE9一部未対応]translateY() を追加した滑らかバージョンを作っておきました。

自営業Webサイトコーダーが「購入して本当に良かった」と思うWeb参考書 7冊

今まで様々なWeb参考書を読んできましたが、「これは本当に役に立った」ものだけを紹介します。 Webデザインの基本ルール-プロに学ぶ、一生枯…

【WordPress】Advanced Custom Fields「Wysiwyg エディタ」から p / br を挿入させない

functions.phpに、ビジュアルエディタの自動整形機能無効化コード

NHK受信料徴収は、笑顔で丁寧にお断りしよう

日本国内に住んでいる限り、いつか訪問してくるのがNHK受信料の徴収スタッフさん。 その際、居留守で無視したり、感情を露わに追い返したりすると…

【バグ】モダンブラウザで発生する謎バグと解決策(2016年5月)

目次 CSSが一切効かなくなる Flexbox / column を指定すると float みたいに浮く Flexbox / space-b…

【jQuery】スティッキープラグイン「Sticky-Kit」をPC端末でのみ有効化する

デモを見る ファイル一式をダウンロードする http://leafo.net/sticky-kit/ 検証済みブラウザとOS IE 9~ F…

【HTML/CSS】実務で使ったレイアウトまとめ(2016年8月更新)

デモを見る 目次 画像と背景ありテキストの横並び、テキストは天地中央 ブロック化リンクのテキストを天地中央に配置 画像を含むボックスの角を斜…

【HTML/CSS】JavaScript 無しで画像をロールオーバーアニメーションさせるときのコツ

デモを見る ファイル一式をダウンロードする off / on 画像を絶対配置で重ねる :hover は画像をネストする親要素に指定 :hov…

【Flexbox】2つの弱点とその対応策。Flexboxは万能ではない。

Flexboxが使われ始めた2011年頃には、いかに万能であるかよく喧伝されていました。 しかし以下2つの条件下において、Flexboxの利…

【jQuery】YouTubeをモーダル表示させるなら「Magnific Popup」[IE9対応]

デモを見る ファイル一式をダウンロードする YouTubeをモーダルウィンドウで表示させたいときは、jQueryプラグイン Magnific…

【Google Map】よくある6つのご要望に Google Maps JavaScript API で対処する [IE9対応]

デモを見る ファイル一式をダウンロードする 「Google APIキーの発行って面倒じゃないの…?」 Googleアカウントを持っていれば、…