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 3 / 6
108 results tagged css  ✕   ✕
rscss http://rscss.io/
04/11/2015 cluster icon
  • MaintainableCSS : Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and ...
  • * { 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.
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
  • idiomatic-css : Principles of writing consistent, idiomatic CSS
  • 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

Reasonable System for CSS Stylesheet Structure.
A set of simple ideas to guide your process of building maintainable CSS.

css guide
BackstopJS https://garris.github.io/BackstopJS/
30/10/2015 cluster icon
  • Galen Framework : Automated testing of look and feel for your responsive websites. Layout testing seemed always a complex task. Galen Framework offers a simple solution...
  • Diagnostic.css : Diagnostic.css is a stylesheet which allows the user to test for common errors in a page's markup. Also : https://github.com/karlgroves/diagnostic.css
  • mini.css : minimal, responsive, style-agnostic CSS framework
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design

Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.

responsive css integration test
Diagnostic.css http://www.karlgroves.com/2013/09/07/diagnostic-css-super-quick-web-accessibility-testing/
15/10/2015 cluster icon
  • Pa11y : Monitor the accessibility of your websites with pa11y-dashboard, and protect against accessibility errors creeping into your codebase.
  • webhint : webhint is a linting tool that will help you with your site's accessibility, speed, security and more, by checking your code for best practices and co...
  • YSlow for PhantomJS : YSlow for PhantomJS
  • WebPagetest : Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds.
  • tota11y : an accessibility visualization toolkit that aims to reduce the friction of a11y testing

Diagnostic.css is a stylesheet which allows the user to test for common errors in a page's markup.

Also : https://github.com/karlgroves/diagnostic.css

web accessibility css test
Electron http://electron.atom.io/
15/10/2015 cluster icon
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • Photon : UI toolkit for building desktop apps with Electron.
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS
  • AppJS : Build Desktop Applications for Linux, Mac and Windows using HTML, CSS and Javascript
  • 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 ...

Build cross platform desktop apps with web technologies

desktop application javascript html css framework
Photon http://photonkit.com/
15/10/2015 cluster icon
  • Electron : Build cross platform desktop apps with web technologies
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • React : A JavaScript library for building user interfaces
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements

UI toolkit for building desktop apps with Electron.

ui html css javascript desktop application library
Shariff https://github.com/heiseonline/shariff
25/07/2015 cluster icon
  • Sharingbuttons.io : Super fast and easy Social Media Sharing Buttons. No JavaScript. No tracking.
  • Yjs : Yjs is a CRDT implementation that exposes its internal data structure as shared types. Shared types are common data types like Map or Array with super...
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • 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.
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)
thumbnail

Shariff enables website users to share their favorite content without compromising their privacy.

javascript css sharing social
UnCSS https://github.com/giakki/uncss
10/07/2015 cluster icon
  • 📦 Parcel : Blazing fast, zero configuration web application bundler
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • Galen Framework : Automated testing of look and feel for your responsive websites. Layout testing seemed always a complex task. Galen Framework offers a simple solution...
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.
thumbnail

UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.

css tool
HTML5 Boilerplate https://html5boilerplate.com/
05/07/2015 cluster icon
  • 320 and up : ‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate.
  • Onsen : Open source HTML5 hybrid app framework for PhoneGap & Cordova Mobile-optimized HTML5, CSS and JavaScript with Web components Responsive layout, Materi...
  • mini.css : minimal, responsive, style-agnostic CSS framework
  • Ionic : The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5.
  • Mobile HTML5 compatibility : HTML5 compatibility on mobile and tablet browsers with testing on real devices
thumbnail

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

