tableレイアウト（レスポンシブ対応・HTML・CSS・SCSS）
tableレイアウトを組むときにいつもどうだったっけ？ってなるので何パターンかメモしとく。とりあえずまずは1つ。 table1 サンプルはこちら HTML CSS SCSS 変更しやすいようにSCSSバージョンもアップし...
HTML・CSSHTML・CSSHTML・CSS【脱・jQuery】JavaScriptでシンプル上に戻るボタン(スクロールするとふわっと出てくる仕様)
シンプルな上に戻るボタンのメモ。スクロールするとふわっと表示される仕様。サンプルは「↑」のテキストを入れているけど、画像やfontawesome、CSSで作った図形など好きに変更できる。hoverするとちょっとだけ上に動...
WebTipsWeb系の書籍で気になった本まとめ
yukipanが気になった書籍をブックマーク。いっつも気になるなーって思いつつ「あの本なんて名前だっけ？」ってなっていたので、ここに記載していって、読んだらレビュー書くことにする。 あたらしい、あしらい。あしらいに着目し...
HTML・CSSグローバルナビのスマホのときだけハンバーガーメニューになるテンプレ
最近はPC表示の時でもハンバーガーメニューの表示を見かけるようになった。スマホファーストだから、デザイン自体がスマホ設計なんだね〜。 そんなyukipanも、スマホファーストでPC表示もハンバーガーメニューで良い派。 だ...
食べ物の話マサラチャイって家で簡単に作れるのね。
最近マサラチャイにハマっているyukipanです。グリーンカレーも好きだし、前世インド人だったんだろうか？（あ、グリーンカレーはタイ料理だった。）はじめはインスタントやお店のマサラチャイで満足していたのだけど、スパイスが...
お金の話【J-REIT】東証上場のＲＥＩＴ全銘柄を対象指数とするＥＴＦ・・・？どれがいいの？
つみたてNISAで投資し始めて、他の投資についても興味が出てきた。不動産投資は資金がたくさんいるし、管理とか法律とかよくわからん。と思っていたら、J-REIT（上場不動産投資信託）というものがあることを知った。 J-RE...
HTML・CSS【JavaScript使わない】CSSのみで画像がふわっと切り替わるシンプルなスライドショー
なるべくJS使わずCSSだけで実装したいyukipanです。今の時代、ただ画像をふわっと切り替えるだけなら、JS使わなくてもCSSたけで実装できるんですね〜。ステキ。画像だけふわっと切り替わるバージョンと、背景画像で切り...
WebTipsWordPressプラグイン「Compress JPEG & PNG images」で簡単に画像圧縮。設定と使い方
ブログを書く時、いちいち画像圧縮するのめんどくさーい！ってなりませんか？サイトの速度を早くするため画像圧縮は大事なんだけど、ついつい忘れてサイズ調整だけで画像をアップしてしまうこともあったり。。。めんどくさいので、Wor...
お金の話「インデックスファンド」どれにしよう？
yukipan、投資初心者です。めんどくさがりです。さらにまとまったお金があるわけでもないので、投資はつみたてNISAでインデックスファンドに投資をすることにしました。 んで、どこのインデックスファンドがいいのか？ってな...
お金の話初めての投資から1年半。「投資はこわくない」
2018年12月から投資を始めてみたyukipan。 「難しいことはわかりませんが、お金の増やし方を教えてください！」という本がきっかけで、お金について考え始めた。 銀行に貯金してても利子はほぼつかず、むしろ減るというこ...