C J 8 A O Q S B L T K S Z 3 D I H Q E A P F S K U L 6 R O V S Q J G R
C J 8 A O Q S B L T K S Z 3 D I H Q E A P F S K U L 6 R O V S Q J G R
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 html5.jp ~HTML 5で導入されるcanvas要素の使い方~ 同じく教科書的なサイト。ありがたい。まだ、ざっと読んだだけですが、すごく分かりやすかったです。 ~HTML 5
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.
These days embedding video in a website is very easy, the <video> element in HTML5 is compatible with almost all current browser versions (see Can I Use video), which saves us a lot of the old difficulties. Now we can implement video and customize a player without third-party software. <video> element is very simple: the complication is in the browser support, especially in old versions and mobile
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
If you are looking for a slider that is completely customizable, lightweight, works cross-device/browser and built with modern standards in mind? Then HTML5 and CSS3 sliders are very good option. There are lots of free HTML5 and CSS3 Slider which can displaying any HTML content (images, videos, text..) inside a slider interface and comes with awesome features. HTML5 slider and CSS3 Slider is mob
HTML5で書かれたサイトも多くなってきましたねー。僕はまだまだ勉強段階ですが、やっぱりHTML5のフレームワークなんかもたくさん出るんだろうなぁと思ってたら、まさに僕の理想を見つけたので、おすすめのフレームワーク含めていくつかご紹介(DLフォルダの中身も軽く紹介)。中にはフレームワークとしてではなく、勉強教材としても使えそうな物もあって楽しいですよ。 G5 Framework 個人サイトなんかから使えそうな使いやすいフレームワーク。DLしてフォルダ開くと下のようなフォルダ構造。うーん。シンプルだし、分かりやすい。なかなか好印象っす。しかし、なぜindexがphpなんですか? あ、でもCSS3 Pie(IE6-8対応のCSS3デコレーションキット的な奴)を使ってるんですね。デフォで使ってあるのはうれしーっす先輩。 52 framework こいつもクロスブラウザ対応をうたってるHTML5と
hat.io ってサイトで、デベロッパーやクリエイター向けのコンテスト 「Golden Hat Contest (ゴールデンハット コンテスト)」 っていうのが開催されています。 その、1st Contest の方のお題が 「HTML5 ロゴを使ったクレイジーな何か。もしくは、ハット (hat.ioロゴ) を使ったクールな何か。」 とのことでしたので、クールなのは無理だけど、クレイジー (技術的な意味じゃなくて) なやつなら行ける! ってことでちゃちゃっと作って応募してみました。 Golden Hat Contest : 1st Contest HTML5 on hat.io コンテストの概要としては下記の通り。 昨今のWeb技術の進化は著しいばかりで、少し前までとは桁違いの表現力を備えています。当コンテストでは、技術力の高さや理解の正確さなどもさることながら、前述のような表現力を最大限に
Written by Muhammad Faisal• March 31, 2013• 8:14 pm• Inspiration, Showcase, Web Design • 12 Comments 26 HTML5 Web Design Examples For Inspiration With HTML5 website development is easier then ever. HTML5 is making the web design more powerful in different areas. Fast, Secure, Responsive, Interactive and beautiful. These words are belongs to HTML5. HTML5 have many features that allow developers a
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Written by Muhammad Faisal• January 30, 2013• 1:01 am• Tutorials • 9 Comments 35 HTML5 and CSS3 Tutorials For Designers Fresh HTML5 and CSS3 tutorials for designers & developers. Today I selected best CSS3 tutorials and HTML5 tutorials which help you to understand basic and advance steps of web designing. As we know 2013 is the Year of Responsive Web Design, and HTML5 and CSS3 are getting more pop
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く