Androidのposition:absoluteとフォームの問題 Check Tweet Androidではposition:absoluteをした要素内にフォーム部品があると色々と不具合があるようです。 例えば、次のようにフォーム部品の背景になにか文字列があるような状態にしてしまうとAndroid2.2でフォ... 続きを読む

• blog.webcreativepark.net
• コンピュータ・IT

@keyframesとAndroid Check Tweet CSS3の@keyframesでアニメーションを作成しているんですがAndroidでかなりバグがあるようです。 transformに複数の値を指定すると動かない @-webkit-keyframes hogeName{ 0% {-webkit-transform:scale(1,2)} 50% {-webkit-tran... 続きを読む

• blog.webcreativepark.net
• コンピュータ・IT

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ Check このエントリーをはてなブックマークに追加 Tweet AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事を... 続きを読む

• blog.webcreativepark.net
• コンピュータ・IT

なんかすごいぞ、これ。CSS3のアニメーションだけでストップウォッチを実現しちゃっていますね。 ↑ 本当に動いていますね。 animation-play-stateあたりでごにょごにょやっているようですが・・・あとでちょっと解析してみよう。どちらにしろ興味深いですな。 ... 続きを読む

• www.ideaxidea.com
• コンピュータ・IT

下記は各ポイントを意訳したものです。 Normalize.cssとは Normalize.cssの特徴 ノーマライズ vs リセット Normalize.cssの使い方 終わりに Normalize.cssとは Normalize.cssとは、クロスブラウザにHTMLのエレメントのデフォルトのスタイルを提供する小さなCSS... 続きを読む

• coliss.com
• コンピュータ・IT

selectivizr is a JavaScript utility that emulates CSS3 selectors in Internet Explorer 6-8CSS3 selectors for IE selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply incl... 続きを読む

• selectivizr.com
• コンピュータ・IT

Twitterをはじめコミュニケーションが基本のサービスで欲しくなるのが吹き出し風のデザインです。そんなデザインをオンラインで簡単に作成できるのがCSS Arrow Pleaseです。 0 続きを読む

• www.moongift.jp
• コンピュータ・IT

ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応でき... 続きを読む

• c-brains.jp
• コンピュータ・IT

次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 0 続きを読む

• www.moongift.jp
• コンピュータ・IT

HTML, CSS, JavaScriptを読みやすく整形し、文法上のエラーもチェックしてくれるオンラインツールを紹介します。 Dirty Markup Dirty Markupはウェブ制作者がよく使う下記のツールをまと [...] 続きを読む

• coliss.com
• コンピュータ・IT

reveal.jsはHTML5/CSS3を使ったプレゼンテーションソフトウェアです。まずは言うに及ばず、そのクールな画面を見てもらいましょう。 0 続きを読む

• www.moongift.jp
• コンピュータ・IT

最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示しま... 続きを読む

• www.webopixel.net
• コンピュータ・IT

HTMLでは表示（HTML）とデザイン（スタイルシート）、そしてプログラミング（JavaScript）が混在して動作します。それらを全て一つにまとめあげ、高速に動作するDSLがblingblin DSLです。 0 続きを読む

• www.moongift.jp
• コンピュータ・IT

クリエイティブなCSS3テクニック集「CSS3 Image Galleries, Slideshows and Image Effects」 限られたスペースを有効に利用するため、もっと魅力的に写真を見せるためにスライドショーを利用しているという方は非常に覆いと思いますが、今回紹介するのはCSS3で... 続きを読む

• design-develop.net
• コンピュータ・IT

/** * The first commented line is your dabblet’s title */ background: #f06; background: linear-gradient(45deg, #f06, yellow); min-height:100%; 続きを読む

• dabblet.com
• コンピュータ・IT

最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには... 続きを読む

• weboook.blog22.fc2.com
• コンピュータ・IT

The CSS3 test Your browser scores 0% Determined by passing tests out of total for features Caution: This test checks which CSS3 features the browser recognizes, whether they are implemented correctly or not. Time taken: via Ad Packs Specs tes... 続きを読む

• css3test.com
• コンピュータ・IT

IE PNG Fix v1.0 / 2.0 Alpha 3 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! It requires only one line in your CSS file, and no changes to your we... 続きを読む

• www.twinhelix.com
• コンピュータ・IT

アニメーション開始時に一瞬前の状態に戻るときがある(Android, iOS3.*) jsdo.itでデモを組んでみた。 Android vs iPhone : CSS3 Animation - jsdo.it - share JavaScript, HTML5 and CSS よくあるスライドアニメーションです。 表題のバグが発生すると、イン開... 続きを読む

• tenderfeel.xsrv.jp
• コンピュータ・IT

WebサイトをiPhoneやiPadに対応させるためによく使われるCSS3のMedia Queries（メディアクエリ）。CSS3 Media Queriesを使うときの注意書きなどをまとめてみました。今回このブログ、Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用... 続きを読む

• webdesignrecipes.com
• コンピュータ・IT