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 2 / 6
112 results tagged css  ✕   ✕
Shards https://designrevision.com/downloads/shards/
16/11/2017 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.
  • 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...
  • 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 ...
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
thumbnail

A free and modern UI toolkit for web makers based on the popular Bootstrap 4 framework.

bootstrap css html widget template
Styletron http://styletron.js.org/
09/05/2017 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...
  • darken : Easy control over your dark mode in a web environment
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.
  • 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)

Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.

css javascript react library
mini.css http://minicss.org/
06/05/2017 cluster icon
  • Bulma : A modern CSS framework based on Flexbox
  • 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...
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
thumbnail

minimal, responsive, style-agnostic CSS framework

css framework responsive
Sizzy http://sizzy.co/
02/05/2017 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...
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.
  • csscss : csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.
  • 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...
thumbnail

A tool for developing responsive websites crazy-fast.
Open sourced : https://github.com/kitze/sizzy

responsive css tool
Bulma http://bulma.io/
20/04/2017 cluster icon
  • 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
  • lit : a ridiculously small responsive css framework
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • Spectre.css : Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your...
thumbnail

A modern CSS framework based on Flexbox

css framework flexbox responsive
Milligram https://milligram.github.io/
28/01/2017 cluster icon
  • Spectre.css : Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your...
  • 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...
  • mini.css : minimal, responsive, style-agnostic CSS framework
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • Electron : Build cross platform desktop apps with web technologies

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 designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.

css framework reset
MaintainableCSS http://maintainablecss.com/
22/01/2017 cluster icon
  • idiomatic-css : Principles of writing consistent, idiomatic CSS
  • Scalable and Modular Architecture for CSS : A flexible guide to developing sites small and large.
  • Position Is Everything : Modern browser bugs explained in detail!
  • 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.
  • 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...
thumbnail

Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.

css guide reference
CSS Reference http://cssreference.io/
29/11/2016 cluster icon
  • Scalable and Modular Architecture for CSS : A flexible guide to developing sites small and large.
  • MaintainableCSS : Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and ...
  • Typetester : Compare fonts for the screen
  • Frameworks for Designers : A reflexion on CSS frameworks
  • AlsacréationS : Alsacréations est une communauté dédiée à l'apprentissage des standards web (W3C, HTML, XHTML, CSS) ainsi qu'à l'accessibilité numérique
thumbnail

Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

css reference
Galen Framework http://galenframework.com/
12/11/2016 cluster icon
  • BackstopJS : Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.
  • 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.
  • Siege : Siege is an http load testing and benchmarking utility. It was designed to let web developers measure their code under duress, to see how it will stan...
  • YSlow for PhantomJS : YSlow for PhantomJS

Automated testing of look and feel for your responsive websites.
Layout testing seemed always a complex task. Galen Framework offers a simple solution: test location of objects relatively to each other on page. Using a special syntax and comprehensive rules you can describe any layout you can imagine.

responsive css test tool
CSS ICON http://cssicon.space/
24/10/2016 cluster icon
  • 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 ...
  • css.gg : Minimalistic icon library Designed by code, Customizable & Retina-Ready icons — built 100% in pure CSS. Easy integration: Embed, NPM & API
  • IcoMoon : IcoMoon is an icon solution, providing three main services: Vector Icon Packs, The IcoMoon App, and an Icon Delivery Network.
  • Drawter.com : DrawAble Markup Language
  • CSSdoc : This is a draft to bring automatic documentation to CSS files, like its known for JavaScript and PHP files through JavaDoc/DocTags.

Pure CSS grab-and-go icons

css icon
Sharingbuttons.io http://sharingbuttons.io/
12/08/2016 cluster icon
  • Shariff : Shariff enables website users to share their favorite content without compromising their privacy.
  • Position Is Everything : Modern browser bugs explained in detail!
  • Electron : Build cross platform desktop apps with web technologies
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
  • 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...

Super fast and easy Social Media Sharing Buttons. No JavaScript. No tracking.

