さまざまなデザインのボタンを最小限のHTMLで実装する、HTML5とCSS3のテクニックのまとめ | コリス

2017/05/16 115 users コリス HTML テクニック 最小限 ボタン

.alpha .btn{display:inline-block;margin:6px;font-size:inherit;line-height:1.42;padding:0.8em 1.6em;font-weight:normal;border-width:0;border-style:solid;background:transparent;border-radius:0.266666666... 続きを読む

HTML5とCSS3で何ができるかを実際に動かして学べる「The Expressive Web」 - GIGAZINE

2015/02/22 396 users ウェブデザイン GIGAZINE Adobe ウェブサイト

「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか？」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。 HTML5 and CSS3 - Adobe - The Expressive Web - Beta http:... 続きを読む

HTML5とCSS3のオンラインサンプルが良い感じ | Web活メモ帳

2012/11/30 105 users Web活メモ帳 良い感じ target blank パラメータ

Web上で見て触れる、HTML5とCSS3のオンラインサンプルがすごく良かったのでご紹介。 <a href="http://webdirections.org/tools/ target="_blank">HTML5 & CSS3 Tools and Tutorials パラメータを自由に触りながら、実際に動作している様子をリアルタイムにプレビューする事が可能です。 以下に使っている様子を載せてみ... 続きを読む

HTML5とCSS3を使って作られたWebサイトテンプレートいろいろ。そのまま案件で使えそうなものもあります。 → 30 Fresh HTML5 and CSS3 Website Templates - コメンター

2012/10/28 137 users Web Developers CSS3 コメンター 案件

30 Fresh HTML5 and CSS3 Website Templates - HTML5 and CSS3 offer much more flexibility to web developers. New tags and features of HTML5 and CSS3 can add more advanced features to your website. CSS3 続きを読む

2011年のウェブデザインのトレンドを振り返る | コリス

2011/12/08 439 users ボーダーレス コリス 点線 ウェブデザイン グリッド

2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。 ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 下記は各ポイントを意訳したものです。 Responsive Web Design 点線 サークル レトロスタイル リボン マジックナンバー『3』 少しめくれてるペーパー ボーダーレス グリッド 対角線 Responsive Web Des... 続きを読む

HTML5とCSS3を使いこなしたくなるフレームワーク15選 | コリス

2011/08/24 504 users フレームワーク Media Queries コリス

HTML5とCSS3を使って作成されたフレームワークを紹介します。 「詳しくは」で各フレームワークがざっと分かる記事にリンクしています。 Less Framework 4 Media Queriesでデバイスごとに最適な [...] 続きを読む

idとclassを使わないで、HTML5とCSS3でコーディングしてみた。 : Web Design KOJIKA17

2011/05/01 451 users idとclass id, class JavaScript

Webサイトをコーディングする時に、idとclassを考えるのが面倒臭くなったので、idとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単につまらないので、idとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト id, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5で... 続きを読む

【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ - livedoor ディレクターブログ

2011/03/10 477 users Chrome livedoor 実装 難しいコード メリット

2011年03月10日 20:10【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！スマートフォンwebサイト開発Tweet※この記事はChromeで見るのがおすすめです。こんにちは。新規開発事業部ディレクター兼マークアップエンジニアの浜です。スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあ... 続きを読む

HTML5とCSS3を使ってスマートフォン向けサイトを構築　－ iPhone版Yahoo!JAPANトップの開発事例紹介（1/4）：CodeZine

2010/12/15 1026 users CodeZine タッチセンサ ネイティブアプリケーション

はじめに　スマートフォン版Yahoo! JAPANトップでは、ユーザーへ高品質なユーザーエクスペリエンスを提供するために、対象端末をiOSとAndroid OSのスマートフォン端末に絞り、最新のブラウザ仕様に基づいたサイト構築を行っています。スマートフォン版Yahoo! JAPANトップ 画像の使用を抑えるためCSS3や、ネイティブアプリケーションに近づけるためCSSアニメーションや、タッチセンサ... 続きを読む