https://b.hatena.ne.jp/igrep/CSS3/ CSS3に関するigrepのはてなブックマーク (10) https://gihyo.jp/design/serial/01/css-animation/0002 igrep 2016-01-27T06:43:45Z CSS css3 tips <blockquote cite="https://gihyo.jp/design/serial/01/css-animation/0002" title="第2回　アコーディオンメニューのアニメーション | gihyo.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgihyo.jp%2Fdesign%2Fserial%2F01%2Fcss-animation%2F0002" alt="" /> <a href="https://gihyo.jp/design/serial/01/css-animation/0002">第2回　アコーディオンメニューのアニメーション | gihyo.jp</a></cite><p><a href="https://gihyo.jp/design/serial/01/css-animation/0002"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f4faa0d0638dc7309a11c44103872791fe186a4f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2016%2F1507_css3-animation.png" alt="第2回　アコーディオンメニューのアニメーション | gihyo.jp" title="第2回　アコーディオンメニューのアニメーション | gihyo.jp" class="entry-image" /></a></p><p>今回のお題はサンプル1のアコーディオンメニューだ。マウスポインタをメニュー項目に重ねると、サブメニューが広がる。また、サブメニュー項目は、マウスポインタの動きに応じてハイライトする。「⁠アコーディオンメニュー」をネットで検索すると、jQueryを使った作例が多くリストされるだろう。だが、JavaScriptは使わ...</p><p><a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/design/serial/01/css-animation/0002"><img src="https://b.hatena.ne.jp/entry/image/https://gihyo.jp/design/serial/01/css-animation/0002" alt="はてなブックマーク - 第2回　アコーディオンメニューのアニメーション | gihyo.jp" title="はてなブックマーク - 第2回　アコーディオンメニューのアニメーション | gihyo.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/design/serial/01/css-animation/0002"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://devpixiv.hatenablog.com/entry/2015/12/09/212045 素晴らしい。 igrep 2015-12-10T00:01:14Z css3 html 日本語 <blockquote cite="https://devpixiv.hatenablog.com/entry/2015/12/09/212045" title="HTMLで日本語を書きたいプログラマーの永遠の悩みを解決するCSS3のSegment Break Transformation Rules - pixiv inside [archive]"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdevpixiv.hatenablog.com%2Fentry%2F2015%2F12%2F09%2F212045" alt="" /> <a href="https://devpixiv.hatenablog.com/entry/2015/12/09/212045">HTMLで日本語を書きたいプログラマーの永遠の悩みを解決するCSS3のSegment Break Transformation Rules - pixiv inside [archive]</a></cite><p><a href="https://devpixiv.hatenablog.com/entry/2015/12/09/212045"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/cb1cf2dd8d3d5cf2a411f9ecea5311b6fc58eedd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc3eb9e07f25d4809703994bedf4a82403ada0c80%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fh%252Fhakatashi%252F20151207%252F20151207023544.png" alt="HTMLで日本語を書きたいプログラマーの永遠の悩みを解決するCSS3のSegment Break Transformation Rules - pixiv inside [archive]" title="HTMLで日本語を書きたいプログラマーの永遠の悩みを解決するCSS3のSegment Break Transformation Rules - pixiv inside [archive]" class="entry-image" /></a></p><p>この記事はピクシブ株式会社 Advent Calendar 2015 の9日目の記事です。 qiita.com こんにちは。アルバイトのhakatashiです。以前の小説縦書き機能についてのpostではたくさんの拡散を頂きありがとうございました。おかげで褒賞のAmazonギフト券3000円を入手できました。ウハウハ。そして拡散に協力してくれた後輩へのお...</p><p><a href="https://b.hatena.ne.jp/entry/s/devpixiv.hatenablog.com/entry/2015/12/09/212045"><img src="https://b.hatena.ne.jp/entry/image/https://devpixiv.hatenablog.com/entry/2015/12/09/212045" alt="はてなブックマーク - HTMLで日本語を書きたいプログラマーの永遠の悩みを解決するCSS3のSegment Break Transformation Rules - pixiv inside [archive]" title="はてなブックマーク - HTMLで日本語を書きたいプログラマーの永遠の悩みを解決するCSS3のSegment Break Transformation Rules - pixiv inside [archive]" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/devpixiv.hatenablog.com/entry/2015/12/09/212045"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 50 http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/ 超詳しい。 igrep 2015-09-13T03:26:10Z CSS css3 Webデザイン <blockquote cite="http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/" title="Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebdesignrecipes.com%2Fweb-design-for-mobile-with-css3-media-queries%2F" alt="" /> <a href="http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/">Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き</a></cite><p><a href="http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/"><img src="" alt="Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き" title="Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き" class="entry-image" /></a></p><p>今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しま...</p><p><a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/"><img src="https://b.hatena.ne.jp/entry/image/http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/" alt="はてなブックマーク - Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き" title="はてなブックマーク - Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1156 https://developer.mescius.jp/wijmo igrep 2013-08-08T02:26:23Z javascript ライブラリ jQuery html5 CSS3 <blockquote cite="https://developer.mescius.jp/wijmo" title="JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mescius.jp%2Fwijmo" alt="" /> <a href="https://developer.mescius.jp/wijmo">JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社</a></cite><p><a href="https://developer.mescius.jp/wijmo"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fc038aea1c48343acec389aa531280166de473b8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgrapecitycontentcdn.azureedge.net%2Fjp%2Fdeveloper-solutions-ogp.png" alt="JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社" title="JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社" class="entry-image" /></a></p><p>帳票・レポート 日本仕様の帳票開発に必要な機能を搭載したコンポーネント ActiveReports for .NET ActiveReportsJS 表計算・グリッド Excel風のビューと表計算機能を実現するUIコンポーネント SPREAD for Windows Forms SPREAD for ASP.NET SPREAD for WPF SpreadJS 入力支援 快適な入力を実現する日本仕様入力コンポー...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mescius.jp/wijmo"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mescius.jp/wijmo" alt="はてなブックマーク - JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社" title="はてなブックマーク - JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mescius.jp/wijmo"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 85 https://devblogs.microsoft.com/blogs.msdn.com/25 igrep 2013-07-27T07:10:50Z IE news <blockquote cite="https://devblogs.microsoft.com/blogs.msdn.com/25" title="What&#39;s New in SQL2016 CTP2 Release - MSDN Blogs"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdevblogs.microsoft.com%2Fblogs.msdn.com%2F25" alt="" /> <a href="https://devblogs.microsoft.com/blogs.msdn.com/25">What&#39;s New in SQL2016 CTP2 Release - MSDN Blogs</a></cite><p><a href="https://devblogs.microsoft.com/blogs.msdn.com/25"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a25351fdc5944ac5d98403f2e6a402c1eb0ff8d3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdevblogs.microsoft.com%2Fwp-content%2Fuploads%2F2022%2F01%2FDEVBLOGS_social.png" alt="What&#39;s New in SQL2016 CTP2 Release - MSDN Blogs" title="What&#39;s New in SQL2016 CTP2 Release - MSDN Blogs" class="entry-image" /></a></p><p>Microsoft Developer Blogs Get the latest information, insights, and news from Microsoft. AI agents are quickly moving from experiments to production‑critical components of modern applications. But while many teams know how to build agents, far fewer are confident they’re hosting them on the right...</p><p><a href="https://b.hatena.ne.jp/entry/s/devblogs.microsoft.com/blogs.msdn.com/25"><img src="https://b.hatena.ne.jp/entry/image/https://devblogs.microsoft.com/blogs.msdn.com/25" alt="はてなブックマーク - What&#39;s New in SQL2016 CTP2 Release - MSDN Blogs" title="はてなブックマーク - What&#39;s New in SQL2016 CTP2 Release - MSDN Blogs" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/devblogs.microsoft.com/blogs.msdn.com/25"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1069 http://blackberry.github.io/Alice/ こりゃまたすごいな... igrep 2011-10-19T02:11:48Z css3 javascript ライブラリ <blockquote cite="http://blackberry.github.io/Alice/" title="AliceJS - (A Lightweight Independent CSS Engine)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblackberry.github.io%2FAlice%2F" alt="" /> <a href="http://blackberry.github.io/Alice/">AliceJS - (A Lightweight Independent CSS Engine)</a></cite><p><a href="http://blackberry.github.io/Alice/"><img src="" alt="AliceJS - (A Lightweight Independent CSS Engine)" title="AliceJS - (A Lightweight Independent CSS Engine)" class="entry-image" /></a></p><p>AliceJS - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects. Created by Laurent Hasson (@ldhasson, lhasson at rim dot com), a...</p><p><a href="https://b.hatena.ne.jp/entry/blackberry.github.io/Alice/"><img src="https://b.hatena.ne.jp/entry/image/http://blackberry.github.io/Alice/" alt="はてなブックマーク - AliceJS - (A Lightweight Independent CSS Engine)" title="はてなブックマーク - AliceJS - (A Lightweight Independent CSS Engine)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blackberry.github.io/Alice/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 31 http://evolutionofweb.appspot.com/ igrep 2011-09-03T03:37:08Z インターネット html5 ブラウザ 歴史 html CSS css3 まとめ <blockquote cite="http://evolutionofweb.appspot.com/" title="The evolution of the web"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fevolutionofweb.appspot.com%2F" alt="" /> <a href="http://evolutionofweb.appspot.com/">The evolution of the web</a></cite><p><a href="http://evolutionofweb.appspot.com/"><img src="" alt="The evolution of the web" title="The evolution of the web" class="entry-image" /></a></p><p>The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn&#39;t see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web d...</p><p><a href="https://b.hatena.ne.jp/entry/evolutionofweb.appspot.com/"><img src="https://b.hatena.ne.jp/entry/image/http://evolutionofweb.appspot.com/" alt="はてなブックマーク - The evolution of the web" title="はてなブックマーク - The evolution of the web" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/evolutionofweb.appspot.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 941 https://modernizr.com/ igrep 2011-08-17T01:17:06Z html5 javascript css3 ライブラリ <blockquote cite="https://modernizr.com/" title="Modernizr: the feature detection library for HTML5/CSS3"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmodernizr.com%2F" alt="" /> <a href="https://modernizr.com/">Modernizr: the feature detection library for HTML5/CSS3</a></cite><p><a href="https://modernizr.com/"><img src="" alt="Modernizr: the feature detection library for HTML5/CSS3" title="Modernizr: the feature detection library for HTML5/CSS3" class="entry-image" /></a></p><p>MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page load...</p><p><a href="https://b.hatena.ne.jp/entry/s/modernizr.com/"><img src="https://b.hatena.ne.jp/entry/image/https://modernizr.com/" alt="はてなブックマーク - Modernizr: the feature detection library for HTML5/CSS3" title="はてなブックマーク - Modernizr: the feature detection library for HTML5/CSS3" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/modernizr.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 546 https://www.publickey1.jp/blog/09/webhtml5css3javascript_20.html "ただしWeb Storageと次のWeb Workdersなど、これまでHTML5に含まれていたいくつかの仕様は最新のHTML5のドラフトから分離され独立した仕様となり、個別に議論されるようになりました。" igrep 2011-08-10T03:00:07Z html5 CSS3 news <blockquote cite="https://www.publickey1.jp/blog/09/webhtml5css3javascript_20.html" title="いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F09%2Fwebhtml5css3javascript_20.html" alt="" /> <a href="https://www.publickey1.jp/blog/09/webhtml5css3javascript_20.html">いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0</a></cite><p><a href="https://www.publickey1.jp/blog/09/webhtml5css3javascript_20.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d456b001e7b1552ac62944ca10fa41df736e3920/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2Ffbico_pblky.png" alt="いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0" title="いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0" class="entry-image" /></a></p><p>日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/09/webhtml5css3javascript_20.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/09/webhtml5css3javascript_20.html" alt="はてなブックマーク - いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0" title="はてなブックマーク - いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/09/webhtml5css3javascript_20.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 943 https://atmarkit.itmedia.co.jp/ait/articles/1108/02/news116.html すばらしい。 igrep 2011-08-03T04:20:44Z IE CSS css3 news <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1108/02/news116.html" title="Internet Explorer 10 PP2のCSS3機能"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1108%2F02%2Fnews116.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1108/02/news116.html">Internet Explorer 10 PP2のCSS3機能</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1108/02/news116.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1a0274114ea1c20de8a89816d186000515c0e16c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F1108%2F02%2Fl_dt-ie10earlyreview03_01.gif" alt="Internet Explorer 10 PP2のCSS3機能" title="Internet Explorer 10 PP2のCSS3機能" class="entry-image" /></a></p><p>Internet Explorer 10 PP2のCSS3機能：特集：IE10（プレビュー版）概説（後編）（1/3 ページ） Web制作者が知るべきIE10 PP2の新機能とは？ CSS3、ECMAScript 5、Webパフォーマンスの新機能を解説。IE9以前との互換性も。 連載目次 前回に引き続き、Internet Explorer 10（以下、IE10）プラットフォーム・プレビュー版の...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1108/02/news116.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1108/02/news116.html" alt="はてなブックマーク - Internet Explorer 10 PP2のCSS3機能" title="はてなブックマーク - Internet Explorer 10 PP2のCSS3機能" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1108/02/news116.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 20