gulp・発生したバグ修正方法

  • 2016/09/30
  • 更新:2017/07/28
  • gulp

目次 Cannot find module vinyl gulp-compass を認識しなくなる   npm を最新verにする…

WordPress・発生したバグ修正方法

目次 表示できない、真っ白になるなど Advanced Custom Fields   表示できない、真っ白になるなど テンプレー…

Facebook・ページプラグインの横幅レスポンシブ可変のコツと間違い

  • 2016/09/04
  • 更新:2017/07/28
  • SNS

デモを見る Facebookのページプラグイン設定ページが、いつの間にか日本語で充実していた。 https://developers.fac…

自営業Webサイトコーダー・実務で役立ったWeb参考書7冊

今まで様々なWeb参考書を読んだが、実務で本当に役に立ったものを紹介。   Webデザインの基本ルール-プロに学ぶ、一生枯れない永…

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

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

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

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

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

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

実務で使ったCSSレイアウト(2016年8月更新)

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

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 で対応

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

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

デモを見る 2017/07/29 見返すと微妙なことをしているが、こんなこと考えていたという振り返りのため残しておく。 FlexboxはCS…

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

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

テキストリンクのホバー線は、border を指定するとそこそこ使える。

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

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

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

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

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

テキストの左右に線を引く [IE8対応]

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

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

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

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

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