GitHub - vanilla-extract-css/vanilla-extract: Zero-runtime Stylesheets-in-TypeScriptYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
`content-visiblity` Without Jittery Scrollbars - Infrequently Noted
Alex Russell on browsers, standards, and the process of progress. Update: After further investigation, an even better solution has presented itself, which is documented in the next post. The new content-visibility CSS property finally allows browsers to intelligently decide to defer layout and rendering work for content that isn't on-screen. For pages with large DOMs, this can be transformative. I
sciter – Multiplatform HTML/CSS/JavaScript UI Engine for Desktop and Mobile Application
Embeddable HTML/CSS/JavaScript engine for modern UI development Some real life applications that use Sciter core engine for their UI – HTML/CSS under the hood. Build cross platform desktop applications with HTML, CSS and script Sciter brings a stack of web technologies to desktop UI development. Web designers, and developers, can reuse their experience and expertise in creating modern looking desk
Atomic CSS-in-JS
With utility/atomic CSS, we acknowledge it’s ok to couple the structure and presentation layers: when we need to change the button color, we modify the HTML, not the CSS. This tight coupling is also acknowledged in modern CSS-in-JS React codebases, but it seems the CSS world figured out first that the “separation of concern” of the web didn’t feel right. Specificity is also less a problem, as we u
How to detect fullscreen mode using CSS
Recently, I needed to change some design elements of a site when the site is in the fullscreen mode. So, I was looking for a way to it using CSS as all I wanted to change was hiding some stuff when in the fullscreen mode. And that’s when I came across this CSS media feature display-mode which can be used to test the display mode of an application. This feature would work just like any other media
Working With JavaScript Media Queries | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this: body { background-color: plum; } @media (min-width: 768px) { body { background-color: tomato; } } CSS media queries are a core ingredient in any responsive design. They’re
Release 8.0 “President Ose” · postcss/postcss
PostCSS 8.0 brings new plugin API, node_modules size reduction, better source map support, and CSS parser improvements. Check out a day-by-day diary of PostCSS 8.0 development process. See Migration Guides for end-users and for plugin developers. Thanks to Sponsors With more than 100 M downloads per month, it becomes hard to support PostCSS in free time. For instance, getting the 8.0 release ready
Bootstrap 5 release date and what's new about it - Themesberg Blog
Bootstrap has been around for more than 8 years and it is the most popular CSS Framework in the world. It powers roughly 18 million websites worldwide and these numbers are still growing. If you’re a web developer there is almost zero chance that you wouldn’t have at least heard about it. The alpha version of Bootstrap 5 has been officially launched on the 16th of June, 2020 bringing improvements
New browser on the block: Flow - QuirksBlog
2020 is only three weeks old, but there has been a lot of browser news that decreases rendering engine diversity. It’s time for some good news on that front: a new rendering engine, Flow. Below I conduct an interview with Piers Wombwell, Flow’s lead developer. This year alone, on the negative side Mozilla announced it’s laying off 70 people, most of whom appear to come from the browser side of thi
CSS-in-JSパフォーマンスコスト - 緩和戦略
原文(投稿日：2020/01/09)へのリンク CSS-in-JSは、コンポーネントロジックをスタイリングにリンクする方法として、一部のコンテキストで人気になった。Aggelos Arvanitakis氏はCSS-in-JSのコストがもはや無視できない場合について開発者に注意を促し、緩和戦略を提供した。 Arvanitakis氏は記事において、CSS-in-JSがもたらす利点があるものの、一部のアプリケーションでパフォーマンス問題を引き起こす可能性があると主張した。Reactに注目すると、2つの人気のあるCSS-in-JSライブラリ(styled-componentsとemotion)があり、Arvanitakis氏は、CSS-in-JSスタイルだけの差のコードを比較した。以下はスタイルなしバージョンである: import React from 'react'; const NormalD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - elchininet/isometric-css: Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
JSitor - JavaScript, HTML, CSS, online editor
GitHub - tw-in-js/twind: The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
GitHub - atlassian-labs/compiled: A familiar and performant compile time CSS-in-JS library for React.
GitHub - kripod/otion: Atomic CSS-in-JS with a featherweight runtime
GitHub - microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer
Amazon.co.jp: フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装: 安達稜, 武田諭: 本
Release 13.7.0 · stylelint/stylelint
GitHub - m-yoshiro/Selector2Regexp: Generate regular expressions of JavaScript from CSS selectors. That regular expressions is for searching HTML elements which is matched given CSS selector.
GitHub - mikolalysenko/to-px: Convert any CSS unit to logical pixels (aka "px")