[HTML] パンくずリンクについてのまとめと考察
パンくずリンク|パンくずリスト（breadcrumb navigation）はどうコーディングするのが今風なんだろう。 ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。 パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、 よくあるデザインパターンは次の通りである。 1行テキスト テキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。 ページタイトルを > で繋いだもの ページタイトルを > 以外の文字で繋いだもの シンプルなリンクの羅列 区切り文字を入れずに画像やCSSで階層を表現する。 マルチステップ 開始から完了までの行程を表示する。 サブナビゲーションつき 各ページリンクに属するページを
![[HTML] パンくずリンクについてのまとめと考察](https://cdn-ak-scissors.b.st-hatena.com/image/square/d43d21ea93cda04d99f538309d396c15d2b3bb3f/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F12%2Fdelicious.png)
html5 Gallery|A showcase of sites using html5 markup
Beginning HTML5 & CSS3 The Web Evolved: A new book on HTML5 & CSS3 by Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian. Buy it now HTML5 DoctorHave a look at our sister site, HTML5 Doctor for news, views and tutorials about HTML5. With articles by Bruce Lawson, Remy Sharp and more. Visit HTML5 Doctor This site is licensed under a Creative Commons Attribution-Non-Commercial 2.0 sha
ソース付き！HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」
TOP > WebDesign > ソース付き！HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」 開発者の間では次世代の規格として注目を集めているHTML5。まだまだブラウザも対応していない部分もあり商業デザインではなかなか使いづらいところもありますが、従来のHTMLと比べてかなり表現できる幅が広く、確実に今後WEBデザインの世界では必要となってくるものだと思います。今日紹介するのはそんなHTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」です。 Design & Code a Cool iPhone App Website in HTML5 レイアウト的なものからJSと組合わえたものまで様々なHTML5のテクニックが学べるチュートリアルがまとめられて
15 Free Bootstrap Admin Themes
In the past, the admin sections of web applications were often built with functionality as the only priority, with little or no consideration given to the design. Thankfully, times have changed, and in recent years, there has been a pleasing convergence of powerful functionality and beautiful design. This trend has been supported by the popularity of the Bootstrap framework, which has made it easi
SitePoint Blogs » JSON-P output with Rails
10 Amazing Web Developer Resume Examples for Different Web Dev Specializations
自社サイトを実験をかねてHTML5でWebサイトを作成しようかと考えて - OKWAVE
最近自分も調べています。 日本のサイトのほうが参考になると思います。 下記のサイトはHTML5です。 ※HTML5で作成されていますが、 バリデーターチェックをすると日本語部分で エラーになっていたりします。 複数サイトを見比べて作成していくと良いかと思います。 ------------------------------ (株)あゆた http://ayuta.co.jp/ 東京分室 http://www.canarygraphics.jp/ ビット・パーク株式会社 http://www.bitpark.com/ livedoor ラボ http://labs.edge.jp/ 株式会社ナインデザイン http://www.9design.jp/ わかりやすい技術文章の書き方 http://oalp.org/doc/writing/?q=doc/writing/ ルーシッド職務経歴書 h
underHat - フリーランス 平澤 隆によるウェブサイト制作・コーディング
コーディングを大切にしたウェブサイト制作 お知らせ 2013年3月15日：underHatとしての活動を廃止し法人格として活動をしていきます フリーランスとして、これまで3年半程活動して来ましたが、2013年1月に株式会社ラテールと言う商号で法人化したため、今後はunderHatとしての活動を廃止し、法人として活動をしていく事になりました。 業務内容に関しましては、これまで通りコーディングをメインに行なっていく予定ですが、法人化した事で、メンバーの拡充もしていますので、よりウェブサイト制作全般が強化され対応の幅が広がっています。 また、今回の法人化により、新規事業として「CSS Space」と言う名称でコワーキングスペース運営を始めました。 about _^ underHat® は、(X)HTML + CSSによるコーディングを得意とするフリーランス（SOHO）、平澤 隆の個人ユニットです
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
Showcase of HTML5 Websites
Note: This post was first published on the 7th June, 2010. So you’ve heard all rumors that HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wondering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash. That’s why this post exists; we’re not going to talk about what HTML5 can do, but show live demos of
css3のtransformの実装サンプル - かちびと.net
今更ですけど、css3のサンプル をメモ代わりに記事にしておき ます。使わないと思っていました が、仕事以外で使うのでコピペ 用にメモ。 実装例をそのままコピペして使えば同様の変形が可能です。ブラウザはChromeとかFiirefox、Safariなどでご覧下さい。細かい対応状況は調べていません。数値は記事に収まり、且つ実装状態が分かるようにしています。見難かったらごめんなさい。webkit系とmoz系を一緒にしてます デフォルト デフォルトの状態 これが基準です skew / 要素を曲げる skewX(*deg) -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg);
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/11/html5.html
WidgetPad.com is for sale | HugeDomains
Wireframe Showcase