CSS3アニメーションをJSで制御
iOSでFlashがネイティブにサポートされない事から、JSあるいはCSS3でアニメーションを実装する機会が増えています。 クライアントから明確に「このアニメーションはJSorCSS3で（iOSでも閲覧出来るように）作って欲しい」と依頼を受けた経験のある方もいらっしゃるのではないでしょうか？ CSS3アニメーションは現状、対応ブラウザの課題から使用が限定されるため、 私自身はJSでアニメーションを実装する機会の方が圧倒的に多いのですが、 今後の考え方として、以下のような方法を影響の少ない範囲で導入しています。 UIの制御をJSで アニメーションをCSS3で CSS3でアニメーションを実装した際のメリット・デメリットを列挙します。 今後も積極的に導入していくかは未定ですが、一手段としてご覧いただければ幸いです。 CSS3アニメーションのメリット・デメリット メリット JSアニメーションより比
テキストを円形に描画するチュートリアル:phpspot開発日誌
Set Text on a Circle | CSS-Tricks テキストを円形に描画するチュートリアル。 次のようにテキストを円形に描画するJavaScriptとCSSのチュートリアルです。 テキストをLettering.jsで1個1個の文字に分割して、Sassのループを使い、1個1個rotateさせていくという方法で実現されているようです。 アニメーションとかを組み合わせて、より面白いことができそうですね。 関連エントリ PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でシャレオツなリストを作るチュートリアル WEBデザイナーなら見ておくべきCSS3のアニメーションチュートリアル CSS3で出来たクールなLightBox実装チュートリアル
JavaScriptで振り分けてスマホサイト完成！ (1/5)
スマートフォンサイトの設計・デザイン、HTML5+CSS3による基本的なマークアップについて前回までに解説してきました。今回はページ内の要素にリンクを設定してスマートフォンサイトを仕上げます。 ページ内リンクを張る 今回制作しているスマートフォンサイトは、ページ内の各コーナーに移動できるナビゲーション（ジャンプボタン）を設置しています。まずはジャンプボタンにページ内リンクを設定しましょう。ページ内リンクは、PCサイトと同様、リンク先の要素にID属性を振り、a要素を次のように記述します。 <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体にリンクを貼る ページ内リンクを設定したサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
