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
  • 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.
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • 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 ...
  • 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

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...
  • Respond : Activates media queries in IE6-8
  • emotion : emotion is a high performance, lightweight css-in-js library that supports both string and object based styles.
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats
  • darken : Easy control over your dark mode in a web environment

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
  • 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
  • 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.
  • 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...
  • 📦 Parcel : Blazing fast, zero configuration web application bundler
  • PurgeCSS : PurgeCSS is a tool to remove unused CSS. It can be part of your development workflow.
  • ProCSSor : Advanced CSS Prettifier
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
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
  • 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.
  • 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
  • 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
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • InK - Interface Kit : Ink is a set of tools for quick development of web interfaces.
  • UIkit : A lightweight and modular front-end framework for developing fast and powerful web interfaces.
  • Electron : Build cross platform desktop apps with web technologies
  • 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
  • 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.
  • 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.
  • Conventional Commits : The Conventional Commits specification is a lightweight convention on top of commit messages. It provides an easy set of rules for creating an explici...
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...
  • CSSdoc : This is a draft to bring automatic documentation to CSS files, like its known for JavaScript and PHP files through JavaDoc/DocTags.
  • Scalable and Modular Architecture for CSS : A flexible guide to developing sites small and large.
  • 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

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
  • 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.
  • Drawter.com : DrawAble Markup Language
  • hurl.it : Hurl.it makes HTTP requests. Choose the request method, customize headers and POST parameters, add basic authorization or OAuth credentials, and even ...

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 ...
  • Pure : A set of small, responsive CSS modules that you can use in every web project.
  • Normalize.css : A modern, HTML5-ready alternative to CSS resets Normalize.css makes browsers render all elements more consistently and in line with modern standards. ...
  • 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

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!
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS
  • Can I email… : Support tables for HTML and CSS in emails.
  • 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
  • Electron : Build cross platform desktop apps with web technologies
  • Photon : UI toolkit for building desktop apps with Electron.
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • MiniWeb : MiniWeb models an entire web site in a single HTML page. All of the site files are stored in a JSON object which you can navigate with a UNIX-like she...
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
  • Animate.css : Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.
  • 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 ...
  • 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.

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
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • lit : a ridiculously small responsive css framework
  • Bulma : A modern CSS framework based on Flexbox
  • 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

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
  • 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 ...
  • 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
  • Micoo : Micoo is a pixel based screenshots comparison solution for visual regression test
  • 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...
  • 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.

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...
  • 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...
  • Black : By using Black, you agree to cede control over minutiae of hand-formatting. In return, Black gives you speed, determinism, and freedom from pycodestyl...
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...
  • csscss : csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.
  • 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...
  • stylefmt : stylefmt is a tool that automatically formats your stylesheets.
  • 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.

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
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats
  • emotion : emotion is a high performance, lightweight css-in-js library that supports both string and object based styles.
  • 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...
  • Photon : UI toolkit for building desktop apps with Electron.
  • Formalize CSS : Teach your forms some manners!

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...
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • 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!
  • 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
1636 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn