Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ
requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
画像を一切使わずにCSS3だけでとあるぐぬぬの禁書目録を描いてみた！
今回は画像を一切使わずにHTML+CSSでいろいろなものを作ってみようという企画の第4弾です！さらに今回のものは、CSSドラえもん、とある科学の風力発電に続いてCSSで絵を描いてみようシリーズ3部作の最後を飾る作品ということもあり、今まで以上に気合が入っています。 今までのCSSシリーズは、CSSドラえもん、とある科学の風力発電などどちらかというと簡単な素材を用いて作ってきた訳ですが、今回はかなり複雑なものに挑戦してみました。その結果、ソースは肥大化してものすごい量になってしまいましたが・・・。 CSSでキュウべえ(FULL)を描いてみた - jsdo.it つくった作品を紹介する前に、ここ最近のCSSでのすごい作品を一つ紹介したいと思います。かなり話題になっていたので知っている人も多いと思いますが、CSSでキュウべえを描いた人がいました。CSSドラえもんに様にCSSで絵を描く変態は私だけ
CSSPrefixer
keep your styles clean You hate writing vendor prefixes for all browsers? Just let CSSPrefixer do it for you! See it in action: .my-class, #my-id { border-radius: 1em; transition: all 1s ease; box-shadow: #123456 0 0 10px; } Installation easy_install cssutils (or pip install cssutils if you have pip) Usage: From console cssprefixer my1.css my2.css --minify > result.css From Python import cssprefix
Styling Scrollbars
WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas. For those who want to skip the article and just go right to the source, here is an example. Here is a screenshot for those not running a recent enough WebKit: The scrollbar pseudo-element indicates that an object should use a custom scrollbar. When this pseudo element is present, WebKit wil
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
