HTML5＆CSS3でフォームをかっこ良くするチュートリアル集:phpspot開発日誌
Top 15 HTML5 and CSS3 Forms Tutorials | webexpedition18 HTML5＆CSS3でフォームをかっこ良くするチュートリアル集 次のように検索窓をかっこよくしたり入力フォームをクールにしたりするチュートリアル集です。 CSS3の便利さは分かっているつもりでも、いざつくろうとなると頭を抱えてしまう場合もありそうですが、あらかじめこうしたサンプルでパターンを把握しておけばデザインが効率的に行えそうですね。もちろんそのまま利用させてもらうというのもありですが。 ５年後のフォームはどんな物が主流になっているか楽しみですね 関連エントリ HTML5とCSS3を使ったフォームデザインのチュートリアル集３０ HTML5/CSS3に関する便利ツールやチーとシート、リソース２５ HTML5＋CSS3でクールなオーディオプレイヤー「ZEN」 CSS3で描画された
Modernizr 2.0 Beta Preview
Modernizr Front-end Development Done Right 2.0 Beta Custom Download Preview Customize your Modernizr download Hello! You’ve landed on the Modernizr 2.0 beta preview page. Lucky you. One of the new features we’re introducing with Modernizr 2.0 is the ability to configure your download of Modernizr, so you can limit it to just the tests and features you need and omit the rest. The form below allows
2011年、押さえておきたいウェブデザインの11のトレンドとテクニック
Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
input タグの type 属性で iPhone のキーボードを切り替える
► 2023 (1) ► 1月 (1) ► 2022 (1) ► 3月 (1) ► 2021 (6) ► 12月 (1) ► 11月 (2) ► 9月 (2) ► 1月 (1) ► 2020 (15) ► 12月 (3) ► 11月 (5) ► 10月 (2) ► 4月 (3) ► 2月 (1) ► 1月 (1) ► 2019 (16) ► 11月 (1) ► 9月 (7) ► 8月 (1) ► 7月 (1) ► 6月 (1) ► 5月 (1) ► 4月 (2) ► 2月 (1) ► 1月 (1) ► 2018 (22) ► 11月 (3) ► 10月 (2) ► 9月 (6) ► 8月 (4) ► 7月 (2) ► 5月 (1) ► 4月 (1) ► 3月 (2) ► 1月 (1) ► 2017 (23) ► 11月 (4) ► 10月 (3) ► 9月 (3) ► 8月 (3) ► 7
HTML5 enabling script
Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements. READER DISCOUNTSave $50 on terminal.training I've published 38 videos for new developers, designers, UX, UI, product owners and anyone who needs t
ニコニコ動画をHTML5で見るbookmarklet - saiten@blog
性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s
CSS3とHTML5のマストハブなチュートリアル＆リソース集７０:phpspot開発日誌
CSS3とHTML5のマストハブなチュートリアル＆リソース集７０ということで、大量のコンテンツがまとまっています。 例えば、どんなものがあるというと、CSS3の基本ガイドや、CSS3のリファレンス、CSS3による角丸、CSS3のボーダー、ドロップシャドウ、Opacity、マルチ背景画像といった感じでかなり網羅されているみたいです。 CSS3とHTML5によるコンビネーションを使ったテクニックの他、HTML5関連のチートシートなど便利なものが満載の内容になっています。 先取りで覚えておきたい方は知っておいたほうがよさそうですね。 リンク先は以下の元エントリより参照してください。 70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers 関連エントリ CSS3等を使ったサンプルや各種CSSリソ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5やCSS3のチートシート色々:phpspot開発日誌