[B! CSS] Tarouのブックマーク

CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選

今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

Tarou 2017/03/08

リンク

【第2弾】少しのコードで実装可能な20のCSS小技集

2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！目次画像を丸く表示 1本線のテーブル 1本線の水平線線色を指定しなくても文字色と同一色になる複数の背景画像背景画像のサイズ Webフォントを使う画像をモノクロやセピアにするリストマーカーの色を変更グラデーショングラデーションボーダーフラットだけど立体的ボタン画像をぼかすレスポンシブに対応した動画要素を真ん中に配置カンマで分けたリスト文字を縦書きフォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット線のオフセット設定 HTML・CSSの全

Tarou 2016/02/14

リンク

[CSS]さりげなく、美しくて分かりやすいテーブルにするCSS3のチュートリアル

IE6などの非サポートブラウザも配慮した、角丸、ゼブラ柄、ハイライトなど美しくて分かりやすいテーブルを実装するCSS3のチュートリアルを紹介します。デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。画像を使用しないで、角丸を実装。余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけユーザフレンドリーで、読むことが簡単。実装 HTML HTMLは非常にシンプルです。 classは、tableタグにのみ使用します。 <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr

Tarou 2011/10/22

リンク

ゆーすけべー日記

サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ

Tarou 2011/01/30

リンク

2010年総まとめ：CSSの実用的なテクニック集

CSS3で何ができるの？　という時にみておきたいサイト集ベーシックなものから実践的なテクニックまで、サンプルやコードなど実装例が掲載されているサイトをご紹介。

Tarou 2011/01/07

リンク

プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)

サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■　HTML,CSSを覚えようまず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている