HTML＆CSS slick スライダーで、 画面からはみ出る、矢印が見えない、原因と解決方法
slick スライダーで設定を変更した時にスクロールした時に下に横スクロールバーが表示されてしまったので、備忘録として残しておきます。 画面からはみ出した原因、前後の画像への矢印を表示している、スライド画像を画面横幅いっぱいに表示している
デザイン
HTML＆CSS 
HTML＆CSS 背景色に影響されて消えることがない、画面にフィックスされたスクロールを促すバー
WEBサイトでスクロールを促すバーをよく見かけます。 z-indexで最前面に表示されていても、fixedされている場合、背景色によっては見えなくなります。 そこで背面カラーに影響を受けないバー（アニメーション付き）を作成してみました。
WordPress WordPress 抜粋ではなく最初の一行、又は特定のクラス等のみを取得したかった
テンプレートタグ the_excerpt()の抜粋取得では文字数によって要約文が取得されますが、トップページや親ページで、タイトルの他に最初の１行もしくは特定の箇所（idやclass等）だけを指定して取得したい場合の方法を解説します。
HTML＆CSS CSSで作成 ちょっと右下がめくれた日めくりカレンダー（その日の日付入り）
日めくりカレンダーを作成しました。 小さめに作っています。 カスタマイズしてリンクをつけたり、ボタン等に利用してみてはいかがでしょうか。使用するファイルはHTML、CSS、JavaScript（日付を取得し、表示方法を設定するため）です。
HTML＆CSS 壁に押しピンで貼りつけたような画像入りボックスデザイン（マウスオーバーで揺れます）
Animate.cssを利用して、マウスオーバーした時に左右に揺れるボックス（壁にポスターを押しピンで貼り付けたようなイメージ）を作成しました。JavaScriptの記述も長くないので、比較的簡単かと思います。
WordPress WordPressのデフォルトの「検索」ボタンをAwesomeアイコンにする方法
WordPressウィジェットに設置されたデフォルトの検索ボタンはを、虫眼鏡アイコンに置き換えたい場合の手順です。編集するファイルは、HTML、JavaScript、CSSの3つです。...事前準備としてFont Awesomeの登録。
HTML＆CSS CSSで見出し等作成時、インラインブロック要素の後で改行させたい
ブログの目次（ｈ2タグ,ｈ3タグ, h4タグ）をインラインブロック要素でデザインするしたい場合があります。 そうすると幅を指定しない場合、異なる階層の目次が1行に続いてします。解決策 そんな時は、display: inline-blockを...