みっちぇのWebデザイン研究所

はてなブログのカスタマイズを中心に、ウェブデザインについて研究するブログ

備忘録

ココナラではてブロカスタム・修正格安出品中!- PR

この度実績積みのための一環として、はてなブログのカスタマイズ及び不具合修正をココナラにて承ることにしました。 料金は一律4,000円(ココナラカテゴリ内最低料金)です。 見出しデザイン 目次デザイン グローバルメニュー 追従メニュー アコーディオンメ…

JavaScriptでliに子要素がある時に絞り込みしようとしてうまくいかなかった時の原因

先日WordPressでテーマ制作する際、ナビメニューを子要素なしのシンプルなものにしたんですが(フレームワークの関係上)、子要素があったときにドロップダウンするようにCSSを書こうと思いまして、WordPressでのナビメニューのマークアップを確認。 WordPre…

CSSのみでアコーディオンパネル

javascriptでクラス付け外しする方が楽だとおもいますが、cssだけでもできると聞き、実行。 :chekedという擬似要素を使用します。:focusや:activeでできないっけ?と思ってたら:chekedでした。 MDNのサイトで詳細のってます developer.mozilla.org 当ブログ…

PHPの勉強がてらWordPress-その2テーマ制作

こんにちは。 前回、WordPressのローカル環境を整え、基本的なWordPressの設定まで行いました。 前回の記事 micche-labo.hatenablog.com その後、試行錯誤しながらなんとかWordPressのテーマ(めーーっちゃ簡単版)を制作して、とりあえず形になったので記録…

PHPの勉強がてらWordPress-その1構築

JavaScriptのお勉強もだいぶ進み、MDNのサイトではデータベースのところまできました。 ブログ記事にはまだ繰り返し文までしかまとめられてませんorz 前回のjavascriptブログ記事 micche-labo.hatenablog.com XMLHttpRequest、Fetch APIにWeb Storage API 、…

JavaScriptでDOM生成・挿入してみる

前回、JavaScriptでDOM操作してみるという記事を書いたのですが、今回はDOM生成を行っていきたいと思います。 前回の記事 micche-labo.hatenablog.com DOM生成とは JavaScriptでHTMLタグを作ること。 HTMLをJavaScript内に挿入するコードとセットで使う。

chrome更新したら、デベロッパーツールが日本語に

先ほどGoogle chromeを更新したら、デベロッパーツールが日本語になってました! 一応アプデで何が更新されたかかるく紹介。 続きを読むからどうぞ。

jQueryでアコーディオンメニューの挙動が思うようにいかなかった時の初歩的ミス

忘れないうちにメモ。 単にjQueryの練習で、slidUp()とslideDown()を使用して、アコーディオンメニューのような挙動にしたかっただけ。 マウスが乗った時にメニューが出てきて、外れた時にしまう。 ただそれだけなのに、liにのせて、いざ子要素のulにマウス…