tableレイアウト（レスポンシブ対応・HTML・CSS・SCSS）
tableレイアウトを組むときにいつもどうだったっけ？ってなるので何パターンかメモしとく。とりあえずまずは1つ。 table1 サンプルはこちら HTML CSS SCSS 変更しやすいようにSCSSバージョンもアップし...
HTML・CSSWebTips
HTML・CSSHTML・CSS【脱・jQuery】JavaScriptでシンプル上に戻るボタン(スクロールするとふわっと出てくる仕様)
シンプルな上に戻るボタンのメモ。スクロールするとふわっと表示される仕様。サンプルは「↑」のテキストを入れているけど、画像やfontawesome、CSSで作った図形など好きに変更できる。hoverするとちょっとだけ上に動...
WebTipsWeb系の書籍で気になった本まとめ
yukipanが気になった書籍をブックマーク。いっつも気になるなーって思いつつ「あの本なんて名前だっけ？」ってなっていたので、ここに記載していって、読んだらレビュー書くことにする。 あたらしい、あしらい。あしらいに着目し...
HTML・CSSグローバルナビのスマホのときだけハンバーガーメニューになるテンプレ
最近はPC表示の時でもハンバーガーメニューの表示を見かけるようになった。スマホファーストだから、デザイン自体がスマホ設計なんだね〜。 そんなyukipanも、スマホファーストでPC表示もハンバーガーメニューで良い派。 だ...
HTML・CSS【JavaScript使わない】CSSのみで画像がふわっと切り替わるシンプルなスライドショー
なるべくJS使わずCSSだけで実装したいyukipanです。今の時代、ただ画像をふわっと切り替えるだけなら、JS使わなくてもCSSたけで実装できるんですね〜。ステキ。画像だけふわっと切り替わるバージョンと、背景画像で切り...
WebTipsWordPressプラグイン「Compress JPEG & PNG images」で簡単に画像圧縮。設定と使い方
ブログを書く時、いちいち画像圧縮するのめんどくさーい！ってなりませんか？サイトの速度を早くするため画像圧縮は大事なんだけど、ついつい忘れてサイズ調整だけで画像をアップしてしまうこともあったり。。。めんどくさいので、Wor...
WebTipsWordPressはじめてのデザイン＆カスタマイズ入門 ブログ・サイトの改善方法がわかる
Amazon→WordPress はじめてのデザイン&カスタマイズ入門 ブログ・サイトの改善方法がわかる 楽天市場→◆◆WordPressはじめてのデザイン＆カスタマイズ入門 ブログ・サイトの改善方法がわかる /...