social sharing html css
HyperTerm https://hyper.is/
15/07/2016 cluster icon
  • Electron : Build cross platform desktop apps with web technologies
  • Photon : UI toolkit for building desktop apps with Electron.
  • chromeless : The chromeless project is an experiment into making it possible to build a web browser using only web technologies, like HTML, JavaScript, and CSS.
  • 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...
  • Capacitor : Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript,...
thumbnail

A terminal built on web technologies : JS / HTML / CSS

javascript html css web terminal application
AOS http://michalsnik.github.io/aos/
06/07/2016 cluster icon
  • Woah.css : CSS Animation Library for eccentric web developers.
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • 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 ...
  • Flexibility : Flexibility is a polyfill for Flexible Box Layout Module Level 1. Use it to design beautiful, flexible layouts on the web without sacrificing the expe...
  • 320 and up : ‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate.

Animate On Scroll Library.
Small library to animate elements on your page as you scroll.

css css3 scroll animation
Spectre.css https://picturepan2.github.io/spectre/
27/05/2016 cluster icon
  • lit : a ridiculously small responsive css framework
  • 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
  • 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.

Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.

lightweight and clean starting point for your project and prototype
flexbox, responsive and mobile-friendly layout
carefully designed elements
built in useful components and utilities
responsive css framework
Flexbox Defense http://www.flexboxdefense.com/
27/05/2016 cluster icon
  • Coding Game : Have fun with friends, schoolmates or co-workers on multiplayer programming games and show them who's the boss! Join our international online programm...
  • Bulma : A modern CSS framework based on Flexbox
  • Much Assembly Required : Program the 8086-like microprocessor of a robot in a grid-based multiplayer world. The game is web based so no installation is required.
  • warriorjs : This is a game designed to teach JavaScript and artificial intelligence in a fun, interactive way. You play as a warrior climbing a tall tower to at ...
  • Flexibility : Flexibility is a polyfill for Flexible Box Layout Module Level 1. Use it to design beautiful, flexible layouts on the web without sacrificing the expe...
thumbnail

Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

css learning game flexbox
Diffee Checker http://una.im/diffee/
02/05/2016 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...
  • BackstopJS : Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.
  • 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
  • Micoo : Micoo is a pixel based screenshots comparison solution for visual regression test
  • * { 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.

Instant visual diffing with CSS blend modes!
Simply enter the sites you want to compare. Locally hosted addresses and files also work (so you can see how your local changes affect current pages or previous versions).

css test diff
stylefmt https://github.com/morishitter/stylefmt
25/04/2016 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...
  • Position Is Everything : Modern browser bugs explained in detail!
  • Online javascript beautifier : Beautify, unpack or deobfuscate JavaScript and HTML, make JSON/JSONP readable, etc.
  • ProCSSor : Advanced CSS Prettifier
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.
thumbnail

stylefmt is a tool that automatically formats your stylesheets.

css lint formatting code
stylelint http://stylelint.io/
26/02/2016 cluster icon
  • 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...
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • Sizzy : A tool for developing responsive websites crazy-fast. Open sourced : https://github.com/kitze/sizzy
  • UnCSS : UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.
  • PurgeCSS : PurgeCSS is a tool to remove unused CSS. It can be part of your development workflow.

A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.

css lint tool
voxel.css http://www.voxelcss.com/
28/01/2016 cluster icon
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.
  • Photon : UI toolkit for building desktop apps with Electron.
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)
  • Styletron : Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats

The goal of this project is to provide a lightweight 3D CSS library with very simple implementation.

javascript css library 3d
Flexibility https://github.com/10up/flexibility
28/12/2015 cluster icon
  • Selectivizr : CSS3 pseudo-class and attribute selectors for IE 6-8
  • CSS3 PIE: CSS3 decorations for IE : Flexibility is a polyfill for Flexible Box Layout Module Level 1. Use it to design beautiful, flexible layouts on the web without sacrificing the expe...
  • 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.
  • 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.
thumbnail

Flexibility is a polyfill for Flexible Box Layout Module Level 1. Use it to design beautiful, flexible layouts on the web without sacrificing the experience in older Internet Explorer browsers.

css css3 polyfill ie flexbox
page 2 / 6
1649 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn