Using CSS codes «:root» and «content» to preload images
The Web Chronicle Articles and Opinions about Website Creation and Web Design The main factors influencing the loading time of a web page have already been presented in an article from the Informoid Web Chronicle. The importance of speeding up the loading time of a website had been established to ensure the visit of Internet users on one hand, but also to improve the site's ranking in search engin
“Tomato” versus “#FF6347”—the tragicomic history of CSS color names
The “Named Colors” section of the CSS Color Module Level 4—the latest specification for color values and properties within the Cascading Style Sheets language—are 141 standard colors. Each has its own name, so beyond the essentials of “black” and “white” are shades like “papaya whip,” a warm orange pastel; “lemon chiffon,” a faint, milky yellow; and “burlywood,” which has likely made an appearance
CSS Round Display Level 1
This version: https://www.w3.org/TR/2016/WD-css-round-display-1-20161222/ Latest published version: https://www.w3.org/TR/css-round-display-1/ Editor's Draft: https://drafts.csswg.org/css-round-display/ Previous Versions: https://www.w3.org/TR/2016/WD-css-round-display-1-20160301/ https://www.w3.org/TR/2015/WD-css-round-display-1-20150922/ Test Suite: http://test.csswg.org/suites/css-round-display
Tufte CSS
Tufte CSS Dave Liepmann Tufte CSS provides tools to style web articles using the ideas demonstrated by Edward Tufte’s books and handouts. Tufte’s style is known for its simplicity, extensive use of sidenotes, tight integration of graphics with text, and carefully chosen typography. Tufte CSS was created by Dave Liepmann and is now an Edward Tufte project. The original idea was cribbed from Tufte-L
Advanced CSS filters - Vincent De Oliveira
Advanced CSS filters published 9 years, 1 month ago (July 2015) This is my first post in english. If you find any errors, or if you can't figure it out, please let me know. Back in 2011, browsers started to implement CSS shorthand filters from the Filter Effects specification. Basically, at this time, only SVG filters were supported, and Firefox was the only browser that can apply them to HTML con
Native CSS Scroll Snap Points
Native CSS Scroll Snap PointsScrolling effects are increasingly popular these days. Scroll snapping is used widely for a better separation of the provided content (vertical full height pages) or, for example, to emulate galleries behavior. There are many popular plugins (fullPage.js, jQuery.panelSnap, jQuery Scrollify etc.) which provide such functionality. Can you imagine how easy would be creati
Color Filters Can Turn Your Gray Skies Blue | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Amelia Bellamy-Royds. I’ve always enjoyed the “duotone” effect in photos. In Photoshop, you can create them by converting an image into grayscale mode, then into duotone. So the lights are “mapped” to one color, and the darks another. Not only does it look co
Conical gradients, today! • Lea Verou
It’s no secret that I like conical gradients. In as early as 2011, I wrote a draft for conical-gradient() in CSS, that Tab later said helped him when he added them in CSS Image Values Level 4 in 2012. However, almost three years later, no progress has been made in implementing them. Sure, the spec is still relatively incomplete, but that’s not the reason conical gradients have gotten no traction.
Nesting Components
..or the struggles with contextual styling. — Using CSS components is somewhat straightforward. We add the markup and give it the component’s class name and all is good. Where it gets trickier is when we try to nest components. And when they need to be tweaked based on the context. Where should the styles be defined? It’s a question I’ve been asking myself a few times and what this article is tryi
10 useful CSS generation tools for web designers
CSS has evolved at a crazy pace in the past years. Stylesheets are becoming more and more complex, and the possibilities they offer go much further now. You can even draw or create small animations with it. That complexity makes it often more tedious to work with CSS. That’s the reason why we need tools to make the creation process easier, so we don’t spend too much time on stylesheets and stay pr
CSSで括弧を表現したサンプル - NxWorld
丸括弧（） 頭から微妙な見栄えですが、**丸括弧（）**を表現してみたものです。 HTMLとCSSはそれぞれ下記のようになっており、擬似要素を使って生成したものにborder-radiusを指定します。 <div class="parenthesis"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. ... </p> </div> .parenthesis { position: relative; width: 500px; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .parenthesis::before, .parenthesis::after { position: absolute; top:
More Transparent UI Code with Namespaces – CSS Wizardry
6 March, 2015 More Transparent UI Code with Namespaces Written by Harry Roberts on CSS Wizardry. Table of Contents The Namespaces Object Namespaces: o- Component Namespaces: c- Utility Namespaces: u- Theme Namespaces: t- Scope Namespaces: s- Stateful Namespaces: is-/has- Hack Namespaces: _ JavaScript Namespaces: js- QA Namespaces: qa- Handy Side Effects Detecting Namespaces Finding (In)valid Class
Release the docs!
# Install SassDoc globally npm install sassdoc -g # Run SassDoc on your project sassdoc source/ Already using SassDoc? Upgrade to version 2 right away! SassDoc is to Sass what JSDoc is to JavaScript: a documentation system to build pretty and powerful docs in the blink of an eye. Among other things, SassDoc is: usable out of the box; highly customisable; blazingly fast; fully themable; integrated
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create A Responsive Imagemap With SVG | thenewcode.com
How-To: 8-Bit Hovers → Bright Bright Great
WordPress › Error
CodePen - CSS Only Poseable Mannequin
WordPress › Error
FlexCss – Playground
CSS Reference | Codrops
