かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
Web開発のガイドライン・ツール集 - ふろしき Blog
★ Windows 7のWebシステム開発は、IEの方針転換により変化が求められる Windows XP時代に主流であった「バージョン依存型」は、非推奨となりました。IEはかつて、様々なバージョン特化の作り込みを支援する機能を提供してきましたが、バージョンアップを繰り返す都度、非推奨化と削除を繰り返し、現在の最新のIEでは殆どが動作しなくなりました。 現在は「機能/動作検出型」で開発を行わないと、Webシステムは想定外のリスクに晒されることになります。場合によっては、システムのライフサイクルに致命的な問題を作りこむことになります。 ★ Win7のIEの移行対応は、Win9x/WinXPの時ほど簡単にはいかなくなった 古いシステム、具体的にはIE8以下を対象に開発されたWebシステムを、上位のバージョンのIEでも維持させるには、IEの過去のバージョンの動作を再現させる機能「ドキュメントモード
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
FlashアニメをHTML5に変換するツールをGoogleが公開、iPhoneでも表示可能
米Googleは米国時間2011年6月28日、Flashのコンテンツ（SWFファイル）をHTML5に変換するWebツール「Google Swiffy」を、Google Labsで公開した（写真1）。 変換結果はGoogleのChromeや米AppleのSafariなど、レンダリングエンジン「WebKit」を搭載するWebブラウザで表示できる。iPhoneやiPadのSafariブラウザにも対応している。例えばFlashコンテンツを提供しているWebサイトが、iPhone/iPadなどFlash非対応の端末にもコンテンツを提供したいといった場合に活用できる。Googleによれば現時点ではゲームのように複雑なコンテンツを変換できるわけではないが、アニメーションなどは変換できるという（写真2）。 Swiffyでは、アップロードされた任意のSWFファイルからJSON（JavaScript Obje
米Googleが「Google Gears」プロジェクトを停止、HTML5に注力 | OSDN Magazine
米Googleは2月19日、「Google Gears」の開発を停止することを正式に発表した。今後は「HTML5」などのWeb標準に開発作業をシフトさせていくという。今後もサポートを継続するが、「Mac OS X Snow Leopard」上の「Safari」のサポートは停止するという。 Gearsは、Webアプリケーションをオフラインで利用できるようにするブラウザプラグイン技術。2007年にスタートしたプロジェクトで、直近のリリースは2009年5月にリリースされたバージョン0.5.21となっている。GmailやGoogle CalendarなどのGoogle製サービスで利用できたほか、WordPressやRemember The Milkといったサードパーティでも採用されていた。 Googleは2009年12月、米紙に対し、「ジオロケーションAPI、オフライン対応などのGearsの技術は
Html5 Web Applications
1. HTML5勉強会＠福岡 HTML5, WebApplications とくなが たかひさ （ id : totty_jp ） <html>5 2. i. 自己紹介. I am 名前 : とくなが たかひさ 所属 : EC-One 九州事業部 業務 : SE or PG (Java, Ruby, Flex) 性別 : ♂ 年齢 : そのくらいです。 blog : http://d.hatena.ne.jp/totty_jp/ twitter : totty_jp <html>5 3. ii. テイジン html5での新機能は、要素だけじゃない！ Drag＆Drop（＋ File API） ファイルや要素をDragして、ブラウザへのDropができる Web SQL Database RDB Indexed Database API
HTML5＋α @福岡
ナレッジ HTML5タグmap 勉強会 第0回（2009-09-18） 第1回（2009-11-06）第2回（2009-12-11）第3回（2010-01-22）第4回（2010-03-05）第5回（2010-04-16）第6回（2010-05-28）第7回（2010-07-02）第8回（2010-08-06）第9回（2010-09-17）第10回（2010-11-05） 第11回（2011-02-18）第12回（2011-03-18）第13回（2011-11-18）第14回（2011-12-02）第15回（2012-02-04）第16回（2012-06-15）第17回（2012-08-24）第18回（2012-10-05）第19回(2012-11-30)第20回(2013-07-25)第21回(2013-12-18)次やること候補！スピンオフ勉強会 第0回(2013-04-27)第1回(
「Flash vs. HTML5」という構図がはっきりと見え始めたぞ、と
業界関係者（特にスマートフォン関係の仕事をしている人たち）少し前からすでに気がついていた話だが、今回のAdobeからの一連のアナウンスメントで明らかになってきた「HTML5対Flash」という構図。とてもワクワクする戦いだ。 ウェブ上のリッチコンテンツという分野でリーダーシップ・ポジションを取りながらも、「無料Flashゲーム」と「ウェブサイトの見栄えをちょっと良くするアイ・キャンディ」というニッチなポジションに一度は追いやられるように見えたFlash（数年前の話）。しかし、動画フォーマットがReal Networks、Microsoft、Appleの三強いの間で中に浮く隙間を付いた戦略で、見事に「ウェブ上のマルチメディアのデファクト・スタンダード」のポジションをがっちりつかんだかに見えるFlash（現在）。しかし、その地位も安泰ではない。 Adobeにとって一番頭の痛い問題はiPhone
あまり知られていないけれど、HTML5では正規表現が使えるようになる
正規表現といえば、主にsedやawkといったUNIXのコマンドで、あるいはPerlやPHP、JavaScriptなどのスクリプト言語の中などで、プログラマーが文字列を操作するために使う道具でした。 その正規表現がHTML5でサポートされる見通しです。いままで正規表現を使わずに済んでいたデザイナやコーダーといった職種の方々も、いずれ仕事としてきちんと正規表現を扱わなければならない時代がやってきます。 HTML5のどこに正規表現が使えるようになるの？ 正規表現は、input要素のpattern属性の中で使えることになる予定です。W3Cが2009年8月25日付け公開しているHTML5のワーキングドラフトの「4.10 Forms」の「4.10.4.2.8 The pattern attribute」では次のように記載されています。 The pattern attribute specifies a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Engadget | Technology News & Reviews
pg-feed.com
Ben Joffe |Canvascape: Textures
WidgetPad.com is for sale | HugeDomains
で、実際のところHTML5でどのくらいのアプリが実装できるのか実験してみた