当ブログは､はてなブログでデザインテーマを自作しています｡ 2カラム構成ですが､floatを使っていました｡ しかし､限界がある･･･｡ そこで､flexを使うことにしました｡ 実は､floatのままで行こうと思っていたのですが､能力の限界というか､2時間くらい粘っても問…

SCSSはCSSのバージョンアップ版｡ CSSで書いていて､｢あ､このコード､何回も書いてるわ｣って時に､SCSSを使えば便利｡ たとえば､マージンとか｡予め､ @mixin mg($mgr: 30px) { margin-bottom: $mgr; } と書いておく｡あとは､mgと言う名前を付けた｡ デフォルトは30px…

子要素を横並びするとき､色々と方法がありますね｡ float flex grid ですね｡ よく使うのはflexですね｡ 親要素に｢display:flex｣と書けば子要素が横並びします｡ 簡単ですねぇ～｡ 今までfloatを使っていたのですが､今でも使いますね｡ たとえば､このブログは左に…

本日､デザインテーマ｢バージョン3｣をリリースしました｡ サイドバーを左側に スマホ表示で 2時間程度かかった 大幅なデザイン変更 だいぶ慣れた さいごに サイドバーを左側に サイドバーを左側に持ってきました｡ 中々ないデザインだと思います｡ 王道レイアウ…

デザイン変更の大きな点はありませんが､内部でバージョンアップしました｡ 1日ほどかかりました｡ コードも最小限になったはず｡ ローカルでデザインテーマを制作して､デザインCSSに貼り付けて公開すると､かなりの確率でレイアウトが崩れますね｡ よって､最終的…

今､早くもバージョン2のデザインテーマを制作しています｡ 今のデザインテーマは｢とりあえず作りました｣というソースコード｡ 絡まりまくり｡｡｡ なので､今､改めて作り直している状態です｡ 大まかにはデザインを変えていません｡ 内部のCSSをいじっているだけ｡ だ…

はてなブログにおけるデザインテーマ､｢バージョン1.4｣をリリースしました｡ 見出しデザインの変更 タブレットで左右の幅が異なる問題を修正 対応時間 さいごに 見出しデザインの変更 左右に線を引き､中央に文字を置いていましたが､キーワードリンクが発生する…

本日は､はてなブログにおける見出しのカスタマイズについてです｡ 見出しとは以下です↓ これが見出しのデザインです 文中の見出しを付けるときに表示されます｡ 具体的に､はてなブログではどこを指すのか｡ それを書いてみますね｡ CSSでカスタマイズ そもそも､…

デザインテーマ､バージョン1.3をリリースしたので内容を書いてみたいと思います｡ 見出しデザインの変更 スマホ表示でコンテンツが真ん中に表示されない問題を修正 文字サイズを変更 さいごに 追記 見出しデザインの変更 見出しデザインの変更をしました｡ 左…

本日（2022/10/19）デザインテーマ､｢バージョン1.2｣をリリースしたので内容を書いてみたいと思います｡ タブレット以下の画面でサイドバーの表示を修正 見出しの線をコンテンツ幅に合わせる変更 かかった時間 さいごに タブレット以下の画面でサイドバーの表…

本日､デザインテーマ､｢バージョン1.1｣をリリースしたので書いてみたいと思います｡ ブログタイトルに矢印を追加して左揃えに 見出し周りの調整 レスポンシブ対応を強化 コンテンツとサイドバーの間隔を調整 対応時間 バグ潰しにかかる CSSが分からないと辛い…

デザインテーマはたくさんあるけれど､｢オリジナルなモノが作りたい｣と思いました｡ 初めてではない 2日程度でリリース あとは運営しながら対応していく テーマストアにアップするつもりはない さいごに 初めてではない その昔､デザインテーマを自作したことが…