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
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • 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 ...
  • 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 ...
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
  • 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 ...
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats
  • Formalize CSS : Teach your forms some manners!

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...
  • Bulma : A modern CSS framework based on Flexbox
  • 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.
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
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in 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.
  • Bulma : A modern CSS framework based on Flexbox
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
  • 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.
  • 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
  • YAML : A modular CSS framework for truly flexible, accessible and responsive websites
  • mini.css : minimal, responsive, style-agnostic CSS framework
  • 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...
  • UIkit : A lightweight and modular front-end framework for developing fast and powerful web interfaces.
  • Bulma : A modern CSS framework based on Flexbox

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
  • 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...
  • 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...
  • 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.
  • 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

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.
  • CSSdoc : This is a draft to bring automatic documentation to CSS files, like its known for JavaScript and PHP files through JavaDoc/DocTags.
  • 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
  • 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.
  • MaintainableCSS : Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and ...
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.
  • PHP_CodeSniffer : PHP_CodeSniffer tokenises PHP, JavaScript and CSS files and detects violations of a defined set of coding standards.
  • Appium : Appium is an open source test automation framework for use with native, hybrid and mobile web apps. It drives iOS and Android apps using the WebDriver...

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
  • Game-icons.net : Game-icons.net is an online repository providing heaps of cool game related graphics. They are provided provided under the terms of the Creative Commo...
  • Fontello : This tool helps to combine iconic webfonts for your project.
  • 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...

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.
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • 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 ...
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • 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

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.
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • 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...
  • 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
  • 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 ...
  • Animate.css : Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.
  • 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.
  • Selectivizr : CSS3 pseudo-class and attribute selectors for IE 6-8

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
  • Bulma : A modern CSS framework based on Flexbox
  • mini.css : minimal, responsive, style-agnostic 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.

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...
  • 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...
  • 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 ...
  • Bulma : A modern CSS framework based on Flexbox
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...
  • 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.
  • BackstopJS : Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.

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...
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.
  • 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...
  • 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.
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...
  • UnCSS : UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.
  • Compass : Compass is an open-source CSS Authoring Framework.
  • 📦 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.

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
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)
  • Photon : UI toolkit for building desktop apps with Electron.
  • darken : Easy control over your dark mode in a web environment
  • 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...
  • 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...
  • AOS : Animate On Scroll Library. Small library to animate elements on your page as you scroll.
  • 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!
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
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
1629 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn