public marks

PUBLIC MARKS with tag css

February 2014

CSS Hat

by Paykhan
Plugin photoshop pour générer du CSS3 depuis un calque.

CSSrefresh - automatically refresh CSS files

by srcmax & 2 others
CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser.

Stitches - An HTML5 sprite sheet generator

by srcmax & 2 others
Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet.

Isotope

by srcmax & 7 others
Isotope: An exquisite jQuery plugin for magical layouts Features Layout modes: Intelligent, dynamic layouts that can’t be achieved with CSS alone. Filtering: Hide and reveal item elements easily with jQuery selectors. Sorting: Re-order item elements with sorting. Sorting data can be extracted from just about anything. Interoperability: features can be utilized together for a cohesive experience. Progressive enhancement: Isotope’s animation engine takes advantage of the best browser features when available — CSS transitions and transforms, GPU acceleration — but will also fall back to JavaScript animation for lesser browsers.

January 2014

Isotope

by sbrothier & 7 others (via)
Isotope: An exquisite jQuery plugin for magical layouts Features Layout modes: Intelligent, dynamic layouts that can’t be achieved with CSS alone. Filtering: Hide and reveal item elements easily with jQuery selectors. Sorting: Re-order item elements with sorting. Sorting data can be extracted from just about anything. Interoperability: features can be utilized together for a cohesive experience. Progressive enhancement: Isotope’s animation engine takes advantage of the best browser features when available — CSS transitions and transforms, GPU acceleration — but will also fall back to JavaScript animation for lesser browsers.

CSS - ONLINE TOOL - CSS font-stack

by decembre & 3 others
CSSFontStack is a simple, one-page website which lists all the web-safe fonts.Today, many websites are using web-fonts with @font-face for a more customized design. However, web-safe fonts usage is still so wide as many others prefer to make sure all fonts will be displayed cross-browser/device, not to use web-fonts services and/or minimize the total size of websites.

Vertical align anything with just 3 lines of CSS

by Spone
With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height.

Plasma effects | mennovanslooten.nl

by sbrothier
I recently tried to recreate the famous plasma effect that was often used in the demo scene. Since I didn't know a lot about it and how to achieve it I had to do some research first. I thought I'd write a little bit about what the effect is and how I ended up implementing it.

Le Design Atomique – 24 jours de web

by srcmax
Nous allons dans cet article réfléchir à de nouvelles méthodes d'intégration pour écrire nos feuilles de style.

December 2013

Learn by Doing

by jdrsantos & 1 other
Learn by Doing No setup. No hassle. Just learning.

SVG Tabs (Using an SVG Shape as Template) | CSS-Tricks

by 84GHz
An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then use it multiple times throughout a page. You can even apply different fills and filters and whatnot to the different versions. SVG templating, if you will.