senchaというHTML5とCSS3で書かれたモバイルアプリケーション用のフレームワークを見つけちゃったので紹介。
HTML5といっても、ターゲットはもちろんスマートフォン。AndoroidやiOS4(iphoneOSね)などのモバイルデバイスOSに合わせたフレームワークとなっているようで、モバイルアプリや、コンテンツ作りに重宝しそう。
当然、スマートフォン独自であるタップやスワイプのようなイベントも実装。まずはデモで確認してちょうだい。
ライセンスは、GPL 3.0 + FLOSS Licenseとなっていて、基本的にオープンソースライセンス。商用ではβ版なので商用ライセンスを持っていないと書いてあるけど、一応連絡した方がいいんじゃね？ベータ版だし。
名前がイイね！我々日本人には馴染みの言葉です。
CSS3にはグラデーションというすばらしいプロパティがあるんですが、やっぱりIEはCSS3に対応していないのだな。
なので、CSS3のグラデーションをIE7や8にも適応させる為のIEハック。つぅか、IEってなに？頑なにCSS3を実装しない理由がわかんない。
Continue Reading »
以前にIEでも角丸と影をCSS3で表現したい！しかも簡単に！という記事を書きましたが、もうちょっとだけ簡単にするスクリプトがdesign-developさんにありましたので紹介。
たった１行追加するだけでOKの超簡単スクリプト。
角丸やシャドーなんかの、比較的良く使いそうな要素に対応しているんで、案件でIE6対応必須の時でも安心して使えそうですね。
いままで、画像が反射したような表現はjavascriptのライブラリを使っていたと思いますけど、今回はCSS3だけで、画像の反射（リフレクション）を表現する方法を紹介します。
Continue Reading »
アコーディオンメニューというと、jQueryなどのajax(javaScript)を使って実装しますが、今回はCSS3のTransitionを使ってアコーディオンの動きを実現させてみます。
CSSだけで実装できますので、ソース的にも軽量で開発者にとってはリソースも軽減できていい事ずくめッスね。
ニュィーンとのびるメニューをCSSで実装
好評かどうか分からんですけど、晒すシリーズ。の２回目です。初心者のかたへ、こんなWEB屋さんになっちゃダメよ。
いつものように、うちの新人くんがコーディングして、各ブラウザでブラウズのデバック作業に入ります。
しかしそこはWEBの世界。そんなに甘くはないのです！案の定、泣きついてきましたね。
「すみませ〜ん。なんかIEで表示がおかしいんですぅ。」と、別に可愛くないが、本人は精一杯甘えた声を出してきてるんですよ。
「あぁ？なんや？おかしいって、どうおかしいんや？んなもんで分かるか！」と心で思いながら、「どれ・・・」と、一応確認する。
Continue Reading »
モダンスタイルは非常にクリーンなフリーのWordpressのテーマflexi。
このテーマは、ソーシャルメディアのアイコンとか、広告スペースを簡単に表示されるようになっています。
全体的なデザインはややシンプルで、クリーンなコードで書かれています。ダークグレーとブラックがメインカラーですので、CSSレベルで簡単に好みのカラーに変更できるのもいいですね。
