ページを開いた瞬間、ユーザーの目を引きつけるようなCSS3とjQueryを使ったタイポグラフィのかっこいいエフェクトを紹介します。 Typography Effects with CSS3 and jQuery [ad#ad-2] かっこいい7つのデモ 実装のポイント かっこいい7つのデモ デモは7つあり、どれもトキメクようなかっこいいエフェクトです。 デモを楽しむには、Chrome, Safari, Firefoxでご覧ください。 Demo 1
Dark版(左)とLight版(右)それぞれ全129種類が用意された、汎用的に使えそうなシンプルなアイコン素材を紹介します。
time要素は、24時間表記での時刻、またはグレゴリオ暦での正確な日付を表します。日付にはタイムゾーン・オフセット(協定世界時間と現地時間との差)を加えることもできます。 日時はコンピューターが読み取れるよう、規定の形式に準拠する書式で指定します。 この要素は、コンピュータが日付や時間を読み取って、活用できるようにすることを規定したものです。この要素を使って、カレンダーや予定表に日付を登録したり、適切な時刻書式に変換して表示するようなことが可能になるかもしれません。そのため、「白亜紀のはじめ」「西暦1800年頃」といった、特定できない時点の表現には使用できません。また、グレゴリオ暦が導入される前の日付にも使用しない方がいいでしょう。 <p>開催時間:<time class="day">2011-05-18</time></p> <p>開始時間:<time class="stime">
jqPagination, a jQuery pagination plugin (obviously) jQueryでページ送りのインタフェースが簡単に作れる「jqPagination」。 次のようなインタフェースのページ送りのインタフェースを簡単に実現できます。 クリック時にコールバックを指定して何ページ目がリクエストされたかを知ることが出来るので、指定ページにJSで飛ばすだけという流れです 実装は次のように決められたマークアップをコードして、コールバックを指定しつつ初期化するだけです。 デザイン等はCSSで調整できそうです。 標準のデザイン的にはスマホなどで使えそうなものになってますね 関連エントリ 面倒なページ分けを簡単実装できる10のスクリプト集
パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。 昨日訳あって、FAQサイトをさまよってたらたまたま見かけて良さそうだったので勉強用にちょっと拝借しました。 Parallax with jQuery レイヤーはdiv要素です。赤いボックスはクリックで緑に変わりますが、IE7以下ではz-indexのバグがあるためクリックできません。 スピードや動く範囲だけなら以下のあたりを変えればいいです。 distance = 70;//マウスに対して要素が動く距離 sensitivity = 7;//感度。というか動くスピード var distHalf = distance / 2; //親要素を指定したセレクタ var parW = $
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く