スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
HTML5の12の事例「12 Fun & Clever Examples of HTML5」
ロゴも策定されWEB業界では徐々に浸透しつつあるHTML5ですが、今までのHTMLでは表現できない、ものが多々、可能になっていて、クリエイティブの面、機能面でも期待されていますが、今日紹介するのはHTML5の機能を使った事例を集めたエントリー「12 Fun & Clever Examples of HTML5」です。 Darkroom アニメーションを用いたものから、3D表現、ゲームなどなど、いままでFLASHなどでしか再現できなかったものがHTML5で描かれています。今日は其のナッからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Z-Type HTML5のCanvas, Audio, Javascriptを利用して制作されたタイピングゲーム。HTMLでここまでのことができるのは驚きです。 ■Klowdz 雲を呼び出して、その上に様々な表現で書きこんでいく
CSS Tools: Reset CSS
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here a
[CSS]CSS3対応・非対応ブラウザで動作するアイコン付きの素敵なツールチップ
CSS3対応ブラウザではより美しく、非対応ブラウザでもそれなりに美しいアイコン付きのツールチップを紹介します。
15 Tips for Designing Terrific Tables
Tables of information are boring. In a sense, they’re meant to be that way. A good table communicates a lot of information in a concise, easy to understand way. Because the emphasis really should be on the information, over-designing a table can kill the effectiveness. However, in the right hands, clever design can not only make a table more attractive but can actually increase readability. Today
Web制作関連記事の復習メモ - かちびと.net
今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版
2009年、ウェブデザインに役立つまとめのまとめ
Web Design Trends For 2009 邦訳：2009年、押さえておきたいウェブデザインの10のトレンド 2009年に流行るであろうとされた10のトレンドです。確かに、これらのものが使用されたサイトは多く見かけました。
estebanmunoz.com - このウェブサイトは販売用です！ - estebanmunoz リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Award winning Web Designer gummisig, aka Guðmundur Bjarni Sigurðsson
I am a: Web Designer, Consultant & Art Director I do:Design, Consulting, xhtml & css, wordpress Icelandic ex-freelance web designer gummisig Hire me! Yo, yo there visitor. Since you are here, you might want to know that I design and code successful websites. Why? Because I love my work and so do my clients. I am gummisig! View my work, read my blog, read about me, or hire me through my contact pag
Román Cortés » CSS 3D Meninas
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo (versión en castellano abajo) I’ve took the classic paint The Maids of Honour (Las Meninas) and made this CSS pseudo-3D/parallax effect. It is pure CSS, so no javascript or flash involved: only CSS and HTML code. It has been tested and it is working on Internet Explorer 8, Firefox 3, Opera 9, Safari 3, Chrome 4 a
橘香堂（きっこうどう）
倉敷名物 元祖 むらすゞめ（むらすずめ）登録商標 むらすゞめは橘香堂の登録商標です。類似品にご注意下さい。 橘香堂からのお知らせ ※コロナウィルス感染症対策の為、「むらすゞめ」手焼き体験は現在休止しております。2023年10月7日 イオン倉敷店リニューアルオープンのお知らせ 10月7日（土）より新しくなった銘店横、中央レジ向いにて移転リニューアルオープンいたしました。皆様のご来店をお待ちしております。 2023年7月14日 「むらすゞめ個装10個入」発売のお知らせ オンラインショップにて「むらすゞめ個装10個入」の取り扱いを開始いたしました。 個包装10個入 2,000円 2023年5月29日 体験開催日変更のお知らせ 4月1日より「カラフルむらすゞめカスタマイズ体験」が通年体験いただけるようになりました。カラフルな生地にお好みの餡子を包みフルーツソースやパウダーで仕上げる新体験です。※手
Radioactive Buttons with RGBa and Animations | Playground from ZURB
Create awesome looking and engaging buttons by using CSS animations to give them all that radioactive feel. Note: Demo works best in Safari 4.x and Chrome and, um, not so much in Firefox 3.5. This Is How We Do It Using CSS animations in Safari, we're able to turn an otherwise ordinary button into a glowing, radioactive mess of awesome. Don't see the radioactive above? Be sure you're in Safari befo
[CSS]大きい画像を背景にする時のスタイルシートの３つの実装例 | コリス
Web Designer Wallのエントリーから、大きい画像を背景に使用する時のスタイルシートの３つの実装例を紹介します。 How to: CSS Large Background 一枚の画像を使用する方法 demo 実装のポイントは、使用する背景画像（background image）の端と背景色（background color）に同じ色（#f8f7e5）を使用します。 サンプルコード <textarea name="code" class="css" cols="60" rows="5"> body { padding: 0; margin: 0; background: #f8f7e5 url(wdw-bg.jpg) no-repeat center top; width: 100%; display: table; } </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.webdesignish.com/27-creative-and-beautiful-css-websites-designs-for-inspiration.html
borderプロパティを使用した華麗なる四つのエフェクト | コリス
http://www.designwalker.com/2010/05/css3.html
[CSS]CSS3で何ができるの？ という時にみておきたいサイト集
Awwwards - Website Awards - Best Web Design Trends
35 CSS-based Layouts that Look Awesome
MeEcss.com is for sale | HugeDomains
