CSSによるレイアウト組みでとても便利なフレキシブルボックス CSSでカラムレイアウトを組むにあたって、かつてはfloatで左寄せ・右寄せしたり、その後登場したdisplay:tableのプロパティで表組的にレイアウトで… もっと読む »
WEB制作に関する備忘録
【jQuery】縦スクロールすると上からフワッと出てきて固定されるメニューヘッダ
スクロールするとある程度の高さまで来たときにヘッダを固定表示する方法 WordPressで作られたサイトやタテに長いランディングページなどでよく縦にスクロールしていくと途中でフワッと現れて画面上部に固定されるメニューヘッ… もっと読む »
【WordPress】FTPでアップロードした画像をメディアライブラリに反映させるプラグイン「Media from FTP」がすこぶる便利
WordPressベースのWEBサイトを構築する場合、いろんな手順はありますが基本はローカル環境でテストデータもしくは本チャンのコンテンツドキュメントを固定ページや投稿に流し込んでから、テンプレートをゴリゴリ書いていき、… もっと読む »
「`」=Back Tickと呼ぶらしい
‘`’はBack Tick(バックティック) Perlやシェルなどプログラミングでときどき出てくる「`」(シングルクォートを逆向きにしたみたいなヤツ)って、Back Tickって呼ぶんすね。 何十… もっと読む »
【jQuery Slider Pro】レスポンシブに画像のサイズを切り替えるオプションの操作
Slider Proはオプション設定を使えば、レスポンシブに画像そのものを切り替えることができる。 しょっちゅう使わせてもらうプラグインなので備忘録。 画像のスライダー機能を搭載するためのjQueryプラグインのひとつ「… もっと読む »
WordPressのメンテナンスモード画面から戻らないとき
ローカル環境でWordpressの管理画面での作業で、プラグインの「Contact Form7」の更新指示が表示されたんで”はいはい!”と更新ボタンを押したはいいが、ブラウザの動作が一瞬重くなったかと思ったら、以下のよう… もっと読む »
【jQuery】「ページ先頭へ戻る」ボタンの画像をランダムに切り替えてみる
「大阪好っきゃ麺」のWEBサイトリニューアルをやってて、ふと”先頭に戻る”のボタン画像をオモロい画像でいろいろ切り替えたいなぁなんてイタズラ心がムクムクと出てきました。 さっそく突っ込んでみたのがこちら。 ページ読み込み… もっと読む »
CSSの”Transition”だけでサクッと。オンマウス(hover)でフワッと色を変える簡単テク
CSS3から登場したプロパティ「transition」を使う テキストや画像に張ったリンクを認識しやすくするために、マウスオーバーすると文字や背景の色を変えたりテキストにアンダーラインなどの修飾を施したりすることって多い… もっと読む »
【PHP】正規表現で文字数をカウントして強制的に改行させる
これも覚書き。 テーブルのtdの中などで文字数で幅を決めたいとき、隣接するtdセルやテーブル全体の幅の影響なども受けるためCSSのwidth設定などでは強制的に決めちゃうことができない。 出力したいtdの中の値に例えば1… もっと読む »
Emmet使ってCSSにコメント/* */を挿入するコマンド
ついついHTMLとゴッチャになってしまって忘れがちなので完全に自分用備忘録w HTMLでコメント追加するのは、CだけでおK。 C 変換→ <!– –> CSSもつい”C”&変換!ってやってしまうけど、それ… もっと読む »