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 3 / 6
108 results tagged css  ✕   ✕
rscss http://rscss.io/
04/11/2015 cluster icon
  • MaintainableCSS : Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and ...
  • AOS : Animate On Scroll Library. Small library to animate elements on your page as you scroll.
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS
  • SpriteMe : Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background i...
  • Styletron : Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.
thumbnail

Reasonable System for CSS Stylesheet Structure.
A set of simple ideas to guide your process of building maintainable CSS.

css guide
BackstopJS https://garris.github.io/BackstopJS/
30/10/2015 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.
  • lit : a ridiculously small responsive css framework
  • 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 ...
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.

Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.

responsive css integration test
Diagnostic.css http://www.karlgroves.com/2013/09/07/diagnostic-css-super-quick-web-accessibility-testing/
15/10/2015 cluster icon
  • Pa11y : Monitor the accessibility of your websites with pa11y-dashboard, and protect against accessibility errors creeping into your codebase.
  • webhint : webhint is a linting tool that will help you with your site's accessibility, speed, security and more, by checking your code for best practices and co...
  • mobiReady : The mobiReady testing tool evaluates mobile-readiness using industry best practices & standards.
  • Capacitor : Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript,...
  • Introduction to WAI ARIA : This article is for those who are new to ARIA. You need an understanding of HTML and the potential difficulties that people with disabilities can face...

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

web accessibility css test
Electron http://electron.atom.io/
15/10/2015 cluster icon
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • Photon : UI toolkit for building desktop apps with Electron.
  • AppJS : Build Desktop Applications for Linux, Mac and Windows using HTML, CSS and Javascript
  • 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 ...
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS

Build cross platform desktop apps with web technologies

desktop application javascript html css framework
Photon http://photonkit.com/
15/10/2015 cluster icon
  • Electron : Build cross platform desktop apps with web technologies
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • AppJS : Build Desktop Applications for Linux, Mac and Windows using HTML, CSS and Javascript
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats

UI toolkit for building desktop apps with Electron.

ui html css javascript desktop application library
Shariff https://github.com/heiseonline/shariff
25/07/2015 cluster icon
  • Sharingbuttons.io : Super fast and easy Social Media Sharing Buttons. No JavaScript. No tracking.
  • HyperTerm : A terminal built on web technologies : JS / HTML / CSS
  • 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...
  • 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...
  • 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...
thumbnail

Shariff enables website users to share their favorite content without compromising their privacy.

javascript css sharing social
UnCSS https://github.com/giakki/uncss
10/07/2015 cluster icon
  • 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.
  • 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.
  • Compass : Compass is an open-source CSS Authoring Framework.
thumbnail

UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.

css tool
HTML5 Boilerplate https://html5boilerplate.com/
05/07/2015 cluster icon
  • Onsen : Open source HTML5 hybrid app framework for PhoneGap & Cordova Mobile-optimized HTML5, CSS and JavaScript with Web components Responsive layout, Materi...
  • 320 and up : ‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate.
  • Sizzy : A tool for developing responsive websites crazy-fast. Open sourced : https://github.com/kitze/sizzy
  • Skeleton : Skeleton: A Dead Simple, Responsive CSS Boilerplate for Mobile-Friendly Development
  • 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...
thumbnail

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

html5 template responsive css mobile
Autoprefixer https://github.com/postcss/autoprefixer
15/06/2015 cluster icon
  • 320 and up : ‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate.
  • stylelint : A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets.
  • Sizzy : A tool for developing responsive websites crazy-fast. Open sourced : https://github.com/kitze/sizzy
  • 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.
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
thumbnail

PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.

css css3 tool
RECESS http://twitter.github.io/recess/
11/02/2014 cluster icon
  • SonarQube : SonarQube is an open source platform for continuous inspection of code quality.
  • 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...
  • 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...
  • JavaScript Code Style checker : jscs is a code style checker. jscs can check cases, which are not implemented in jshint, but it does not duplicate jshint functionality, so you should...
  • JSHint : This is JSHint, a tool that helps to detect errors and potential problems in your JavaScript code.

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 into your development process as a linter, or integrate it directly into your build system as a compiler, RECESS will keep your source looking clean and super managable.

