public marks

PUBLIC MARKS from srcmax with tag css

November 2014

October 2014

Pure CSS Parallax Websites

This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

CSS Inliner Tool | Email Design Reference

by 1 other
Some email clients strip out head and style tags from emails, so it's best to have your CSS written inline within your markup. We know that writing inline CSS is time consuming and repetitive, so we've built this conversion tool to automatically inline your email's CSS.

September 2014

gromo/jquery.scrollbar · GitHub

Cross-browser CSS customizable scrollbar with advanced features: Easy to implement No fixed height or width Responsive design support CSS customizable Standard scroll behavior Vertical, horizontal or both scrollbars Automatically reinitialize scrollbar External scrollbars support Browser support: IE7+, Firefox, Opera, Chrome, Safari jQuery Scrollbar as Angular.JS directive Textarea scrollbar

Polyfill service

The polyfill service selectively bundles browser polyfills based on the User-Agent header supplied in a request, with the intention of allowing JavaScript and CSS developers to use modern standards in legacy user agents that do not natively support the standard.

Timesheet.js - Open time tables with HTML, JavaScript and CSS …

Visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well …

June 2014

Web Starter Kit

by 2 others
Your starting point for building great multi-device web experiences

May 2014

Avocode – Preview and inspect PSDs

by 1 other
Avocode – preview and inspect PSD Get CSS, SVG, image assets, fonts, colors. All without Photoshop.

April 2014

Velocity.js

by 3 others
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.

March 2014

Pattern Lab | Build Atomic Design Systems

Pattern Lab is a collection of tools to help you create atomic design systems.

Flexbox Grid

by 2 others
A grid system based on the flex display property.

February 2014

Pure

by 1 other
A set of small, responsive CSS modules that you can use in every web project.

Hover.css - A collection of CSS3 powered hover effects

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

CSSrefresh - automatically refresh CSS files

by 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 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 8 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

Le Design Atomique – 24 jours de web

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

November 2013

60fps scrolling using pointer-events: none | The CSS Ninja - All things CSS, JavaScript & HTML

by 1 other
Paul Lewis did an interesting article a while back about avoiding unnecessary paints through disabling hover effects as the user scrolls, which is a great approach. The down side being managing all your hover states through a parent class.

Creating Non-Rectangular Layouts with CSS Shapes

by 1 other
With the introduction of CSS Shapes into the web, wrapping content in custom non-rectangular shapes, and recreating print designs and layouts on the web becomes a piece of cake!

October 2013

LiveReload

by 3 others
LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed. Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.