擬似要素を使った見出しデザイン
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
あのジェリー・ヤンも出資! 話題のベンチャーTreasure Dataがめざすのは"ビッグデータをシンプルに"─Hadoop Conference Japan 2013 Winterレポート（3） | gihyo.jp
シリコンバレーの投資家からも一目置かれるTreasure Dataの成長を支えているその技術力と経営理念について、Treasure DataのCTOである太田一樹氏が基調講演で語ったその内容をレポートします。 Feature Creepではなく“ナタ”を作る 太田氏をはじめとするTreasure Dataの創業メンバーはいずれもHadoopやmemcached、MongoDBなど、現在のビッグデータブームを支えるオープンソース技術の開発に学生時代から関わっていました。これらのオープンソースプロダクト、とくにHadoopに触れる経験が長かったことが、Treasure Data設立の大きなきっかけになっています。 「Hadoopの登場はこれまで使いづらいだけの存在だった分散システムの世界を大きく変えた。一方で、ユーザ企業がHadoopをデプロイし、運用をはじめても、結局はメンテナンスが大変にな
クリック率の高いテキストリンクの色は？【2013年版】 | ウェブ力学
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は？ 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
