Typography.js
A powerful toolkit for building websites with beautiful design. Install npm install typography Demo/playground http://kyleamathews.github.io/typography.js Why Typography is a complex system of interrelated styles. 100s of style declarations on dozens of elements must be in harmonious order. Trying one design change can mean making dozens of tedious recalculations and CSS value changes. Creating ne
GitHub - cssinjs/istf-spec: Interoperable Style Transfer Format [DRAFT]
The biggest issue at scale we currently have with all CSSinJS implementations is that they are not sharable without the runtime. Using regular CSS doesn't support all features we need. CSS notation is designed for humans and is too slow for parsing. This format is blazingly fast to parse and will support all needs of the current CSSinJS implementations. Package maintainers will be able to publish
![GitHub - cssinjs/istf-spec: Interoperable Style Transfer Format [DRAFT]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8341491588dcf332f7de01e9efefc3d00dbc2e66/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F5637eb106d6aef651003c32fffca1ebfc9e44ddf3fd3766ce20b749711558e2e%2Fcssinjs%2Fistf-spec)
JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ - id:anatooのブログ
Onsen UI Advent Calendar の12/9の記事です。 Onsen UIは、モバイルアプリのネイティブライクなUIをHTML + CSS + JavaScriptで簡単に構築することを目的としたUIライブラリです(UIフレームワークともたまに呼ばれます)。 ↓みたいなネイティブなモバイルアプリっぽい画面をサクッと作ることができます。 私は数年前から開発メンバーとしてOnsen UIの設計開発を行っています。この記事では、Onsen UIに求められるUIライブラリとしての要件とそれを解決するためにどのようなアーキテクチャを取っているのかについて解説します。 特定のフレームワークに依存しない jQuery UIやReactの上に乗っかっているUIライブラリなどのように特定のフレームワークの仕組みを使って実装されたUIライブラリというのはたくさんありますが、ある特定のフレームワ
Introducing iframify
If you want to check the code directly, be my guest. Also, maybe a demo? At Edenspiekermann, we like to work with styleguides. We shape our design experiences in a matter of modules that we then expose individually in a document for future reference and documentation. However, our technical setup is different from project to project, and while we have done some pretty decent styleguide with React
Smashing Magazineのパフォーマンス改善ケースが凄まじい件 - MOL
Frontrend Advent Calendar 2014 - Qiitaの24日目。たぶん。知らんけど。 ちょっと前になるが12/13にバンクーバーで開催されたThe Style & Class Conference 2014に参加してきた。前日にSmashing Conferenceが、ウィスラーというバンクーバーから比較的近い所で開催されていて、本当はそっちに行きたかったんだけど高額なため、地元コミュニティのほうにだけ参加した。ウィスラーの方の記事は@ygoto3が書いてたっぽい。 Smashing Conferenceで登壇していたJohn Allsopp氏やVal Head氏もこのカンファレンスで登壇するということで、『なんだ、ウィスラーのついでかよー』と思い全然期待してなかったのだが、行ってみたらカンファレンス全体の構成などすごく考えられていて、とても素晴らしいカンファレンス
CSS in JS と CSS Modules // Speaker Deck
ng-kyoto 主催「ng-kyoto Angular Meetup #3」での発表資料です。 http://ng-kyoto.connpass.com/event/20512/
React: CSS in JS
TypeScript だけを書いて Tauri でデスクトップアプリを作ろう / Tauri with only TypeScript
voxel.css
var scene = new voxelcss.Scene(); scene.rotate(-Math.PI / 8, Math.PI / 4, 0); scene.attach(document.body); var world = new voxelcss.World(scene); var editor = new voxelcss.Editor(world); editor.enableAutoSave(); if (editor.isSaved()) { editor.load(); } else { editor.add(new voxelcss.Voxel(0, 0, 0, 100, { mesh: voxelcss.Meshes.grass })); } View in JSFiddle var voxel = new voxelcss.Voxel(0, 0, 0, 10
CSS Painting API Level 1 (A Collection of Interesting Ideas)
Abstract An API for allowing web developers to define a custom CSS <image> with javascript, which will respond to style and size changes. See EXPLAINER. This is a public copy of the editors’ draft. It is provided for discussion only and may change at any moment. Its publication here does not imply endorsement of its contents by W3C. Don’t cite this document other than as work in progress. Please s
Продвижение сайтов в Москве - заказать услуги по раскрутке сайта, узнать цены на SEO от Demis Group
Более 20 лет выводим сайты клиентов в топ Яндекса и Google, увеличиваем объем органического трафика, количество звонков и заявок. Выполняем весь комплекс работ по развитию и продвижению — от оптимизации посадочных страниц под требования поисковых систем до проработки коммерческих факторов.
GSAP
Crazy fast Performance is paramount, especially on mobile devices with sluggish processors. Silky smooth animation is the hallmark of any library worth its weight and GSAP outperforms old "industry standards" by literally 1000%+ under stress. What was jerky and twitchy is now fluid. It's the result of countless optimizations made to ensure that your interactive projects are responsive, efficient,
ナウでヤングな CSS Font Loading - Qiita
Web フォントがレンダリングされるタイミングを得ようとすると、そのやんちゃな挙動を制御するため人類は今まで下記のような対策をしてきた。 Web FontsをHTML Canvasで使う canvas要素にwebフォントを確実に描画する方法 typekit/webfontloader 無知な僕は同様の事象にハマり、一通り調べた後、下記の答えにたどり着いた。 canvas に WebFont を指定するとき、一回どこかの DOM で使う WebFont をレンダリングしておかないと死に至る現象を発見したので皆様もお気を付けください — ダメレオン (@damele0n) April 10, 2014 要するに DOM もしくは canvas 上で、そのフォントが指定されていて一度そのフォントがレンダリングされてからでないと canvas 上はレンダリングされない、ということだ。 (ちなみに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Frontend Weekly
GitHub - krasimir/cssx: CSS in JavaScript
GitHub - MicheleBertoli/css-in-js: React: CSS in JS techniques comparison
GitHub - css-modules/css-modules: Documentation about css-modules
mizchi / 超チューニング反省会 - Glide
Animation on GPU vs CPU vs jQuery - JSFiddle - Code Playground