過去記事の更新情報

2016/11/17
【gulp】発生したバグ修正方法まとめ 「gulp-compass を認識しなくなる」追加
2016/11/15
【gulp】Webサイトコーディングを効率化する、必要最小限4つのプラグインの導入手順 gulp-compassをやめて、gulp-sassに変更
2016/09/26
【gulp】初めてインストールするときの基本的な手順。初心者でも大丈夫。 グローバルインストールのコードを修正
2016/08/28
【HTML/CSS】実務で使ったレイアウトまとめ 「画像を含むボックスの角を斜めに切り取る」を追加

【WordPress】投稿ページのカテゴリ別切り替え表示を functions.php で行う

投稿ページの表示をカテゴリ別に切り替えるとき、include / TEMPLATEPATH を使っていたが、5年も前から非推奨タグになってい…

【WordPress】過去7日間の特定カテゴリ記事一覧の作り方

今更? という感じだけど、カスタマイズする機会があったので。 query_posts でも同じことが出来るが、非推奨だった気がするので ge…

[Huawei P8lite] バッテリー消費量が異常に高くなるときの正常化手順

まずは、こちらのブログを参考に設定を変更する。 http://dot3.exblog.jp/24629406 こちらで直らなかったら、下記を…

【Sass】どんなコーディング案件でも対応可能な、ミックスイン8種類

アレもコレもと用意するのではなく、何度も使うものだけを用意しておく。   [crayon-584804860c4fe4508336…

【gulp】Compassに依存しない、Webサイトコーディング効率化用コード

gulp-compassを利用していると、謎エラーが頻発するようになった。 自分以外にもそんな人が増えてるっぽいので、Compassに依存し…

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

本記事の内容は、あくまで個人的体験に基づいたものであり、科学的 / 医学的根拠はありません。 2015年10月23日に、スタンディングデスク…

twitter / Facebook / LINEのシェアリンクをテキストやオリジナル画像で設置する(2016年10月)

2016/10/12 Facebookコードを修正しました。 静的ページ用です。 WordPress用は後日追加します。 テキストとURLの…

【Sublime Text】発生したバグ修正方法まとめ

目次 BracketHighlighterが無効化   バージョンアップすると「BracketHighlighter」が無効化する…

【gulp】発生したバグ修正方法まとめ

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

【WordPress】発生したバグ修正方法まとめ

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

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

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

自営業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…