Escape Flight Travel DealsOutsmart the AirlinesCourtney travels for less by using Escape Flight—a new members only platform that helps you save up to 83% on flights. Escape more. Pay less. Guaranteed.
CSS Mania · Since 2004
Sponsors Free website builder. Create a website now! EcommerceBooth is an eCommerce resource where you can find useful guides, tutorials, and exclusive deals. WPKube - learn how to get most out of WordPress. Popular Topics Companies (6,703) Freelance / Portfolios (4,828) Technology (6,562) Internet (5,264) Marketing (4,812) Lifestyle (3,905) United States (3,078) United Kingdom (1,713) Weblogs (2,
HTML5 and CSS3 Slider Showcase | HTML5 & CSS3 | Graphic Design Blog
If you are looking for a slider that is completely customizable, lightweight, works cross-device/browser and built with modern standards in mind? Then HTML5 and CSS3 sliders are very good option. There are lots of free HTML5 and CSS3 Slider which can displaying any HTML content (images, videos, text..) inside a slider interface and comes with awesome features. HTML5 slider and CSS3 Slider is mob
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
アートは分からないということが分かったという話 - 雪見、月見、花見。
有名ブロガーのちきりんさんは、最近やたらと「アート」推しです。 研究者・勝負師・芸術家 - Chikirinの日記 Logic, Market and Art - Chikirinの日記 「アート」という言い方こそされないものの、「創造性」だの、「クリエイティビティー」だの、というアート系の能力の必要性は、他の場所でも主張されているのを最近しばしば目にします。 その辺りを考えると、「アート」推しは最近のトレンドで、どうやらちきりんさんだけが言っているというわけでもないのでしょう。 かく言う私も、「アート」大事、と思っている「アート」推し一派なのですが、残念ながら憧ればかりで、とてもとても「アート」能力はありません。 手先は大変に不器用で、学生時代の図工や美術の点数は言わずもがな（もう少しがんばりましょう）。 絵も当然苦手で、せいぜいが親戚の子どもに書くためのアンパンマンを歪んだ丸で描くぐら
ベンハムの独楽 - #RyoAnnaBlog
Photo by Hugo Fernandes ある日僕は色を失った。朝起きると目の前がモノクロになっていた。病院で検査したところ、網膜にある3種類の錐体細胞のうち、S錐体が失われた事が原因らしい。世界的に見ても例のない症状で、回復する見込みは限りなくゼロに近いそうだ。Webデザイナーだった僕は仕事をどうするか考えた。CSSは書ける。だが色がない。知覚できるカラーは、#696969や#c0c0c0などグレースケールのみ。他のカラーコードは指定できてもチェックできないのが致命的だ。Grayscale Toolという、ブラウザの画面をモノクロにするエクステンションがある。これをウイルスとして拡散すれば、世界中のWebがグレースケールになる。そんな発想が思い浮かんだが、すぐに打ち消した。世の中に不満があるなら自分を変えるしかない。グレースケールについて調べていたところ「ベンハムの独楽」が目に止ま
[CSS]残像アニメーションが気持ちいいシェア用のボタンを実装するスタイルシート
ボタンをホバーすると、サークル状のフラットなアイコンを使ったソーシャルメディアへのシェア用のボタンがアニメーションで表示されるスタイルシートを紹介します。 Animacion CSS ※デモは最新のモダンブラウザでご覧ください。 デモ自体は上記のアニメーションに比べてちょっと遅い動きですが、スタイルシートで調整すれば好みのスピードに変更できます。 実装は、下記のようになっています。 HTML 各シェアボタンはa要素で配置し、div要素で内包します。 <div id="redessociales"> <a class="smedia facebook" href="https://www.facebook.com/josernitos">Uno</a> <a class="smedia twitter" href="http://www.twitter.com/josernitos">Dos
【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
[JS]レスポンシブ対応のシンプルながら高性能なすごいナビゲーション！ -Resposive Nav
jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します。 シンプルで、セマンティックなマークアップ 1.8KBの超軽量スクリプト 外部ライブラリは不要 CSS3アニメーションを使った美しいエフェクト タッチイベントをサポート クリックとタップの違いを調整 スクリプトがオフでも機能 MITライセンス 対応ブラウザ IE6をはじめ、デスクトップ・タブレット・スマフォの主要なブラウザ全て。 以下は、テスト済みのプラットフォームです。 iOS 4.2.1+ Android 1.6+ Windows Phone 7.5+ Blackberry 7.0+ Blackberry Tablet 2.0+ Kindle 3.3+ Maemo 5.0+
保存アイコンでみえてくるアイコンデザインの勘違い
先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
溶けるテーブル「Fusion Tables」。おもしろいデザインです。家具作りを学ぶ大学生の作品です。 : 伊勢海老太郎ブログ
伊勢海老太郎ブログ 世界のインテリアと雑貨と文房具、Apple(iPhone)、食、ファッション、アート、デザイン、雑学コネタ、千葉と東京の食べ歩きなどをまとめるブログです。 どうも、インテリアが大好きな伊勢海老太郎(@iseebitaroublog)です。海外サイトでおもしろい家具を探すのが大好きです。早速ですが、おもしろいテーブルを見つけたので紹介します。一見すると、椅子のように見えますがテーブルだそうです。2つのテーブルの端が溶けて融合しようとしています。 この溶けている感じがおもしろいですね。アイスクリームでも見ているかのようです(笑)。 木製です。作るのが難しそうですね。 「Fusion Tables」というテーブルです。まさに、2つのテーブルが溶けて1つになろうとしているのです(笑)。Matthew Robinsonという方の作品だそうです。家具作りを大学で勉強していて、在学中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
