Sassを編集直後に自動コンパイル Posted on 2018-09-222018-09-22 by IKIX_wbdv CSSにプログラミング言語の要素を取り入れたSass.ウォルトンのCSSアーキテクチャの4要素「予測性・再利用性・保守性・拡張性」を兼ね備えたSass... Read More
ふくろうセレクタを用いた垂直配置 Posted on 2018-09-172018-09-17 by IKIX_wbdv フロー要素による「フローシステム」とは,垂直方向に閲覧するとき,ストレスなく見られるレイアウトをいいます.フローシステムの垂直配置... Read More
WordPressで自動改行を除去するCSS Posted on 2018-09-17 by IKIX_wbdv WordPressで改行が自動で入ってしまうことがあります.それをCSSで取り除く方法です.mainタグやarticleタグやsectionタグの中に自動改行があれば, main... Read More
ハニカムレイアウト Posted on 2018-09-132018-09-14 by IKIX_wbdv 要素を蜂の巣状に並べる簡潔な方法.teratailでの質問をきっかけに開発(多分,世界で初めての手法).名付けてハニカムレイアウト. <div> &l... Read More
For of & Map そして Async & Await Posted on 2018-09-122018-09-13 by IKIX_wbdv ECMAScriptの仕様改定に伴うJavaScriptの新しい文法.var句,function句,配列表示を使わなくなれる代わりに,const/let句,アロー演算子,for of句を使う.... Read More
Web Workerの埋め込み Posted on 2018-09-12 by IKIX_wbdv Web Worker APIをひとつのファイルに埋め込んだ.ローカルサーバー等,動いているサーバー上でお試しください. <!DOCTYPE html> <html> <head>... Read More
ロード時に「loading…」を表示しフェードアウト Posted on 2018-09-112018-09-11 by IKIX_wbdv サイトを読み込むときに簡単なメッセージを表示し,それをフェードインする方法.jQueryは必要. <html lang="ja" data-loading=""> ... htmlタグにカ... Read More
マウスをウィンドウから外すと開閉するドロワー Posted on 2018-09-102018-09-10 by IKIX_wbdv マウスカーソルをブラウザウィンドウの外側に外すと,開いたり閉じたりするドロワーです. <!DOCTYPE html> <html> <head> <meta charset="...... Read More