toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は... 続きを読む

• kojika17.com
• テクノロジー

iWebKit Download the most used iPhone Webapp framework on the net, for free! iWebKit is a file package designed to help you create your own iPhone, iPod Touch and iPad compatible website or webapp. The kit is accessible to anyone even people ... 続きを読む

• snippetspace.com
• テクノロジー

実は以前に別の場所でも書いたのですが、今回Google Page Speedの方でも少しだけ触れられていたので、改めてまとめ。 自分でも経験があることなのですが、開発をやっているとどうしても、構造をモジュール化して複数のファイルに分割して管理したくなります。 S... 続きを読む

• screw-axis.com
• テクノロジー

前回の記事で、200行で作れるHTML5製テトリスをご紹介してたくさんの反響がありました。 誰もが知っているゲームを少ないコードで実現していることと、コードが読みやすくてプログラミングのスキルアップに役立つということで関心をもたれたと思います。 これを... 続きを読む

• www.chrome-life.com
• テクノロジー

Path menu in pure CSS3 (webkit) I'm fall in love with the new UI of Path. I really love the user interaction design like the "add menu". So, as I'm a front-end developer, I tried to recreate the same thing on my browser. Firstly, I posted a v... 続きを読む

• lab.victorcoulon.fr
• テクノロジー

Tutorial: Rubik's cube with HTML5 (CSS3 + JavaScript) : Motivation : Perspective3D : Modeling the cube : The movements : Rotation : JavaScript cross-platform : Introduction This webpage was built entirely using only HTML5, basically CSS3 and ... 続きを読む

• html5rubik.com
• テクノロジー

簡単な定義要素のoffsetLeftプロパティ要素の左辺と、offset基準要素の左辺との距離(px)要素のoffsetTopプロパティ要素の上辺と、offset基準要素の上辺との距離(px)要素のoffsetParentプロパティ要素のoffset基準要素(これが何になるかが問題)○結論から先に見... 続きを読む

• d:id:susie-t
• テクノロジー

Of all the free extras that Mac OS X has, Grapher has to be one of the coolest. This little app, hidden away in the Applications/Utilities folder, is a powerful graphing tool for mathematical equations and data sets. As you might expect from ... 続きを読む

• acko.net
• テクノロジー

CSS3ボタンジェネレーターCSS CODE button.css3button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #050505; padding: 10px 20px; background: -moz-linear-gradient( top, #f7ff00 0%, #ffffff 25%, #ffffff 50%, #ffffff 75%, #ff... 続きを読む

• css3button.net
• テクノロジー

あれこれ追加して豪華にしてみました。 台座のグラデーションあたりに僕のデザインセンスがにじみ出ていますね！！ （誰か綺麗にして下さい……。） Chrome, Safariが一番綺麗に見えます。 妙な位置ながら鏡面反射も再現します。 FirefoxとOperaは反射以外は上... 続きを読む

• jsdo.it
• テクノロジー

<div id="world"> <div class="box building"> <div class="face"></div><div class="face"></div><div class="face"></div><div class="face"></div><div class="face"></div> </div> <div class="box apart"> <div class="face"></div><div class="face"></di... 続きを読む

• jsdo.it
• テクノロジー

http://qrcode.64p.org/qrcode.64p.org は、開発サーバーの URL をガラケーでみたいときなどにつかっているのだが、自宅サーバーがぶっこわれたことにより復旧が面倒になったので、クライアントサイドですべてうごくようにつくりなおしてみた。ソースはこちら h... 続きを読む

• blog.64p.org
• テクノロジー

CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass(主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 c... 続きを読む

• hail2u.net
• テクノロジー

はじめにこの記事はRuby Advent Calendar jp: 2010 : ATNDの10日目です。前日はTrinityTさんでした。 最近注目の浴びている Sass を改めて学んでみましょうSass - Syntactically Awesome Stylesheets 前フリRuby 界隈では Haml とセットで１〜２年前くらいから... 続きを読む

• d:id:seiunsky
• テクノロジー

Twitter でもポストしましたが、Mozilla Hacks で次期 Firefox 4 における calc() 機能の実装についてアナウンスされていました。 calc() 自体は CSS3 で策定中の機能としてかなり前から仕様が存在しますが、まだサポートしているブラウザがないので、馴染みは... 続きを読む

• hyper-text.org
• テクノロジー