今運営しているブログをより魅力的したい、これからブログをつくる、という人向けにブログに必要な8つのデザインエレメントをSmashing Shareから紹介します。 8 Design Elements Your Blog Should Have はじめに 1. RSS/E-mail購読 2. 独自性のあるヘッダ 3. 分かりやすいナビゲーション 4. コメント 5. ソーシャルメディアのアイコン 6. グラフィックのガイドライン 7. スポンサーのスペース 8. リッチなフッタ はじめに ブログのユーザーを幸せにし、あなたのコンテンツに関心を抱くようにしておくために必要な特定のデザインエレメントがあります。 ユーザーは記事を簡単に読め、素早くコメントができ、TwitterやFacebookのアカウントでシェアできることを期待しています。 ブログのデザインはクリーンで、整合性のあるレイアウトを

CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding

This is a tutorialzine demo. View the original tutorial to read and download..

newt - Days of newt This website made by QuadCamera + Movable Type. Archives 4 April, 2011 Sun Mon Tue Wed Thu Fri Sat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Prev month Archives 2011 — 4 2010 — 1 2 3 4 5 6 7 8 9 ©newt Design + Development by newt. Hosted by heteml.

Preface Hvítur looks towards the elements that shape my inspirations as a freelance designer; as well as delivering a selection of curated briefings on creative culture; and offering an insight into the projects that are crafted at my desk. —Reportage An evolving notebook of thoughts and ideas, visual short stories, collected inspirations and narrative vignettes. —Observation A single photograph t

CSS DEMOS › Shadow Boxing for all Date : 12th February 2010 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Shadow Boxing I This box will stretch to fit the content and the box shadow will fit the resulting size of the box. This will give a shadow to the box in IE5.5, IE6, IE7, IE8, Firefox, Safari and Chrome. Opera is yet to produce a version t

This will be an experiment in transparency. CSS has come a long way over the years, and one of the biggest advancements is the integrated use of transparency. A few years back, transparency in web design was a compatibility nightmare, and involved a messy combination of images and alignment. We’re spoiled today with the introduction and adoption of the CSS3 spec and widespread PNG compatibility. T

BALL SHIRTS BALL ARAN KNIT PYRAMID PARKA PYRAMID CARDIGAN CUBE TRENCH COAT CUBE TAILORED JACKET BALL SHIRTS ： ¥35,700（税込） BALL ARAN KNIT ： ¥123,900（税込） PYRAMID PARKA ： ¥42,000（税込） PYRAMID CARDIGAN ： ¥47,250（税込） CUBE TRENCH COAT ： ¥63,000（税込） CUBE TAILORED JACKET ： ¥52,500（税込）

Warning: This isn't going to work in any currently available version of Internet Explorer* or many older browsers. The two clocks below are just HTML. There are no Adobe Flash files or my beloved <canvas> going on, just regular <div> and <img> tags. The way it works is by taking those images in an { overflow: hidden } <div> and rotating them, via JavaScript, using the proposed CSS transform proper

CSS-Tricks Example ← Back to Article Home Buy Tickets Group Sales Reviews The Show Videos Photos Magic Shop Home Buy Tickets Group Sales Reviews The Show Videos Photos Magic Shop

Simple Css Image Rollover Effect Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum. In volutpat. Vestibulum elit. Aenean eget enim vitae tellus bibendum pellentesque. Sed at est. Example Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum. In volutpat. Vestibulum elit. Aenean eget enim vitae

YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin.YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin. YoxView is inspired by Lokesh Dhakar's Lightbox. Like it, YoxView displays images above the website's content, as a separate layer. Features Images are resiz

2007年5月に第1回目が開催されたコーディングコンテストの第2回を開催することになりました。 用意されたデザインを参加者がそれぞれ個々のスキルや考えに基づいてコーディングします。第2回は現在策定中であるHTML5+CSS3を利用し、テクニック、デザイン再現性、メンテナンス性の高さを競います。 このコンテストはCSS Nite LP9のイベントと連動しており、イベント当日に結果発表が行われます。 開催目的 これから現場で困るだろうHTML5+CSS3の技術を先取りして実装してみることで問題点を洗い出し知識として共有する。 この機会を利用してこれからのスタンダードを業界に示す。 参加・応募方法 参加するにはこのページ最下部にあるダウンロードリンクから必要データをダウンロードし、それを元にマークアップ、コーディングを行ってください。 完成したデータとprofile.txtをzip圧縮して c

Create a Funky Retro Wavy Text Effect in Photoshop 次のような背景がウェービーでおしゃれなテキストを作成するPhotoshopチュートリアルが公開されています。 ベースとなる背景からデザインすればあとは簡単ですね。 特に難しいテクニックではありませんが、つい試してみたくなってしまいました。 関連エントリ あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ ５０のクールロゴ作成PhotoShopチュートリアル クールな惑星っぽいテキストロゴ作成Photoshopチュートリアル スターウォーズの映画ロゴ風テキスト作成用Photoshopチュートリアル