[JS]面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free
ページにたった一行記述するだけで、CSS3のベンダープレフィックスを自動で付与してくれるスクリプトを紹介します。 Prefix free via: PrefixFree: Break Free From CSS Prefix Hell [ad#ad-2] Prefix freeの機能 ベンダープレフィックスとは、CSS3で採用予定のプロパティがブラウザに先行実装されており、それらを各ブラウザごとに機能させるためプロパティに加える接頭辞のことです。 「-moz-」「-webkit-」「-o-」「-ms-」などがあります。 例えば、CSS3グラデーションを通常のベンダープレフィックスを使用すると、下記のようなスタイルシートになります。 .download { background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.3
シュールなご当地キャラ「ずーしーほっきー」の画像データ公開 「LINEで使いたい」との声も - はてなニュース
北海道北斗市のご当地キャラクターとして市民投票で選ばれた「ずーしーほっきー」の画像データが、同市のサイトで公開されました。白米とホッキ貝を組み合わせたインパクトのある見た目で、正面を見たり、前かがみに走ったり、喜怒哀楽を表現したりしています。「こっち見んな」「ドドドドド」「すし」などのユニークな画像もあり、はてなブックマークには「バリエーションありすぎだろｗ」などのコメントが寄せられています。 ▽ ずーしーほっきー画像データ集 - 北斗市 ずーしーほっきーは、公立はこだて未来大学の学生プロジェクト「HOCTORY」が制作した5つのキャラクターデザインから、市民による人気投票で選ばれたキャラクターです。1月21日に公開された画像データは、定められた利用上の注意を遵守する場合に限り、無償で自由に利用できるとのこと。個人的に楽しむなど非事業活動の場合は、申請をしなくても利用できます。 画像の「
スタイルシートで実装するパララックススクロール | コリス
パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。 実装方法を簡単に紹介します。 HTML デモのHTMLをシンプルにするとこんな感じになります。 各スライドはdivで配置し、それぞれclassにslideを、idで個別の名称を付与します。 <div id="title" class="slide header"> <h1>Pure CSS Parallax</h1> </div> <div id="slide1" class="slide"> <div class="title"> <h1>Slide 1</h1> <p>パラグラフ パラグラフ</p> </div> </div> <div id="slide2" class="slide"> <div class="title"> <h1>Slide 2</h1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ずーしーほっきー画像データ集 - 北斗市
