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.
  • 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...
  • 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 ...
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
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...
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)
  • voxel.css : The goal of this project is to provide a lightweight 3D CSS library with very simple implementation.
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats
  • Relay : A JavaScript framework for building data-driven React applications. Never again communicate with your data store using an imperative API. Simply decla...

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
  • 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.
  • 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
  • Bulma : A modern CSS framework based on Flexbox
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...
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • PurgeCSS : PurgeCSS is a tool to remove unused CSS. It can be part of your development workflow.
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
  • 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.
  • 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
  • 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 ...
  • Bulma : A modern CSS framework based on Flexbox
  • Scaffold : Extend, combine and compress CSS
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • oocss : Object Oriented CSS

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
  • 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
  • rscss : Reasonable System for CSS Stylesheet Structure. A set of simple ideas to guide your process of building maintainable CSS.
  • idiomatic-css : Principles of writing consistent, idiomatic CSS
  • CSSdoc : This is a draft to bring automatic documentation to CSS files, like its known for JavaScript and PHP files through JavaDoc/DocTags.
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
  • idiomatic-css : Principles of writing consistent, idiomatic CSS
  • 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 ...
  • Frameworks for Designers : A reflexion on CSS frameworks
  • Typetester : Compare fonts for the screen
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
  • 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.
  • BackstopJS : Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.
  • Lighthouse : Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authenti...
  • Diffee Checker : 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 ...

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 ...
  • Diffee Checker : 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 ...
  • 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...
  • Yusuke Kamiyamane : Icons and pixel fonts

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.
  • Shards : A free and modern UI toolkit for web makers based on the popular Bootstrap 4 framework.
  • 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...
  • 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 –...
  • Photon : UI toolkit for building desktop apps with Electron.

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
  • 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...
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • 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.
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.
  • 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 ...
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • Selectivizr : CSS3 pseudo-class and attribute selectors for IE 6-8
  • Animate.css : Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.

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
  • 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.
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • lit : a ridiculously small responsive css framework
  • mini.css : minimal, responsive, style-agnostic CSS framework

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
  • 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 ...
  • 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.
  • 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...
  • 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
  • BackstopJS : Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.
  • * { 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.
  • 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
  • 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...
  • Micoo : Micoo is a pixel based screenshots comparison solution for visual regression test

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...
  • 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...
  • 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...
  • ProCSSor : Advanced CSS Prettifier
  • Position Is Everything : Modern browser bugs explained in detail!
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...
  • ruff : An extremely fast Python linter and code formatter, written in Rust.
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • * { 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.

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.
  • emotion : emotion is a high performance, lightweight css-in-js library that supports both string and object based styles.
  • darken : Easy control over your dark mode in a web environment
  • Respond : Activates media queries in IE6-8

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...
  • Flexbox Defense : 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!
  • ExplorerCanvas : Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based drawing operations. ExplorerCanvas brings the same functionality to Inter...
  • AOS : Animate On Scroll Library. Small library to animate elements on your page as you scroll.
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
1650 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn