ソーシャルボタンを JavaScript + CSS で作成
ソーシャルボタン、便利ですけど、あっちこっちにスクリプトを呼びに行くのが嫌な感じなので、できるだけ自前でやるようにしました。(いいね ! ボタンのカウントは API Key が必要なので断念) 2/21 修正: HTML 3行目修正, CSS 86-88行目追加
ソーシャルボタン、便利ですけど、あっちこっちにスクリプトを呼びに行くのが嫌な感じなので、できるだけ自前でやるようにしました。(いいね ! ボタンのカウントは API Key が必要なので断念) 2/21 修正: HTML 3行目修正, CSS 86-88行目追加
なんとなく全体的に締まりのない感じがしたものの、どこを直せばいいかわからなかったので、一から作り直しました。デザインが気に入らないとブログを書く気もしませんしね。 ヘッダの”blog.hekt.orgR …
僕も人のこと言えないけど、zenbackのCSSはもうちょっと読みやすくする努力をしてもいいと思う……。空の宣言ブロックがあったりコメントアウトされたのが残ってたりインデント揃ってなかったり。
— 戸塚和人さん (@hekt) 1月 23, 2012
などと誰に言うわけでもなく、文字通りつぶやいてみたら、中の人から返信がありました。
@hekt がんばります・・・！！
— Zenbackさん (@zenback) 1月 24, 2012
上から目線な発言を反省しつつ、人にがんばらせるからには僕も少しはがんばらないといけないな、ということで、フォーマットとプロパティの出現順のルールを制定、適用しました。
なんとなく思いたったのでやってみました。最初はコンテンツをカード状にして不規則に配置しようと思ってたんだけど、いまいち合わなかった背景画像のほうが気に入ってしまったので、そっちメインでやることに。 例によって一部のブラウ …
テーマをマイナーチェンジしてみました。HTML5とCSS3で書かれています。前回と同じように、Chromeならパーフェクトな表示、Firefoxでもそこそこ、IE8だと微妙、IE8にJavascriptオフだと壊滅、とい …
――っていっても二つだけ。 text-shadow 文字に影をつける。数字三つは右へのオフセット、下へのオフセット、ぼかしの範囲。カンマ区切りで複数指定可能。 text-shadow: 5px -5px 3px #FF0 …
CSSプロパティの”text-shadow”を使ってみたかったのです。FirefoxとかChromeとかSafariとかなら、テキストに影がついたり（ヘッダのタイトル）、エンボスっぽくなってたり（ …
いろいろ環境が変わってからは初めてマトモにCSSを弄ってますが、ようやく表示領域が増えた恩恵をはっきり感じられます。左側にブラウザ、右側にエディタを十分な幅で並べられるというのはすごく便利で、”Ctrl+S& …
相変わらず本文部分のスタイルはほとんど流用です。 Firefox 2, Internet Explorer 6, Internet Explorer 7 で動作確認。前は Opera を使ってたけど、今は Firefox …
CSSをIE6用に若干修正。影の部分になるとドット模様が途切れるのと、大きい画像が出てきたときにナビが下のほうに行っちゃうのは妥協しました。 前者は直すことができるので、後でやるかもしれませんが、後者はどうしようもない気 …