25 Years of CSS
It was the morning of Tuesday, May 7th and I was sitting in the Ambroisie conference room of the CNIT in Paris, France having my mind repeatedly blown by an up-and-coming web technology called “Cascading Style Sheets”, 25 years ago this month. I’d been the Webmaster at Case Western Reserve University for just over two years at that point, and although I was aware of table-driven layout, I’d resist
Getting CSS Translate values with JavaScript | Zell Liew
(Hey, we're having problems showing images in RSS right now, so if you want a better reading experience, consider viewing this article online [here](https://zellwk.com//blog/css-translate-values-in-javascript. We hope to fix this soon!). How do you get a translateX, translateY or translateZ value in JavaScript? Turns out, you need to read transform matrices. But it can be quite easy. Matrices Brow
new.css
Write modern websites using only HTML. This site is made from vanilla HTML and the default new.css theme. View Source new.css is a classless CSS framework to write modern websites using only HTML. It's ~4.5kb. It's perfect for- A dead-simple blog Collecting your most used links Making a simple "about me" site Rendering markdown-generated HTML The web was made for semantic HTML—let's start using it
Change Color of SVG on Hover | CSS-Tricks
There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover, :active, :focus, class name change, etc. — is different. Let’s look at the ways. Inline SVG Inline SVG is my favorite way to use SVG anyway, in part because of how easy it is to access and style the SVG. See the Pen bJXNyy by Chris Coyier (@chriscoyie
SVG Properties and CSS | CSS-Tricks
SVG has its own set of elements, attributes and properties to the extent that inline SVG code can get long and complex. By leveraging CSS and some of the forthcoming features of the SVG 2 specification, we can reduce that code for cleaner markup. There are many Scalable Vector Graphics (SVG), but only certain attributes can be applied as CSS to SVG. Presentation attributes are used to style SVG el
cssfx.dev - このウェブサイトは販売用です！ - cssfx リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
縦書きCSSの夢：電子書籍みたいにページ単位でページ送りをする話 - Qiita
この記事は『ドワンゴ Advent Calendar 2018』14日目の記事です。 3行でOK 電子書籍みたいにページ単位でページ送りできる縦書きWebをつくりたい column-width を悪用すればいけそう いも 電子書籍みたいなページ送りって何？ ↑ こういうやつです（iOSのBooks） アニメーション自体はさておき、一般的な電子書籍では、紙の本やPDFリーダーのように、1ページずつページが送れるようになっています。 もうちょっと細かいことを言うと、各ページには上下左右にマージン（余白）がついています。 一方で僕らのWebで縦書きCSSを行うと通常はこのようになります。 ↑ 横スクロールですね（カクヨムの縦書き表示画面です） Webなのでページは当然スクロール！……といえば、それはそうなのですが、最近はWebでもネイティブアプリっぽいことできるよ、という時代なので、なんとかして
最強のMarkdown編集環境を模索する | DevelopersIO
Markdownの編集環境は悩ましい問題です。このエントリでは現時点で私がたどり着いたMarkdown編集環境(IntelliJ IDEA、VSCode、Vimなど)を、その前提、要求事項とその対応状況ともに紹介します。 みなさん、Markdown書いてますか？ 私が所属する事業開発部では、prismatixというサービスの開発をしています。そして、その仕様書などのドキュメントの多くがMarkdown形式で書かれています。そのため、私も日々Markdownを書いているのですが、その編集環境をできれば快適なものにしたいと思って試行錯誤しています。 本エントリでは、私が求める理想的なMarkdown編集環境に対し、現在どのような手段で実現しているか紹介します。 TL;DR; 現時点ではIntelliJ IDEAとそのプラグインが良い VSCodeとその拡張も捨てがたい Vimでもそれなりに行け
A look at CSS Resets in 2018 | bitsofcode
All browsers ship with a set of default styles that are applied to every web page in what is called the “user agent stylesheet”. Most of these stylesheets are open source so you can have a look through them: Chromium UA stylesheet - Google Chrome & Opera Mozilla UA stylesheet - Firefox WebKit UA stylesheet - Safari A lot of styles are consistent across all user agent stylesheets. For example, I us
Bootstrap 4.1
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Two months ago we shipped the first major release of Bootstrap 4 and we’re thrilled y’all love the latest release and our brand new themes so much. Today we’re shipping our first minor release, v4.1! This release comes later than expected and some of the fixes we inten
HTML要素からHTTP/2優先度を指定する Priority Hints が動いた - ASnoKaze blog
HTTP/2にはクライアントからHTTPリクエストの優先度を指定することができる。サーバはその優先度に基づいてHTTPレスポンスを返す(無視しても良い)。 一般的にはブラウザ自身が判断し、ページのレンダリングを早くするためにCSSなどは優先度を高く、画像は優先度を低く設定している。 一方で、Webサイトを作る側としては、最初に表示される領域(Above the fold)の画像を優先度高くしてほしいと行ったこともあるだろう。 そこで、HTMLからリクエストの優先度を指示できる「Priority Hints」という仕様の標準化が進められている。 例 すでに、Chrome Canary (71)で動作するようなので試す。 importanceに"high"や"low"を指定する <img src="img/1.png" importance="high"> <img src="img/2.pn
Re:VIEW+CSS組版の執筆環境を簡単に構築できるようにしました - 圧倒亭グランパのブログ
【追記（2019/02/10 9:53）】 現在開いているこの記事は技術書典５に向けての記事です。 技術書典６に向けての最新記事は以下をご参照ください。 使いやすくなったり、Re:VIEWなどのバージョンが更新されています。 at-grandpa.hatenablog.jp 【追記おわり】 Re:VIEW+CSS組版の環境は、わかめさんの vvakame/review-css-typesetting で整いつつあります。今回は、個人的に欲しい機能を追加した、という話です。いい感じに回っているのでブログにまとめることにしました。 目次 目次 Re:VIEWとは CSS組版とは Re:VIEW+CSS組版 環境構築 使い方 やってること デザインの変更 CSSを編集する htmlを編集する 完成したPDFは印刷所で印刷可能か（確認完了） まとめ Re:VIEWとは Re:VIEW形式で書かれた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prince - Convert HTML to PDF with CSS
Luxa CSS
https://ridgecss.com/
Jargon-Free Webpack Intro For VueJS Users
Pure CSS Oil Painting - by Diana Smith aka cyanHarlow
CSSBattle
Spectre.css CSS Framework
Declaration