トワイライツ・ノーツ

読書感想と自転車と雑記

html・CSS

はてなブログテーマ「MonoTsuduri 2column」を作成しました

以前好評いただいたテーマ「MonoTsuduri」の2カラムバージョンを作成しました。自分が欲しいと思ったのが主な理由ですが、2カラムにしたいという要望も少しあったようなので。

平成最後のはてなブログ デザインテーマコンテストで銀賞いただきました

こんにちは、柊クイチです。 この度はてなブログのデザインテーマコンテストで銀賞をいただき、平成最後に良い記念になりました。blog.hatenablog.com いただいた選評はこちら。 はてなブログスタッフによる選評 シングルカラムを基本にスマートフォンでも読…

はてなブログテーマ「MonoTsuduri」を公開しました

どんなテーマ? シンプルにモノを綴るためのテーマです。 カテゴリ分けや見出しの種類をあまり気にせずのびのびと書ける。 でも、ちょっとしたカスタマイズで大きく雰囲気が変わってオリジナル感が出る。 そして飽きの来ない。 そんなイメージで作成しました…

Webサイトの文章をワンランクアップするためのHTMLの話

この記事ではWeb上でブログや記事の執筆など、コーディングには明るくないけれど比較的長文の文章を書く人向けに、押さえておくと良いHTMLタグとその特性をまとめてみました。HTMLタグをつけることで作られる文書構造についてまとめてある本が意外と見当たら…

コーディングもデザインも技術としては溶け合っている

コーディングの部署へ異動してから一年と半年。別の制作会社で3か月。初期業訓練校でおよそ4か月……となんだかんだでコーディングを始めて総計で2年程が経ちました。 元々コーディングは好きだけれどデザインは苦手、できればやりたくない、と思っていました…

Adobe Blank(Webフォント)を使った画像置換 New Kellum method

初めてレスポンシブ案件のコーディングをすることになりました。 メディアクエリで背景画像を入れ替えたりする都合上、避けて通れないのが画像置換。なにかいいやり方がないかなと、調べていたらおそらく日本語ではまだ紹介されていないNew Kellum methodと…

CSSとJavaScriptの読み込み順によってはスタイルが適用されないことがある

かなりハマったので覚え書き代わりに。 ページの読み込み時に一部のCSSだけが反映されなくて、ソースコードをあちこちひねり回していたのです。 最初に疑ったのは、後からスタイルを上書きされているとか、CSSファイルが読み込めていないとか、JavaScriptで…