https://b.hatena.ne.jp/suzukiMY/CSS/css3/ CSSとcss3に関するsuzukiMYのはてなブックマーク (17) http://caniuse.com/ ブラウザー毎の対応状況が掲載されているサイト suzukiMY 2016-08-08T03:34:17Z browser html css html5 javascript CSS3 1307 <blockquote cite="http://caniuse.com/" title="can I use... Support tables for HTML5, CSS3, etc"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcaniuse.com%2F" alt="" /> <a href="http://caniuse.com/">can I use... Support tables for HTML5, CSS3, etc</a></cite><p><a href="http://caniuse.com/"><img src="" alt="can I use... Support tables for HTML5, CSS3, etc" title="can I use... Support tables for HTML5, CSS3, etc" class="entry-image" /></a></p><p>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&#39;re looking for is not available on the site, you can vote to have it included. Better yet, if you&#39;ve done the res...</p><p><a href="https://b.hatena.ne.jp/entry/caniuse.com/"><img src="https://b.hatena.ne.jp/entry/image/http://caniuse.com/" alt="はてなブックマーク - can I use... Support tables for HTML5, CSS3, etc" title="はてなブックマーク - can I use... Support tables for HTML5, CSS3, etc" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/caniuse.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/css/css-protips-v2.html suzukiMY 2016-03-08T01:06:26Z CSS3 css web blog tutorial 556 <blockquote cite="https://coliss.com/articles/build-websites/operation/css/css-protips-v2.html" title="CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss-protips-v2.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/css-protips-v2.html">CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/css-protips-v2.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2149c23ca43c6209795bbbfec0ae9d5588b89146/height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015110401.png" alt="CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips" title="CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips" class="entry-image" /></a></p><p>リスト要素で実装したアイテム間の区切り線の最後だけ取り除く簡単なコード、リストの各アイテムをカンマ区切りで配置させるコード、テキスト表示をすべてのデバイスで最適化するコードなど、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 当記事は、2015/11/4に公開した記事に追加分...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-protips-v2.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/css-protips-v2.html" alt="はてなブックマーク - CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips" title="はてなブックマーク - CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-protips-v2.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ascii.jp/elem/000/000/901/901319/ suzukiMY 2014-06-09T11:02:51Z CSS3 css SVG animation HTML 320 <blockquote cite="https://ascii.jp/elem/000/000/901/901319/" title="SVG線画が美しいリッチアニメーションの作り方 (1/2)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F901%2F901319%2F" alt="" /> <a href="https://ascii.jp/elem/000/000/901/901319/">SVG線画が美しいリッチアニメーションの作り方 (1/2)</a></cite><p><a href="https://ascii.jp/elem/000/000/901/901319/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/16134ca45eb222dbde1a92afb92ab9d05d2d6364/height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2014%2F12%2F26%2F425036%2Fl%2Fe0b165da17b70829.jpg" alt="SVG線画が美しいリッチアニメーションの作り方 (1/2)" title="SVG線画が美しいリッチアニメーションの作り方 (1/2)" class="entry-image" /></a></p><p>ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/901/901319/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/000/901/901319/" alt="はてなブックマーク - SVG線画が美しいリッチアニメーションの作り方 (1/2)" title="はてなブックマーク - SVG線画が美しいリッチアニメーションの作り方 (1/2)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/901/901319/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tridiv.com/ suzukiMY 2014-02-04T03:58:27Z Tridiv Creative Commons 3D css CSS3 269 <blockquote cite="https://tridiv.com/" title="Tridiv | CSS 3D Editor"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftridiv.com%2F" alt="" /> <a href="https://tridiv.com/">Tridiv | CSS 3D Editor</a></cite><p><a href="https://tridiv.com/"><img src="" alt="Tridiv | CSS 3D Editor" title="Tridiv | CSS 3D Editor" class="entry-image" /></a></p><p>Concept, code and design by Julian Garnier. For questions, feedback, bugs or anything related to Tridiv, contact me on twitter @TridivApp. Tridiv is licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</p><p><a href="https://b.hatena.ne.jp/entry/s/tridiv.com/"><img src="https://b.hatena.ne.jp/entry/image/https://tridiv.com/" alt="はてなブックマーク - Tridiv | CSS 3D Editor" title="はてなブックマーク - Tridiv | CSS 3D Editor" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tridiv.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.minimamente.com/magic-css3-animations/ suzukiMY 2013-09-11T02:48:35Z Magic.css animation css CSS3 269 <blockquote cite="http://www.minimamente.com/magic-css3-animations/" title="Magic CSS3 animations by miniMAC - minimamente"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.minimamente.com%2Fmagic-css3-animations%2F" alt="" /> <a href="http://www.minimamente.com/magic-css3-animations/">Magic CSS3 animations by miniMAC - minimamente</a></cite><p><a href="http://www.minimamente.com/magic-css3-animations/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f000aabe9ed05255e647b1bb9c832ddb7e229dd9/height=90;version=1;width=120/https%3A%2F%2Fwww.minimamente.com%2Fwp-content%2Fuploads%2F2016%2F06%2Fcss_magic_animations.jpg" alt="Magic CSS3 animations by miniMAC - minimamente" title="Magic CSS3 animations by miniMAC - minimamente" class="entry-image" /></a></p><p>Come sapete, amo molto il linguaggio CSS ed in particolare mi piace sempre andare oltre, in questo caso ho voluto creare un pacchetto di animazioni in CSS3 che potrete usare liberamente per i vostri scopi e quindi nei vostri progetti web, si chiama Magic! Il progetto è hostato anche su GitHub, qu...</p><p><a href="https://b.hatena.ne.jp/entry/www.minimamente.com/magic-css3-animations/"><img src="https://b.hatena.ne.jp/entry/image/http://www.minimamente.com/magic-css3-animations/" alt="はてなブックマーク - Magic CSS3 animations by miniMAC - minimamente" title="はてなブックマーク - Magic CSS3 animations by miniMAC - minimamente" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.minimamente.com/magic-css3-animations/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/miniMAC/magic CSS3アニメーションによるカッコイイエフェクト suzukiMY 2013-09-11T02:46:57Z Magic.css javascript css GitHub CSS3 animation 10 <blockquote cite="https://github.com/miniMAC/magic" title="GitHub - miniMAC/magic: CSS3 Animations with special effects"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FminiMAC%2Fmagic" alt="" /> <a href="https://github.com/miniMAC/magic">GitHub - miniMAC/magic: CSS3 Animations with special effects</a></cite><p><a href="https://github.com/miniMAC/magic"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/55a982e0dab975aea24ba27d637f7b70171647f4/height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F54bcbc14dcb7121b95efb6a2eca7cd4907fbafecb60274daf14dbcca9c81e47e%2FminiMAC%2Fmagic" alt="GitHub - miniMAC/magic: CSS3 Animations with special effects" title="GitHub - miniMAC/magic: CSS3 Animations with special effects" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/miniMAC/magic"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/miniMAC/magic" alt="はてなブックマーク - GitHub - miniMAC/magic: CSS3 Animations with special effects" title="はてなブックマーク - GitHub - miniMAC/magic: CSS3 Animations with special effects" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/miniMAC/magic"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://js.crap.jp/book/chapter2/icon-effect.html suzukiMY 2013-06-25T12:55:27Z CSS3 css HTML design tutorial 203 <blockquote cite="http://js.crap.jp/book/chapter2/icon-effect.html" title="CSS3を使ったオンマウスで吹き出しが現れるサンプル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjs.crap.jp%2Fbook%2Fchapter2%2Ficon-effect.html" alt="" /> <a href="http://js.crap.jp/book/chapter2/icon-effect.html">CSS3を使ったオンマウスで吹き出しが現れるサンプル</a></cite><p><a href="http://js.crap.jp/book/chapter2/icon-effect.html"><img src="" alt="CSS3を使ったオンマウスで吹き出しが現れるサンプル" title="CSS3を使ったオンマウスで吹き出しが現れるサンプル" class="entry-image" /></a></p><p>CSS3を使ったオンマウスで吹き出しが現れるサンプル 1. 上から降ってくる Home Twitter Facebook RSS Setting 2. 下から現れる1 Home Twitter Facebook RSS Setting 3. 下から現れる2 Home Twitter Facebook RSS Setting 4. 回転して現れる1 Home Twitter Facebook RSS Setting 5. 回転して現れる2 Home Twitter Faceboo...</p><p><a href="https://b.hatena.ne.jp/entry/js.crap.jp/book/chapter2/icon-effect.html"><img src="https://b.hatena.ne.jp/entry/image/http://js.crap.jp/book/chapter2/icon-effect.html" alt="はてなブックマーク - CSS3を使ったオンマウスで吹き出しが現れるサンプル" title="はてなブックマーク - CSS3を使ったオンマウスで吹き出しが現れるサンプル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/js.crap.jp/book/chapter2/icon-effect.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ameblo.jp/ca-1pixel/entry-11497184837.html suzukiMY 2013-03-27T15:04:20Z animation CSS3 css 280 <blockquote cite="https://ameblo.jp/ca-1pixel/entry-11497184837.html" title="https://ameblo.jp/ca-1pixel/entry-11497184837.html"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fameblo.jp%2Fca-1pixel%2Fentry-11497184837.html" alt="" /> <a href="https://ameblo.jp/ca-1pixel/entry-11497184837.html">https://ameblo.jp/ca-1pixel/entry-11497184837.html</a></cite><p><a href="https://ameblo.jp/ca-1pixel/entry-11497184837.html"><img src="" alt="https://ameblo.jp/ca-1pixel/entry-11497184837.html" title="https://ameblo.jp/ca-1pixel/entry-11497184837.html" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ameblo.jp/ca-1pixel/entry-11497184837.html"><img src="https://b.hatena.ne.jp/entry/image/https://ameblo.jp/ca-1pixel/entry-11497184837.html" alt="はてなブックマーク - https://ameblo.jp/ca-1pixel/entry-11497184837.html" title="はてなブックマーク - https://ameblo.jp/ca-1pixel/entry-11497184837.html" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ameblo.jp/ca-1pixel/entry-11497184837.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://ademilter.com/lab/liffect/ フェード・スライド・バウンド・フリップ・スターウォーズなど、CSS3アニメーションのコードを自動で生成するオンラインツール suzukiMY 2012-11-06T04:15:18Z jQuery CSS CSS3 generator 106 <blockquote cite="http://ademilter.com/lab/liffect/" title="liffect - effect for lists"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fademilter.com%2Flab%2Fliffect%2F" alt="" /> <a href="http://ademilter.com/lab/liffect/">liffect - effect for lists</a></cite><p><a href="http://ademilter.com/lab/liffect/"><img src="" alt="liffect - effect for lists" title="liffect - effect for lists" class="entry-image" /></a></p><p>generate effect for lists</p><p><a href="https://b.hatena.ne.jp/entry/ademilter.com/lab/liffect/"><img src="https://b.hatena.ne.jp/entry/image/http://ademilter.com/lab/liffect/" alt="はてなブックマーク - liffect - effect for lists" title="はてなブックマーク - liffect - effect for lists" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/ademilter.com/lab/liffect/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://modernizr.com/ HTML5要素など、各ブラウザの対応状況によってクラスを分けるためのライブラリ suzukiMY 2012-09-28T01:51:38Z CSS3 HTML5 HTML css library Modernizr 549 <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> http://www.tidesdk.org/ HTML5, CSS3, JSでマルチプラットフォームのデスクトップアプリを作れるSDK。元はTitanium Desktopだった。 suzukiMY 2012-09-12T07:21:48Z Titanium JavaScript html5 TideSDK css css3 77 <blockquote cite="http://www.tidesdk.org/" title="TideSDK :: App Development"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.tidesdk.org%2F" alt="" /> <a href="http://www.tidesdk.org/">TideSDK :: App Development</a></cite><p><a href="http://www.tidesdk.org/"><img src="" alt="TideSDK :: App Development" title="TideSDK :: App Development" class="entry-image" /></a></p><p>Desktop App development for Linux, Mac, Windows using HTML5, Javascript, CSS3, and a little help from PHP, Python, Ruby if you need it!Desktop App development for Linux, Windows, and Mac using HTML5, JavaScript and CSS3 plus the power of php, python, and ruby when you need it. A little details on...</p><p><a href="https://b.hatena.ne.jp/entry/www.tidesdk.org/"><img src="https://b.hatena.ne.jp/entry/image/http://www.tidesdk.org/" alt="はてなブックマーク - TideSDK :: App Development" title="はてなブックマーク - TideSDK :: App Development" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.tidesdk.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/ ホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアル suzukiMY 2012-09-12T02:38:54Z CSS3 css effects animation CSS web Design tutorial 77 <blockquote cite="https://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/" title="Original Hover Effects with CSS3 | Codrops"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftympanus.net%2Fcodrops%2F2011%2F11%2F02%2Foriginal-hover-effects-with-css3%2F" alt="" /> <a href="https://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/">Original Hover Effects with CSS3 | Codrops</a></cite><p><a href="https://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/12f8bd8ad7c46e2278cc71b742b0b90ca2b56c10/height=90;version=1;width=120/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2011%2F11%2FOriginalHoverEffects.jpg%3Fx52324" alt="Original Hover Effects with CSS3 | Codrops" title="Original Hover Effects with CSS3 | Codrops" class="entry-image" /></a></p><p>The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example....</p><p><a href="https://b.hatena.ne.jp/entry/s/tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/"><img src="https://b.hatena.ne.jp/entry/image/https://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/" alt="はてなブックマーク - Original Hover Effects with CSS3 | Codrops" title="はてなブックマーク - Original Hover Effects with CSS3 | Codrops" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://oldsite.alessioatzeni.com/blog/css3-hover-effects/ ホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアル suzukiMY 2012-09-12T02:31:08Z CSS3 css effects animation CSS web Design tutorial 28 <blockquote cite="https://oldsite.alessioatzeni.com/blog/css3-hover-effects/" title="CSS3 Hover Effects - Alessio Atzeni | Hybrid Designer &amp; Front-end Developer"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Foldsite.alessioatzeni.com%2Fblog%2Fcss3-hover-effects%2F" alt="" /> <a href="https://oldsite.alessioatzeni.com/blog/css3-hover-effects/">CSS3 Hover Effects - Alessio Atzeni | Hybrid Designer &amp; Front-end Developer</a></cite><p><a href="https://oldsite.alessioatzeni.com/blog/css3-hover-effects/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b2feee84ddfa3ba079315ec810dd14d78b56fc62/height=90;version=1;width=120/https%3A%2F%2Foldsite.alessioatzeni.com%2Fwp-content%2Fuploads%2F2011%2F11%2Fcss3-hover-effects.jpg" alt="CSS3 Hover Effects - Alessio Atzeni | Hybrid Designer &amp; Front-end Developer" title="CSS3 Hover Effects - Alessio Atzeni | Hybrid Designer &amp; Front-end Developer" class="entry-image" /></a></p><p>Hello guys, this time I will show you other five examples of hover effects using different CSS properties compared to the old tutorial posted on Codrops. In summary, we seek the same method but we will act especially using the border property, as we shall see later that allows us to create very p...</p><p><a href="https://b.hatena.ne.jp/entry/s/oldsite.alessioatzeni.com/blog/css3-hover-effects/"><img src="https://b.hatena.ne.jp/entry/image/https://oldsite.alessioatzeni.com/blog/css3-hover-effects/" alt="はてなブックマーク - CSS3 Hover Effects - Alessio Atzeni | Hybrid Designer &amp; Front-end Developer" title="はてなブックマーク - CSS3 Hover Effects - Alessio Atzeni | Hybrid Designer &amp; Front-end Developer" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/oldsite.alessioatzeni.com/blog/css3-hover-effects/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://photon.attasi.com/ CSS3のtransformを使って、光源つきで3D描写を行えるJavaScriptエンジン suzukiMY 2012-07-05T05:14:30Z javascript 3D css CSS3 library 52 <blockquote cite="http://photon.attasi.com/" title="Photon | CSS 3D Lighting Engine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fphoton.attasi.com%2F" alt="" /> <a href="http://photon.attasi.com/">Photon | CSS 3D Lighting Engine</a></cite><p><a href="http://photon.attasi.com/"><img src="" alt="Photon | CSS 3D Lighting Engine" title="Photon | CSS 3D Lighting Engine" class="entry-image" /></a></p><p>tom giannattasio @attasi photon on toggle photon off</p><p><a href="https://b.hatena.ne.jp/entry/photon.attasi.com/"><img src="https://b.hatena.ne.jp/entry/image/http://photon.attasi.com/" alt="はてなブックマーク - Photon | CSS 3D Lighting Engine" title="はてなブックマーク - Photon | CSS 3D Lighting Engine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/photon.attasi.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://todc.github.io/css3-google-buttons/ Google 風のボタンを簡単につくれるフレームワーク suzukiMY 2012-05-28T03:50:21Z Google framework css CSS3 button element design google ui style 430 <blockquote cite="http://todc.github.io/css3-google-buttons/" title="Google Bootstrap has moved!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftodc.github.io%2Fcss3-google-buttons%2F" alt="" /> <a href="http://todc.github.io/css3-google-buttons/">Google Bootstrap has moved!</a></cite><p><a href="http://todc.github.io/css3-google-buttons/"><img src="" alt="Google Bootstrap has moved!" title="Google Bootstrap has moved!" class="entry-image" /></a></p><p>The css3-google-buttons repository has been renamed google-bootstrap. You will be automatically redirected in a few seconds...</p><p><a href="https://b.hatena.ne.jp/entry/todc.github.io/css3-google-buttons/"><img src="https://b.hatena.ne.jp/entry/image/http://todc.github.io/css3-google-buttons/" alt="はてなブックマーク - Google Bootstrap has moved!" title="はてなブックマーク - Google Bootstrap has moved!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/todc.github.io/css3-google-buttons/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://lab.hakim.se/scroll-effects/ CSS3を使ったスクロールエフェクトを実現するJS suzukiMY 2012-05-10T11:05:14Z css javascript CSS3 web Design 686 <blockquote cite="https://lab.hakim.se/scroll-effects/" title="stroll.js - CSS3 Scroll Effects"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flab.hakim.se%2Fscroll-effects%2F" alt="" /> <a href="https://lab.hakim.se/scroll-effects/">stroll.js - CSS3 Scroll Effects</a></cite><p><a href="https://lab.hakim.se/scroll-effects/"><img src="" alt="stroll.js - CSS3 Scroll Effects" title="stroll.js - CSS3 Scroll Effects" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/lab.hakim.se/scroll-effects/"><img src="https://b.hatena.ne.jp/entry/image/https://lab.hakim.se/scroll-effects/" alt="はてなブックマーク - stroll.js - CSS3 Scroll Effects" title="はてなブックマーク - stroll.js - CSS3 Scroll Effects" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/lab.hakim.se/scroll-effects/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://cssload.net/ ローディング中のクルクルをCSS3・AJAX・JQueryで出力するジェネレータ suzukiMY 2012-01-06T11:28:42Z generator CSS3 jQuery animation load css 129 <blockquote cite="https://cssload.net/" title="CSS Load.net - Loading CSS spinners and bars generator for AJAX &amp; JQuery"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcssload.net%2F" alt="" /> <a href="https://cssload.net/">CSS Load.net - Loading CSS spinners and bars generator for AJAX &amp; JQuery</a></cite><p><a href="https://cssload.net/"><img src="" alt="CSS Load.net - Loading CSS spinners and bars generator for AJAX &amp; JQuery" title="CSS Load.net - Loading CSS spinners and bars generator for AJAX &amp; JQuery" class="entry-image" /></a></p><p>AJAX loaders generator in pure CSS and HTML Select a desired category and generate and/or copy the loader code Spinners Spinning loading indicators, or so called &quot;Spinners&quot; in pure CSS and HTML</p><p><a href="https://b.hatena.ne.jp/entry/s/cssload.net/"><img src="https://b.hatena.ne.jp/entry/image/https://cssload.net/" alt="はてなブックマーク - CSS Load.net - Loading CSS spinners and bars generator for AJAX &amp; JQuery" title="はてなブックマーク - CSS Load.net - Loading CSS spinners and bars generator for AJAX &amp; JQuery" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/cssload.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>