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
108 results tagged css  ✕   ✕
Shards https://designrevision.com/downloads/shards/
16/11/2017 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 ...
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • 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...
  • 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.
  • Slickmap : Slickmap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It's suitable for most web sites –...
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...
  • Relay : A JavaScript framework for building data-driven React applications. Never again communicate with your data store using an imperative API. Simply decla...
  • 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.
  • Photon : UI toolkit for building desktop apps with Electron.

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
  • 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.
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • 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...
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...
  • * { 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.
  • PurgeCSS : PurgeCSS is a tool to remove unused CSS. It can be part of your development workflow.
  • BackstopJS : Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.
  • 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.
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
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • mini.css : minimal, responsive, style-agnostic 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...
  • 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.
thumbnail

A modern CSS framework based on Flexbox

css framework flexbox responsive
Milligram https://milligram.github.io/
28/01/2017 cluster icon
  • * { 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.
  • UIkit : A lightweight and modular front-end framework for developing fast and powerful web interfaces.
  • 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...
  • YAML : A modular CSS framework for truly flexible, accessible and responsive websites

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
  • rscss : Reasonable System for CSS Stylesheet Structure. A set of simple ideas to guide your process of building maintainable CSS.
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
  • idiomatic-css : Principles of writing consistent, idiomatic CSS
  • Frameworks for Designers : A reflexion on CSS frameworks
  • Typetester : Compare fonts for the screen
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
  • 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
  • CSSdoc : This is a draft to bring automatic documentation to CSS files, like its known for JavaScript and PHP files through JavaDoc/DocTags.
  • 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...
  • MaintainableCSS : Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and ...
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
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.
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • 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...

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
  • css.gg : Minimalistic icon library Designed by code, Customizable & Retina-Ready icons — built 100% in pure CSS. Easy integration: Embed, NPM & API
  • 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 ...
  • Animate.css : Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.
  • 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...
  • shadcn-ui : A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

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.
  • Can I email… : Support tables for HTML and CSS in emails.
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS
  • 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 ...
  • Prince : Convert your HTML documents to PDF. Beautiful printing with simple CSS. Prince is an ideal printing component for server-based software, such as web a...

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
  • Photon : UI toolkit for building desktop apps with Electron.
  • Electron : Build cross platform desktop apps with web technologies
  • 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
  • Selectivizr : CSS3 pseudo-class and attribute selectors for IE 6-8
  • 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...
  • Woah.css : CSS Animation Library for eccentric web developers.
  • 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 ...
  • 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
  • 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.
  • Bulma : A modern CSS framework based on Flexbox

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
  • 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.
  • 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...
  • 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
  • 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 ...
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
  • 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
  • BackstopJS : Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.
  • Micoo : Micoo is a pixel based screenshots comparison solution for visual regression test
  • 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...
  • * { 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
  • Biome : Biome is a fast formatter for JavaScript, TypeScript, JSX, TSX, JSON, HTML, CSS and GraphQL that scores 97% compatibility with Prettier (see known lim...
  • 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...
  • ruff : An extremely fast Python linter and code formatter, written in Rust.
  • Reset CSS : The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on...
  • RECESS : 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...
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...
  • 📦 Parcel : Blazing fast, zero configuration web application bundler
  • 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.
  • Biome : Biome is a fast formatter for JavaScript, TypeScript, JSX, TSX, JSON, HTML, CSS and GraphQL that scores 97% compatibility with Prettier (see known lim...
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.

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
  • Photon : UI toolkit for building desktop apps with Electron.
  • Styletron : Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)
  • Respond : Activates media queries in IE6-8
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.

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...
  • Respond : Activates media queries in IE6-8
  • 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
1679 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn