タグ HTML5+CSS3
人気順 5 users 50 users 100 users 500 users 1000 users[CSS]最近のWebサイトで見かけるコンポーネントを実装するチェックしておきたい便利なスニペットのまとめ -LittleSnippets | コリス
2015/12/04
84 users
コリス
コンポーネント
CSS
スニペット
ナビゲーション
最近のWebサイトで見かける気持ちいいアニメーションを使った、ナビゲーション、画像、ボタン、カード型レイアウトなど、HTML5+CSS3で実装されたさまざまなコンポーネントのスニペットを紹介します。 LittleSnip...記事の続きを読む 続きを読む
CSS3アニメーションを利用したサンプル[to-R]
2013/04/14
63 users
to-R
サンプル
CSS3アニメーション
sample
動作
CSS Niteビギナーズ：HTML5+CSS3でCSS3アニメーションを紹介したところ、使いどころがよく分からないとの意見をたくさん頂いたので、サンプルをいくつかご紹介します。 実際の動作はサンプルページから確認できます。 sample1 ボタンにマウスをのせた際にアニメーションして背景色を切り替えます。 /*sample1*/ .sample1 a{ background:#3f8bad; t... 続きを読む
ゲーム感覚でレイアウトを組み立てる、HTML5+CSS3に対応したレイアウトジェネレーター -PageBlox | コリス
2012/06/22
394 users
PageBlox
コリス
CSS3
知識
HTML5
HTML5やCSS3の専門的な知識は必要とせずに、ゲーム感覚で簡単に作成できるレイアウトジェネレーターを紹介します。 PageBlox PageBloxの使い方は簡単です。 下記ページにアクセスします。 レイアウトジェネ [...] 続きを読む
[JS]スクロールを楽しくするパララックスを簡単に実装できる超軽量スクリプト -skrollr | コリス
2012/05/06
366 users
パララックス
skrollr
コリス
head
href
skrollrのデモ：ウェブページ skrollrの使い方 skrollrはHTML5+CSS3で実装します。 基本書式 skrollrを使用する際の基本書式は下記のようになります。 「skrollr.css」はskrollrを使用する際のCSSの基本セットが記述されています。 <!DOCTYPE html> <html> <head> <title>タイトル</title> <link href... 続きを読む
HTML5の基本的なシンプルテンプレート「HTML5 Reset」 | DesignDevelop
2012/01/29
356 users
CSS
制約
リセットCSS
言いがたい状況
テンプレート
ブラウザなどの制約によってまだまだ全ての現場で利用できるとは言いがたい状況ではありますが、国内でも徐々に利用されてきているHTML5。そろそろ手をつけようと思っているWEBクリエイターの皆様も多いと思います。そこで今回紹介するのはHTML5+CSS3を利用した汎用テンプレート「HTML5 Reset」。 こちらのテンプレートは基本的なCSS、リセットCSSなど非常に分かりやすい構成で組み込まれてお... 続きを読む
HTML5+CSS3の導入時に役立つ7つの設定 : アシアルブログ
2011/10/19
929 users
アシアルブログ
導入時
設定
鴨田
7つ
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テ... 続きを読む
HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション | コリス
2011/02/24
447 users
コリス
UIエレメント
コレクション
UIパーツの使い方下記の3つのステップで、これらのUIを自分のページで利用できます。IEへの対応IEにHTML5を理解させるために、2つの重要なファイルを使用します。 続きを読む
プロフェッショナル用のHTML5+CSS3+jQueryのテンプレート -HTML5 Boilerplate | コリス
2010/08/11
353 users
コリス
プロフェッショナ
robots.txt
テンプレート
プロフェッショナル向きに開発された、HTML5+CSS3+jQueryなど直接実装に関わるファイルから、robots.txt, .htaccessなどサーバー関連のファイルも一式にまとまったテンプレートを紹介します。 HTML5 Boilerplate 昨日、当サイトで紹介した「HTML5 Reset」もHTML5+CSS3をベースに開発されたテンプレートセットですが、こちらはよりプロフェッショナ... 続きを読む