web-design
Sinatra is a DSL for quickly creating web applications in Ruby with minimal effort.
KNACSS, c’est un peu comme une feuille de style CSS « reset » sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, responsive webdesign).
"Grillade" est un système de grille simple et élaboré avec CSS3 Flexbox. Il est intégré par défaut dans le micro-framework KNACSS d'Alsacréations mais peut être utilisé de manière autonome sans nécessiter KNACSS ou d'autre dépendance.
A JavaScript/TypeScript library for creating modern user interfaces. It combines Reactive ViewModels with Functional DOM Components to create seamless flow of data.
Better default styles for common input elements. formbase eliminates cross browser bugs, inconsistencies across systems and applies a beautiful default styling to several input elements.
By Jeremy Keith.
Resilient Web Design, you might think that this is a handbook for designing robust websites. This is not a handbook. It’s more like a history book.
Related contents:
Polymer is a lightweight library that helps you take full advantage of Web Components.
With Web Components, you can create reusable custom elements that interoperate seamlessly with the browser’s built-in elements, or break your app up into right-sized components, making your code cleaner and less expensive to maintain.
Polymer sprinkles a bit of sugar over the standard Web Components APIs, making it easier for you to get great results.
A React UI toolkit for the web. Blueprint is a collection of React UI components that cover the majority of the common interface elements, patterns, and interactions on the web. Using Blueprint ensures that you’ll end up with an elegant and easy-to-use UI, freeing you to focus on building your product—not the atomic pieces that comprise it.
CDNs and cloud services cost money to setup and maintain. This scales asset availability with popularity, automatically, for free, with minimal setup.
An open source Flash™ runtime written in pure JavaScript
A flexible and powerful static content management system for building complex and beautiful websites out of flat files — for people who do not want to make a compromise between a CMS and a static blog engine.
Firedrop uses artificial intelligence to automatically create uniquely designed websites in less than 60 seconds. No templates, just bespoke design based on your content.
D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
As many hackers enjoy the readability of markdown code, some stylings in hack.css are exactly the way markdown is.
Open source modular CSS framework providing great structure for building websites quickly
A Responsive Front-end Framework for Accessible and Semantic Websites. Developed for design, turretcss is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
Create atomic design systems with Pattern Lab. Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.
BoldGrid will help you create a beautiful website that looks great for any of your visitors. Plus, unlike most web builders, what you see in our builder is actually what will be installed in your site – all content included!
Find Fonts From An Image Have an image with type and you don't know what the font is? Upload it and we’ll find the fonts that match.
Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches in our database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum
0to255 is a simple tool that helps web designers find variations of any color.
The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.
Pro Color Palette Software from COLOURlovers :: COLOURlovers. COPASO is an advanced color palette tool that helps you create the perfect color palette. If you're finding COPASO a bit too rich for your color creating tastes, you can always use our basic color palette tool.
Use the world's most advanced design tool for designers and non-designers. Easily create beautiful logos, business cards, websites, flyers and social media covers to impress your customers, family and friends.
Zoommy helps you find awesome free stock photos for your creative product or inspiration
Test responsive designs on various screen sizes
Mobility is a super light weight HTML, CSS, and JS mobile UI built on top of Bootstrap for developing mobile applications.
MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML's open-source engine generates high quality responsive HTML compliant with best practices.
A tool for building website UI toolkits and style guides
iFSMAnimation allows to create simple HTML5 animations in responsive design easily.
Completes signup forms automatically, with just an email address, leading to increased conversion rates and making the web easier to use. See it in action at Svbtle.
Google Material Design swipe(pull) to refresh by using JavaScript and CSS3.
Readable is a small jQuery plugin to help you make your paragraphs, well, more readable. It injects styling between the 45th and 75th character of every This gives you a visual reference to tell you if tweaks are needed on your font-size or content width, etc.
Color Hunt curates a daily collection of colors on a daily basis, so you never run out of inspiration. “Like” your favorites, then filter through the most popular palettes from the past week or all time.
The super fast color schemes generator!
Similar to Hail Pixel, Coolors makes color picking more fluid by helping you mix and match colors until you find the perfect combination. Hit the space button until a color combo appears that you like – then move selections around, adjust color components and export your palette when it’s ready.
Related contents:
TinEye Labs takes image search to the next level by allowing you to choose up to a five-color palette, along with tags, to refine your image search. The result is a collection of picture perfect images that are sure to blend well with your design.
Hail Pixel makes palette picking an interactive sport. Start by dragging your mouse around the space until you find a color that appeals to you, then start whittling down your colors by moving your mouse or arrowing through matching hues, lightness and saturation.
Spectrum approaches color palettes from the other side. Start with a color and watch as the page is populated with dozens of images that match. A perfect tool when on the hunt for imagery that matches a specific palette.
Design Seeds is candy for your eyeballs. Pairing beautiful photography with pleasing palettes, you can’t help but feel inspired while scrolling through this site. Click on a favorite color or search by theme to filter down your feed. Follow them on Instagram for an extra daily dose.
COLOURlovers is an online community for color enthusiasts. Browse palettes or create your own, then get social by commenting and “loving” eachother’s creations, following different “Lovers” and checking out the latest color trends.
If you’re tired of guessing the exact hues, lightness and saturation values of a color, you’ll be happy to meet Colllor. Enter in a Hex code for a full rundown of pure tints, shades and tones. You can also play with color mixing and find similar colors to build out your palette.
Material Palette is a basic color palette builder. Choose two colors that appeal to you and it will give you an eight color palette that delineates primary, text and accent colors. You’re then welcome to download, copy to your clipboard or share the palette on social media.
A Color Palette Generator (courtesy of MailChimp). Building out a website or brochure based heavily on an image? With Pictaculous, you can simply upload that picture and the app will spit out a color palette that pairs perfectly with it.