html5 template responsive css mobile
Autoprefixer https://github.com/postcss/autoprefixer
15/06/2015 cluster icon
  • AOS : Animate On Scroll Library. Small library to animate elements on your page as you scroll.
  • 320 and up : ‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate.
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • Sizzy : A tool for developing responsive websites crazy-fast. Open sourced : https://github.com/kitze/sizzy
  • * { 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.
thumbnail

PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.

css css3 tool
RECESS http://twitter.github.io/recess/
11/02/2014 cluster icon
  • JSHint : This is JSHint, a tool that helps to detect errors and potential problems in your JavaScript code.
  • CSS Lint : 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 problemati...
  • stylefmt : stylefmt is a tool that automatically formats your stylesheets.
  • 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...
  • InK - Interface Kit : Ink is a set of tools for quick development of web interfaces.

Developed at Twitter to support our internal styleguide, RECESS is a simple, attractive code quality tool for CSS built on top of LESS.
Incorporate it into your development process as a linter, or integrate it directly into your build system as a compiler, RECESS will keep your source looking clean and super managable.

css quality code less
Ink http://zurb.com/ink
09/11/2013 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 ...
  • lit : a ridiculously small responsive css framework
  • Spectre.css : Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your...
  • 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 ...
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts

A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.

email framework responsive html css
InK - Interface Kit http://ink.sapo.pt
06/08/2013 cluster icon
  • Scaffold : Extend, combine and compress CSS
  • Spectre.css : Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your...
  • lit : a ridiculously small responsive css framework
  • Milligram : Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped! It's not about a UI framework. Specially ...
  • Pure : A set of small, responsive CSS modules that you can use in every web project.
thumbnail

Ink is a set of tools for quick development of web interfaces.

css framework less
UIkit http://www.getuikit.com
29/07/2013 cluster icon
  • YAML : A modular CSS framework for truly flexible, accessible and responsive websites
  • InK - Interface Kit : Ink is a set of tools for quick development of web interfaces.
  • Tailwind CSS : A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in you...
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • xCSS : xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades.
thumbnail

A lightweight and modular front-end framework
for developing fast and powerful web interfaces.

css framework
Pure http://purecss.io
28/05/2013 cluster icon
  • Scaffold : Extend, combine and compress CSS
  • Bulma : A modern CSS framework based on Flexbox
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • Tailwind CSS : A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in you...
  • xCSS : xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades.

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

css framework
csscss http://zmoazeni.github.io/csscss
05/05/2013 cluster icon
  • librosa : librosa is a python package for music and audio analysis. It provides the building blocks necessary to create music information retrieval systems.
  • Compass : Compass is an open-source CSS Authoring Framework.
  • Galen Framework : Automated testing of look and feel for your responsive websites. Layout testing seemed always a complex task. Galen Framework offers a simple solution...
  • 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...
  • UnCSS : UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.

csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.

css analysis tool
jQuery Masonry http://masonry.desandro.com
22/03/2013 cluster icon
  • voxel.css : The goal of this project is to provide a lightweight 3D CSS library with very simple implementation.
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.
  • darken : Easy control over your dark mode in a web environment
  • Formalize CSS : Teach your forms some manners!

A dynamic layout plugin for jQuery
The flip-side of CSS floats

css layout javascript library
Responsive Web Design Patterns http://bradfrost.github.com/this-is-responsive/patterns.html
24/02/2013 cluster icon
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
  • 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.
  • 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 ...
  • Capacitor : Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript,...

A collection of patterns and modules for responsive designs.

responsive design html css
Compass http://compass-style.org
27/10/2012 cluster icon
  • 📦 Parcel : Blazing fast, zero configuration web application bundler
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • 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.
  • * { 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.
  • CSS Lint : 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 problemati...

Compass is an open-source CSS Authoring Framework.

tool css compiler
SpriteMe http://spriteme.org
27/10/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...
  • 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 + ...
  • StyleDocco : StyleDocco generates documentation and style guide documents from your stylesheets.
  • Preloaders.net : Free AJAX animated loading gif's | 3 dimensional (3D)
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts

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 images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.

image generator sprites css
PaintStrap http://paintstrap.com
24/10/2012 cluster icon
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • Font Awesome : Font Awesome, the iconic font designed for use with Twitter Bootstrap. In a single collection, Font Awesome is a pictographic language of web-related ...
  • Bootstrap.build : Powerful Bootstrap theme builder for your next project
  • Shards : A free and modern UI toolkit for web makers based on the popular Bootstrap 4 framework.
  • 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 ...

Generate beautiful Twitter Bootstrap themes using the Adobe kuler / COLOURlovers color scheme

themes css bootstrap
page 3 / 6
1645 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn