souvenir
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
page 4 / 6
108 results tagged css  ✕   ✕
Kickstrap http://getkickstrap.com
24/10/2012 cluster icon
  • Bootstrap : Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for ...
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • Paged.js : Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you...
  • Electron : Build cross platform desktop apps with web technologies
  • Photon : UI toolkit for building desktop apps with Electron.

Twitter's Bootstrap with themes, apps, and other enhancements

themes html css javascript bootstrap
enquire.js http://wickynilliams.github.com/enquire.js
17/10/2012 cluster icon
  • Ink : Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbo...
  • Formalize CSS : Teach your forms some manners!
  • darken : Easy control over your dark mode in a web environment
  • Respond : Activates media queries in IE6-8
  • voxel.css : The goal of this project is to provide a lightweight 3D CSS library with very simple implementation.

A lightweight, pure JavaScript library for responding to CSS media queries.

responsive javascript css library
This Is Responsive http://bradfrost.github.com/this-is-responsive
21/09/2012 cluster icon
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • Email-Blueprints : Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.
  • Electron : Build cross platform desktop apps with web technologies

Tips, Resources and Patterns for Responsive Web Design

responsive html design css
StyleDocco http://jacobrask.github.com/styledocco
11/08/2012 cluster icon
  • CSS Sprite Generator : This tool allows you to automate the process of generating CSS sprites. Simply give it a ZIP file containing 2 or more images (GIF, PNG or JPG) and it...
  • Sami : Sami: an API documentation generator
  • SpritePad : With SpritePad you can create your CSS sprites within seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + ...
  • ApiGen : ApiGen is the tool for creating professional API documentation from PHP source code, similar to discontinued phpDocumentor/phpDoc.
  • SpriteMe : Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background i...

StyleDocco generates documentation and style guide documents from your stylesheets.

documentation generator css
Animate.css http://daneden.me/animate
09/08/2012 cluster icon
  • Woah.css : CSS Animation Library for eccentric web developers.
  • AOS : Animate On Scroll Library. Small library to animate elements on your page as you scroll.
  • Anime.js : Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM ...
  • Baseline : Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with s...
  • UnoCSS : UnoCSS is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated and all the CSS utilities are prov...

Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.

animation css
idiomatic-css https://github.com/necolas/idiomatic-css
12/06/2012 cluster icon
  • CSS Reference : Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and anima...
  • CSSdoc : This is a draft to bring automatic documentation to CSS files, like its known for JavaScript and PHP files through JavaDoc/DocTags.
  • Typetester : Compare fonts for the screen
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
  • Explorer Exposed! : These CSS bugs are all found only in Internet Explorer, versions 5 and higher. To see the demos properly, they must be viewed in IE, of course.
thumbnail

Principles of writing consistent, idiomatic CSS

reference css
Sprite Cow http://www.spritecow.com/
16/05/2012 cluster icon
  • CSS Sprite Generator : This tool allows you to automate the process of generating CSS sprites. Simply give it a ZIP file containing 2 or more images (GIF, PNG or JPG) and it...
  • Prettier : Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the max...
  • SpritePad : With SpritePad you can create your CSS sprites within seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + ...
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

tool sprites css
Foundation http://foundation.zurb.com
21/04/2012 cluster icon
  • lit : a ridiculously small responsive css framework
  • Bulma : A modern CSS framework based on Flexbox
  • Spectre.css : Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your...
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • mini.css : minimal, responsive, style-agnostic CSS framework

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.

framework css responsive
Font Awesome http://fortawesome.github.com/Font-Awesome
02/04/2012 cluster icon
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • Bootstrap : Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for ...
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
  • Genericons : Genericons are vector icons embedded in a webfont designed to be clean and simple keeping with a generic aesthetic. Use genericons for instant HiDPI, ...
  • IcoMoon : IcoMoon is an icon solution, providing three main services: Vector Icon Packs, The IcoMoon App, and an Icon Delivery Network.

Font Awesome, the iconic font designed for use with Twitter Bootstrap. In a single collection, Font Awesome is a pictographic language of web-related actions.

font css icon bootstrap
SpritePad http://wearekiss.com/spritepad
30/03/2012 cluster icon
  • CSS Sprite Generator : This tool allows you to automate the process of generating CSS sprites. Simply give it a ZIP file containing 2 or more images (GIF, PNG or JPG) and it...
  • SpriteMe : Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background i...
  • Sprite Cow : Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • StyleDocco : StyleDocco generates documentation and style guide documents from your stylesheets.

With SpritePad you can create your CSS sprites within seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles.

generator sprites css
Bootstrap https://getbootstrap.com/
06/03/2012 cluster icon
  • Electron : Build cross platform desktop apps with web technologies
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • fuelux : Extends Twitter Bootstrap with additional lightweight JavaScript controls. Easy to install, customize, update, and optimize. All functionality covered...
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.

Build responsive, mobile-first projects on the web with the world's most popular front-end component library.

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

framework html css bootstrap javascript
Scalable and Modular Architecture for CSS http://smacss.com/book
07/10/2011 cluster icon
  • Architectural Decision Records : An Architectural Decision (AD) is a software design choice that addresses a functional or non-functional requirement that is architecturally significa...
  • Explorer Exposed! : These CSS bugs are all found only in Internet Explorer, versions 5 and higher. To see the demos properly, they must be viewed in IE, of course.
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
  • CSSdoc : This is a draft to bring automatic documentation to CSS files, like its known for JavaScript and PHP files through JavaDoc/DocTags.
  • CSS Reference : Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and anima...

A flexible guide to developing sites small and large.

reference css architecture
Formalize CSS http://formalize.me
23/08/2011 cluster icon
  • darken : Easy control over your dark mode in a web environment
  • emotion : emotion is a high performance, lightweight css-in-js library that supports both string and object based styles.
  • Web Forms : Web Forms 2.0 Cross-Browser Implementation
  • Photon : UI toolkit for building desktop apps with Electron.
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats

Teach your forms some manners!

form javascript design css library
The Shapes of CSS http://css-tricks.com/examples/ShapesOfCSS
16/08/2011 cluster icon
  • Pure : A set of small, responsive CSS modules that you can use in every web project.
  • Bulma : A modern CSS framework based on Flexbox
  • lit : a ridiculously small responsive css framework
  • emotion : emotion is a high performance, lightweight css-in-js library that supports both string and object based styles.
  • Guide to CSS support in email clients : Designing an HTML email that renders consistently across the major email clients can be very time consuming. We've put together this guide to save you...
thumbnail
example css
Normalize.css http://necolas.github.com/normalize.css
16/08/2011 cluster icon
  • Ink : Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbo...
  • css.gg : Minimalistic icon library Designed by code, Customizable & Retina-Ready icons — built 100% in pure CSS. Easy integration: Embed, NPM & API
  • Formalize CSS : Teach your forms some manners!
  • Styletron : Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.
  • Woah.css : CSS Animation Library for eccentric web developers.

A modern, HTML5-ready alternative to CSS resets

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

css library
jsFiddle http://jsfiddle.net
13/07/2011 cluster icon
  • Prettier : Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the max...
  • Anime.js : Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM ...
  • Slate : Slate is a completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbo...
  • Ink : Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbo...
  • Cufón : Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.

Online code editor and playground.

javascript editor css online
CSS Lint http://csslint.net
17/06/2011 cluster icon
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • Compass : Compass is an open-source CSS Authoring Framework.
  • * { CSS:resetr } : To help you find the perfect CSS-reset styles, CSSresetr lets you try all the best CSS Resets on a variety of web pages – even your own.
  • Buf : A CLI tool to help working with Protocol Buffers. Buf currently contains: A linter that enforces good API design choices and structure. A breaking ch...

CSS Lint points out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don't want.

lint css quality tool
Email-Blueprints https://github.com/mailchimp/Email-Blueprints
23/05/2011 cluster icon
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
  • HTML EMAIL BOILERPLATE : This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problem...
  • HTML email templates : Easily create beautiful, branded email marketing campaigns. Start by choosing one of our free HTML email templates and customize it in minutes.
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
thumbnail

Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.

html design email css template
HTML EMAIL BOILERPLATE http://htmlemailboilerplate.com
23/05/2011 cluster icon
  • Email-Blueprints : Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • HTML email templates : Easily create beautiful, branded email marketing campaigns. Start by choosing one of our free HTML email templates and customize it in minutes.
  • Shards : A free and modern UI toolkit for web makers based on the popular Bootstrap 4 framework.
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
thumbnail

This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.

html email css template
320 and up http://stuffandnonsense.co.uk/projects/320andup
18/04/2011 cluster icon
  • HTML5 Boilerplate : HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100...
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • PhoneGap : Easily create apps using the web technologies you know and love: HTML, CSS, and JavaScript. PhoneGap is a free and open source framework that allows y...
  • When can I use... : Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
  • HTML5 Cross Browser Polyfills : So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them.
thumbnail

‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate.

css3 mobile html5 css
page 4 / 6
1679 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn