タオルケット体操

サツバツいんたーねっと

css

はてなブログの人気記事一覧を画像 + オーバーレイのWordPressっぽいお洒落仕様にカスタマイズする

はてなブログのhtmlは日々微調整が入っている はい。 WordPressとか? だとサムネ付きの記事一覧に白抜きの文字がオーバーレイされてちょっとオシャレっぽくなってたりするじゃないですか。 あれ、良いなーと思って以前に挑戦したんですけども、はてなブログ…

はてなブログの脚注のツールチップを見やすく、カワイイにするCSS

前置き はてなブログは(())で囲むことで脚注*1をつけることができます。 この脚注、ブラウザ標準のツールチップで読めるんですけども、出てくるのが遅いし、小さくて読みにくいし、見た目が可愛くないですよね。 というわけで無理矢理ツールチップを追加する…

記事上にファンシーなソーシャルボタンを設置出来るスタイルを自作テーマのCinnamonに導入した

各SNSデフォルトのシェアボタンって見た目がダサい はい。 各SNSのデフォルトのボタンリンクって、野暮ったくて全然可愛くないですよね。特にフラットなデザインで作ったサイトだと浮きます。シェア数とかの表示も邪魔っけです。 というわけではてなブログ用…

text-renderingのoptimizeLegibilityとtext-alignのjustifyは同時に使わない方が良いかも

そもそもtext-renderingとtext-align: justifyってなんだ text-renderingプロパティ 詳しいところは別途調べて頂きたいのですが、text-renderingはその名のとおり文字のレンダリングを指定するためのCSSプロパティです。 いくつか値があるのですが、optimize…

Cinnamonというレスポンシブなはてなテーマをつくってみた

今設定しているやつです。 見ての通り地味なテーマです。 Cinnamon - テーマ ストア - はてなブログ はてなはレスポンシブなテーマじゃないとスマホの表示がダサくなるんですよね。 ただ、既存のレスポンシブテーマはviewportの設定に対応していなかったりと…

CSSのわからないを解決する基礎知識 ボックスモデル編

テーブルレイアウトから抜け出せないエンジニアがとりあえず最低限押さえるべき仕様 - タオルケット体操 テーブルレイアウトから抜け出せないエンジニアがとりあえず最低限押さえるべき仕様 - タオルケット体操 上の記事の続きです。 例によってざっくりなの…

読者アイコンの大きさを変えるCSS

ブログのデザインをカスタマイズする時は、変更前のCSSのバックアップを取っておきましょう! - 日なたと木陰 ブログのデザインをカスタマイズする時は、変更前のCSSのバックアップを取っておきましょう! - 日なたと木陰 なんかプロフィールページと…

テーブルレイアウトから抜け出せないエンジニアがとりあえず最低限押さえるべき仕様

社内で勉強会を開きたいので、その叩き台みたいな感じのテキストです。 マークアップを書けるプログラマーというのも世の中には沢山いますが、ちゃんと書けない or なんとなく書いてるだけという人も多いです。*1 また当然のように、ゲームを作るのでもない…

CSSだけで簡単にPinterest風味なカラムレイアウトするやつ

PinterestとかいうSNSがあるみたいです。 なんかオシャレ系? な写真共有系SNS? みたいな感じっぽいです。 段組みみたいになってるレイアウトがちょっと前にもてはやされてたりとかしてた気がします。 例によって、あの手のレイアウトはjQueryプラグインで…

レスポンシブなCSSってそんな難しいことしてないっぽかった

最近ブログ書くのがおっくうになってて、たぶんそれは記事を作ることへのハードルが上がってるのが原因だと思っております(コードの検証とか)。ちょっとでも間があくとすぐにだるくなるので、とにかくクソみたいな文章でいいので毎日書くことが大切ですね?