simplecoreな毎日

アラフォー既婚男性の日々、子育て、その他雑記

WEB

シンプルで実用的なドロワーメニューが実装できるjQueryプラグインDrawer

2017.12.12

シンプルで実用的なドロワーメニューが実装できるjQueryプラグインDrawer

これまでWordPressのテーマ作成についてダラダラと書いてきました。久々のWordPress以外の記事です。 先日、生業のとある仕事でドロワーメニューを実装する必要がありました。必要があった、というかドロワーメニューを実装したことがなかったので、やってみたかっただけなの

超簡単!GIFアニメとCSS3アニメーションで目立つボタンを作る

2017.11.17

超簡単!GIFアニメとCSS3アニメーションで目立つボタンを作る

ランディングページなどを作っていて、ボタンを目立たせるためにGIFアニメの画像をよく使います。PCでもスマホでも同じような視覚効果を出せますし、そして何よりお手軽です。Photoshopからも書き出せますから。しかもFlashばりのトゥイーン付きで。 しかしこのGIFアニメ

複数のPCでSublimeTextの設定を同期させる

2017.11.16

複数のPCでSublimeTextの設定を同期させる

僕は普段コーディングをするときSublimeTextをつかっています。もちろん以前はDreamweaverをつかっていましたが、CS6が出たときに試用版をつかってみたらものすごく動作が重くなってしまい・・・そのまま以前のバージョンを使っていても良かったのですが、HTML5への

スマホ表示の際にCSSでtableに横スクロールを実装する方法

2017.11.13

スマホ表示の際にCSSでtableに横スクロールを実装する方法

表を組んだりするときにつかう<table>タグ。PCで見るときは問題無くても、以外と悩ましいのがタブレットやスマホで表示したときです。 例えば、見出しとデータが1つずつだけのシンプルな表であれば、CSSのメディアクエリとdisplayをつかって段組を変えたりすれ

Bootstrap4でデバイス別に表示・非表示を切り替えるclass

2017.11.10

Bootstrap4でデバイス別に表示・非表示を切り替えるclass

先日来Bootstrap4をちょくちょくいじっているのですが、今回のバージョンから、ウィンドウ幅に応じて要素を表示させたり非表示にさせたりするclass名が変わっているようです。 これまでと同じようにclassを振って、ブラウザ幅を縮めても消えない・・・調べてみたらclas

【LPで使える小技】縦長ページをスクロールすると表示されるバナー

2017.11.8

【LPで使える小技】縦長ページをスクロールすると表示されるバナー

先日、久しぶりにランディングページを制作する機会がありました。ある程度ページをスクロールしていくとページの下部にCTAボタンを表示させる必要のある案件でした。 スクロールすると「トップへ戻る」ボタンを表示させる、というのは以前からよくつかっていたので(このブログでもつかって

AIが配色パターンを提案してくれるサービスKhroma

2017.11.1

AIが配色パターンを提案してくれるサービスKhroma

デザイン制作時に悩むのが配色。色数を抑え過ぎてメリハリが無くなってしまったり、逆に目立たせたい部分を強調し過ぎて収集が付かなくなったり。ここに一番時間をかける場合が多いのではないでしょうか。 僕はそんなとき、Khromaというサービスをつかいます。自分の好きな色、使いたい色

WordPressのカスタムフィールドで値が空だった場合の処理方法

WordPress

WordPressのカスタムフィールドで値が空だった場合の処理方法

これまでに買った赤ちゃんグッズその2

LIFE

これまでに買った赤ちゃんグッズその2

時間にルーズな人間について思うこと

THOUGHT

時間にルーズな人間について思うこと

Bootstrap4でデバイス別に表示・非表示を切り替えるclass

WEB

Bootstrap4でデバイス別に表示・非表示を切り替えるclass

WEBデザイナーの浅過ぎるSEOについての話

WEB

WEBデザイナーの浅過ぎるSEOについての話

レスポンシブに対応したグリッドデザインがすぐに作れるGrid—A—Licious

WEB

レスポンシブに対応したグリッドデザインがすぐに作れるGrid—A—Licious

アルビレックス新潟のこと

THOUGHT

アルビレックス新潟のこと

ブログのヘッダーやイメージにつかえる無料写真

WEB

ブログのヘッダーやイメージにつかえる無料写真