CSS3の角丸、テキストシャドウ、ボックスシャドウ、RGBA、グラデーションなどを効果的に使用したサイトをSix Revisionsから紹介します。
[CSS]実例から学ぶCSS3の効果的な使い方
CSS3の角丸、テキストシャドウ、ボックスシャドウ、RGBA、グラデーションなどを効果的に使用したサイトをSix Revisionsから紹介します。
Google社員が驚く Google Apps 徹底 活用法 - EC studio 社長ブログ
EC studioではGoogle Appsが英語版の時から利用し、 国内第一号の代理店（リセラー）になり、Google社から Google Appsの活用事例として取材されました。 ■Google Appsケーススタディ – 株式会社 EC studio 取材の際にはGoogle社員の方が「Google社内でもここまで 活用できてませんよ！ここまでの活用法はすごい！」と驚かれました。 この記事ではGoogle Appsのメリットの紹介や、それぞれの ツールの活用方法、ほとんど知られていないが実はこんなことが 簡単にGoogle Appsでできちゃいますという機能を紹介したいと思います。 ■Google Appsのサービス紹介 Google Appsのサービスについてはすでに知っていると言う方は こちらの動画は飛ばしていただいて結構です。 Gメール、カレンダー、ドキュメント、ビデオ、モデレ
覚えて良かったCSSテクニック « zaru blog
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅：190px マージン：15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
JavaScript使ってないのに使ってる風のピュアCSSなテクニック集:phpspot開発日誌
30 Pure CSS Alternatives to Javascript - Speckyboy Design Magazine JavaScript使ってないのに使ってる風のピュアCSSなテクニック集。 最近ではCSS3等の登場によってCSSだけでもかなり高度なことが出来るようになっていますが、それらのコレクションがまとまっていました。 CSSだけでもこれだけのことが出来るという可能性を知るのに調度良いです。 マウスオーバーでハイライトする地図 タイムライン LightBoxもCSSで コンテンツスライダー スピーチバブル 無理してCSSのみにこだわる必要はありませんが、楽な選択肢を取れるなら覚えておいて損はありませんね。 関連エントリ ピュアCSSで実装された吹き出しのデザイン例色々 ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル クリーンなデザインでピュアＣＳ
GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」:phpspot開発日誌
GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」 2010年04月28日- jQuery google api and other google hosted javascript libraries. - ScriptSrc.net GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」。 jQueryを使うサイトでは、通常、自分のサーバにjQueryをアップロードして、<script>タグ書いて、srcでその位置を指定して、なんていう面倒なステップを踏むわけですが、このサイトにアクセスしてボタンを１回おせば、利用用のタグがクリップボードにコピーされます。 コピー例：<script type="text/javascript" src="htt
VegaBit.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
Awesome Bubble Navigation with jQuery | Codrops
In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for a even nicer effect. Ok, so let’s get started. The Markup The HTML will consist of a main div that we will give the class navigation and the id nav. Inside of the main div we will have the na
HTML5 / CSS3のソースがダウンロードできるサンプル – creamu
HTML5 / CSSでできることをざっくり掴みたい。 そんなときに参考になるのが、『Create An Elegant Website With HTML 5 And CSS3』。HTML5 / CSS3のソースがダウンロードできるサンプルです。 HTML5で使われる<section>や<aside>、<header>、<footer>などの各タグの解説と、CSSにおける「RGBa」、「box-shadow」、「border-radius」、「text-shadow」などのプロパティーの解説がされています。 デモは以下から。 Download Source ソースのダウンロードも提供されているので、参考に見てみてはいかがでしょうか？ Touch The Future: Create An Elegant Website With HTML 5 And CSS3 あることが一つ決まった。と
Experiment: CSS3 Accordion — Paul Hayes
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
NealGrosskopf.com l Create a JQuery Content Slider Using Pure CSS - Demo
2 2 1 3 2 4 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id magna. Maecenas metus. Nunc dignissim rhoncus neque. Vestibulum leo nibh, suscipit ac, tempus nec, sollicitudin et, erat. Mauris neque purus, tincidunt ac, luctus a, sagittis eu, nisi. Morbi quis neque id elit facilisis ullamcorper. Cras id arcu. In quam orci, accumsan ut, porttitor in, malesuada vitae, eros. In auctor
CSS Tabs
Example One Grade: C From an HTML perspective, this is the absolute cleanest. It just doesn't deal with current navigation highlighting. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam tincidunt mauris eu risus. Vestibulum auctor dapibus neque. Feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
刺激を求める技術者に捧げるScala講座---目次
本連載では，次世代のエンタープライズ・プラットフォームを支える言語として，このところ最も注目を集めている言語「Scala」の魅力をお伝えしていきたいと思います。Scalaは，技術的にもかなり刺激的で，楽しい言語に仕上がっています。最初の一歩から刺激的な技術解説まで，幅広くScalaのおもしろさ，楽しさをお伝えしたいと思います。 第1回 なぜScalaなのか？ 第2回 Scalaの基本的な文法 第3回 Scala言語を探検する（1） 第4回 Scala言語を探検する（2） 第5回 Scala言語を探検する（3）関数型言語としてのScala 第6回 Scala言語を探検する（4）Scalaの型システム 第7回 関数脳のつくり方 First Season 第8回 Scala DSLでできること 第9回 Scala DSL事始め（前編） 第10回 Scala DSL事始め（後編）
Beautifl - Flashのギャラリーサイト
BeautiflはFlash(ActionScript 3.0)のオープンソースの秀作を集めたギャラリーサイト。Webクリエイターのインスピレーションを刺激するクールな作品をピックアップしています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]CSS3対応ブラウザだとより美しいドロップダウン型のナビゲーション
ピュアCSS3で3Dアニメーション:phpspot開発日誌
綺麗にデザインされたCSS3ボタンのまとめ:phpspot開発日誌
http://www.growldesign.co.uk/projects/lb/
TOP PAGE
セフレ募集掲示板【地域別で探せるアプリ・サイトランキング】 dr-pc.jp