自営業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アカウントを持っていれば、…

【Flexbox】ヘッダーでよくあるレイアウトは height / font-size / padding を使い分けると上手くできる [IE10対応]

デモを見る ファイル一式をダウンロードする Flexboxは大変便利ですが、万能ではありません。しかしCSSを細かく調整することで、その力を…

【jQuery】多階層のマウスオーバードロップダウンメニューを作りました [IE9対応]

デモを見る ファイル一式をダウンロードする 仕事で必要だったため作りました。 作った後に気づいたことですが、西畑一馬氏のコードとほぼ同一のも…

【HTML/CSS】テキストリンクのホバー線は、border を指定すると便利なことに気がついた

2016/05/24 アニメーションするアンダーラインを追加しました。   ボーダー See the Pen ホバー線 / sol…

【HTML/CSS】要素並列が難しい場合は table を使って時間短縮 [IE10対応]

デモを見る ファイル一式をダウンロードする table タグは便利です。 Flexbox / float / inline-block / …

【Flexbox】基本操作と実務で使えるレイアウトスタイルまとめ [IE10対応]

デモを見る ファイル一式をダウンロードする 本記事に改行(flex-wrap)の記述はありません。 先日、IE10以下切り捨て案件のコーディ…

【HTML/CSS】テキストの左右に線を引く [IE8対応]

デモを見る ファイル一式をダウンロードする 先日仕事で設置する必要があり、コリスさんの記事を参考にしましたが、IE11でバグが発生してすぐに…

東京都内から都内へ引越しを実行した際の記録

1つ前の記事で、賃貸物件の探し方をまとめました。 ネットワーク展開している賃貸仲介会社で、物件を探すときのコツまとめ 今回は引越しについての…

ネットワーク展開している賃貸仲介会社で、物件を探すときのコツまとめ

2015年9月~10月にかけて、東京都大田区から杉並区へ引っ越すための賃貸物件を探し、11月に引越しを実行しました。その際の情報をまとめます…

スタンディングデスクにしてから、1ヶ月以上が経過した状況まとめ

本記事の内容は、あくまで個人的体験に基づいたものであり、科学的 / 医学的根拠はありません。 立ち作業用のテーブルを納品してもらった10/2…

【WordPress】functions.php よく使うコードまとめ(2015年11月)

実務案件やアフィリエイトサイト構築で、よく使っているコードをまとめます。 目次 アイキャッチ有効化 ウィジェット有効化 カスタムメニュー有効…