実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ

ロールケーキやバームクーヘンが自慢の洋菓子専門店CHEZ Tani(シェ・タニ) です。

Description Learn to make a stopwatch in CSS3. This tutorial focuses on step based CSS3 keyframe animation, along with the usage of the animation-play-state property to start/stop/reset the stopwatch. The animation-play-state property may be removed because it can be replicated using other methods and is currently not supported in all browsers, but the idea behind the functionality of the stopwatc

商用利用可の無料ベクター素材。印刷用、ホームページ作成に使えるフリーイラスト素材集です。

39 Well-Designed Navigation Menu Bar PSD Files - UI よくデザインされたナビゲーションメニューバーのPSD素材３９。 次のような美しいナビゲーションメニューのPSD素材が多数。 デザインに迷った際や、こういうデザインのやり方があったのかという参考に使えそうです 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 PSD形式のフレッシュなフリーアイコン素材３７ JavaScriptからPhotoshopファイルの情報をパースできる「psd.js」 iPhone、Android、WindowsPhone等のPSD素材集

【 診療時間変更のお知らせ 】 おだ動物病院・動物医療センター・タニダ動物病院、各医院の診療時間が下記の通り変更となりました。 おだ動物病院 診療時間：9:00-12:00／16:00-18:30 ※水曜日・土曜日午後【 休診 】 ※日祝日　午前 10:00-12:00 【 電話予約制 】／ 午後 16:00-18:00 【 緊急対応のみ 】 動物医療センター 診療時間：9:00-12:00／15:00-18:00 ※水曜日 午前 【 手術日 】／ 午後 16:00-18:00 【 電話予約制 】 ※火曜日・金曜日・日祝日【 終日休診 】 タニダ動物病院 診療時間：9:00-12:00／16:00-18:30 ※土曜日 午後のみ 16:00-18:00 となります ※水曜日・木曜日・日祝日【 終日休診 】 毎月25日以降に、次月の診療日時の予約ができます。予約はこちらから。 診療予約を行っ

先週末(2012/03/30)からこのブログのビジュアルデザインをちょっと変更してみました。 私自身いわゆる「ウェブデザイン」とはものすごく遠い畑の人間なんですが、ブログを運営するに当たっては避けて通れないようなことだと思いましたので、なぜこういった変更を行ったか、ということについてちょっとだけ説明してみたいと思います。 なぜデザインを変えたの？ この変更を行うにあたって刺激になった記事が2,3ありまして。まずその紹介をしておきたいと思います。 ブログデザインをリニューアルしました | 毒舌プランナーの異論持論 デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素 - WEBCRE8.jp 昔のサイトのバージョンが見れる面白サービスでネタ帳を振り返ってみた*ホームページを作る人のネタ帳 一応断っておきますが、これはあくまで「ブログのデザイン変更を行うにあたって『私にとって』刺激

アドベントカレンダー以外の記事を書かなくなってしまったブログです、こんばんは。 そんな訳で、もっとチラシの裏っぽいところが欲しくてtumblrで書いてみたりもしていたのですが、結局自分で作りました。 1026.tv tvに特に意味はなく、たまたま他所に取得されてなかっただけです。本... webの中心でスタイルガイドの必要性が叫ばれていまして、あのCodeGridでもStyleDocco、KSSの導入方法が立て続けに紹介されている今日このごろ。 そんな中、StyleDocco、KSSはともかく、kss-nodeのデフォルトテンプレートが非常に残念な感じになっており、「悪くないの...

32 Outstanding Websites with Awesome Designs | Webdesignersblog - The Best Daily Online Resources for Web and Graphic Designers 遊び心のあるWEBデザインが色々まとまっています。 WEBデザインもちょっとマンネリ化してきたなぁという私みたいな人間はこうした遊び心のあるサイトを見て、感性を磨くべきですね。 一度みたら忘れないようなデザインはキャンペーン的なサイト作成のアイデアとして使えそう 関連エントリ 秀逸なレスポンシブWEBデザイン50のサンプル ３ステップではじめるレスポンシブWEBデザイン 使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５ レスポンシブWEBデザインのサンプル26

CSS3アニメーションを使って、ダイナミックなスライドやフェードのアニメーションでページ（コンテンツ）を切り替えるテクニックを3つ紹介します。 Demo 3 Demo 3は左からスライドのアニメーションで切り替わります。 実装 デモは一見、Homeを含む4ページで構成されているように見えますが、1ページで作成されています。 HTML HTMLはdiv要素で配置したコンテンツが4つ、ナビゲーションが1つの構成です。 コンテンツはそれぞれ異なるidとclassを付与します。 <!-- Home --> <div id="home" class="content"> <h2>Home</h2> <p>Some content</p> <!-- ... --> </div> <!-- /Home --> <!-- Portfolio --> <div id="portfolio" class="p

50 Beautiful Yet Free HTML5 And CSS3 Templates | Free and Useful Online Resources for Designers and Developers ビューティホーなHTML5＆CSS3テンプレート５０ HTML5、CSS3のテクニックを学べる上に無料で使えるということでなかなか有用なまとめになってます。 学習がてら自分でも無料で公開しちゃうなんてのもよい学習メソッドかもしれませんね 関連エントリ HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 HTML5のcanvasを使ったアニメーションするタグクラウド実装スクリプト「TagCanvas」 Flash使ってなくてもHTML5でここまでクールにできるというプロフェッショナルサイト集