SVGでクリッカブルマップ！リンクをつける方法
こんにちは、yukipanです。 サイト制作で地図やイラスト上でピンポイントにリンクを付けるとき、<map>タグと<area>タグでクリッカブルマップ〜という手法があったそうな。だけどレスポンシブ...
HTML・CSSHTML・CSSHTML・CSSCSSのみで実装。アコーディオンメニュー
こんにちは、yukipanです。「Q&A」や、長い項目がたくさんある時に見たいところだけ開いて見れる、ユーザーにも優しいアコーディオンメニュー。よくあるJSやjQueryでつくるアコーディオンメニューもいいけれど...
お金の話「本気でFIREをめざす人のための資産形成入門」読んで気に入ったフレーズメモ。
FIRE（Financial Independence and Retire Early」って流行ってますね。「ファイヤー」ってワード、なんかかっこいいよねー。 「本気でFIREをめざす人のための資産形成入門 30歳でセ...
お金の話SPYD?VYM?HDV?米国高配当株のETFどれがいいの？
つみたてNISAでインデックス投資もいいけれど、配当金生活もしてみたい！個別の銘柄よりETFのがまとまってるし、米国株の買い方や分配金の流れをまずは実感として知りたいので、米国高配当株のETFに投資してみようと思う。どれ...
HTML・CSSswiper.js 4.3.3でトップスライドと記事一覧の調整したコードメモ。
swiper.jsでかんたんに画像のスライダーが設置できる。オプションも豊富だし、便利よね〜。ただ、Ver5はIE11で使えないんだとか。。。IE対応しなくても・・・って思うけど、まだ使ってる人もいるし、もう少しは対応し...
HTML・CSSswiper.js Ver.5.4.5で簡単にスライダー設置（ナビ・ページネーション調整済）
swiper.jsでかんたんに画像のスライダーが設置できる。オプションも豊富だし、便利よね〜。汎用的に使えるバージョンでオプションを追加したコードをメモメモ。 スライドショーのサンプルはこちら→swiperスライダー H...
やってみたおきかえ？断食？運動？コーヒー？
試したダイエットを書き出してみた
こんにちは！食べること大好きyukipanです。今回は、いろいろなダイエットを試してきたyukipanのダイエット遍歴をすべて書き出してみようと思います。 ダイエットを考えているあなたに合うダイエット方法を見つける参考に...
WebTips【WordPress】ページネーション（ページャー）をプラグイン無しで設置する
プラグインをなるべく使いたくないyukipanです。WordPressの記事一覧にページネーション（ページャー）を表示させるコードのメモです。 お好きにコピペして使ってください。お役に立てたらうれしいです。 ページネーシ...
やってみたためしてガッテン観てあんこ（あずき）が食べたくなった。
小さい頃はおはぎ用のあんこの味見係だったyukipanです。おばあちゃんのおはぎ、甘ーーーくて美味しかったな〜。（砂糖が死ぬほど入っていた気がする） そういえば昔「小豆ダイエット」したことあるなー。砂糖が入っていないあず...
WebTipsWordPressのデータを専用ディレクトリに置いてドメインURLで表示する方法。
WordPressのデータをドキュメントルートディレクトリに直に置くとバラバラになるので、サブドメインやサブディレクトリを作るときにわけわからんくなる。専用ディレクトリに設置したほうが整理しやすいんだけど、いつも方法を忘...