css quality code less
Ink http://zurb.com/ink
09/11/2013 cluster icon
  • Can I email… : Support tables for HTML and CSS in emails.
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • 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 ...
  • 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 ...

A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.

email framework responsive html css
InK - Interface Kit http://ink.sapo.pt
06/08/2013 cluster icon
  • 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...
  • 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 : A modular CSS framework for truly flexible, accessible and responsive websites
  • Pure : A set of small, responsive CSS modules that you can use in every web project.
  • Milligram : 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 ...
thumbnail

Ink is a set of tools for quick development of web interfaces.

css framework less
UIkit http://www.getuikit.com
29/07/2013 cluster icon
  • Tauri : Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that...
  • Milligram : 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 ...
  • 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 ...
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • Electron : Build cross platform desktop apps with web technologies
thumbnail

A lightweight and modular front-end framework
for developing fast and powerful web interfaces.

css framework
Pure http://purecss.io
28/05/2013 cluster icon
  • oocss : Object Oriented CSS
  • Spectre.css : Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your...
  • Scaffold : Extend, combine and compress CSS
  • Bulma : A modern CSS framework based on Flexbox
  • Electron : Build cross platform desktop apps with web technologies

A set of small, responsive CSS modules that you can use in every web project.

css framework
csscss http://zmoazeni.github.io/csscss
05/05/2013 cluster icon
  • librosa : librosa is a python package for music and audio analysis. It provides the building blocks necessary to create music information retrieval systems.
  • * { 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.
  • Autoprefixer : PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • Jaeger : Jaeger, inspired by Dapper and OpenZipkin, is a distributed tracing system released as open source by Uber Technologies. It is used for monitoring and...

csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.

css analysis tool
jQuery Masonry http://masonry.desandro.com
22/03/2013 cluster icon
  • Respond : Activates media queries in IE6-8
  • 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)
  • 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...

A dynamic layout plugin for jQuery
The flip-side of CSS floats

css layout javascript library
Responsive Web Design Patterns http://bradfrost.github.com/this-is-responsive/patterns.html
24/02/2013 cluster icon
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
  • 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 ...
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • 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.
  • Skeleton : Skeleton: A Dead Simple, Responsive CSS Boilerplate for Mobile-Friendly Development

A collection of patterns and modules for responsive designs.

responsive design html css
Compass http://compass-style.org
27/10/2012 cluster icon
  • 📦 Parcel : Blazing fast, zero configuration web application bundler
  • 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...
  • Sizzy : A tool for developing responsive websites crazy-fast. Open sourced : https://github.com/kitze/sizzy
  • 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...
  • UnCSS : UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.

Compass is an open-source CSS Authoring Framework.

tool css compiler
SpriteMe http://spriteme.org
27/10/2012 cluster icon
  • CSS Sprite Generator : This tool allows you to automate the process of generating CSS sprites. Simply give it a ZIP file containing 2 or more images (GIF, PNG or JPG) and it...
  • SpritePad : With SpritePad you can create your CSS sprites within seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + ...
  • StyleDocco : StyleDocco generates documentation and style guide documents from your stylesheets.
  • WaveFunctionCollapse : Bitmap & tilemap generation from a single example with the help of ideas from quantum mechanics.
  • Preloaders.net : Free AJAX animated loading gif's | 3 dimensional (3D)

Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.

image generator sprites css
PaintStrap http://paintstrap.com
24/10/2012 cluster icon
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • 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 ...
  • 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 ...
  • Bootstrap.build : Powerful Bootstrap theme builder for your next project
  • Shards : A free and modern UI toolkit for web makers based on the popular Bootstrap 4 framework.

Generate beautiful Twitter Bootstrap themes using the Adobe kuler / COLOURlovers color scheme

themes css bootstrap
page 3 / 6
1664 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn