colorhunt is an amazing place to find color palettes that just work! It is well curated. Shows new, hot, popular and even random palettes.
Create, save and share perfect palettes in seconds!
We've created some tools for rapid design & development.

  • Material Design Colors
  • Flat UI Colors
  • Fluent Design Colors
  • Social Colors
  • Metro Colors
  • HTML Colors
  • Color Picker
  • Material Icons
  • Unicode Characters
  • Material UI Blog
Please click on a color name to preview the color as the page background and get matching colors.

See also color chart grid layout.
A visual way to understand CSS specificity. Change the selectors or paste in your own.
Instead of using classes and local state, Deku just uses functions and pushes the responsibility of all state management and side-effects onto tools like Redux. It also aims to support only modern browsers to keep things simple.

It can be used in place of libraries like React and works well with Redux and other libraries in the React ecosystem.

Deku consists of 5 modules packaged together for convenience:

  • element: Create virtual elements.
  • diff: Compute the difference between two virtual elements. You can use this if you're creating a custom renderer.
  • dom: Create DOM elements from virtual elements and update them using the result of a diff. You'll only use this directly if you're building your own app creator.
  • string: Render a HTML string from virtual elements.
  • createApp: Kickstart an app for the browser.
react redux
Infernoinfernojs.org  2017-09-25
An extremely fast React-like JavaScript library for building modern user interfaces.

  • Tiny Size: Inferno is much smaller in size, 9kb vs 45kb gzip. This means inferno is faster to transfer over the network and much faster to parse.
  • React Compatible: React-like API, concepts and component lifecycle events. Switch over easily with inferno-compat.
  • Insane Performance: One of the fastest front-end frameworks for rendering UI in the DOM, making 60 FPS on mobile possible.
  • One-way Architecture: Component driven + One-way data flow architecture. Bindings also supplied for Redux, MobX and Cerebral.
  • Isomorphic rendering on both client and server, along with fast-booting from server-side renders.
  • Modular: Highly modular with very little opinion of how things should be done, removing bloat and unecessary overhead.
react javascript
If you’re a startup, you should not use React (reflecting on the BSD patents license)

That is, if you ever hope to be acquired by a larger companyreact
If you've been trying to get a grip on Flexbox - here's an interactive practical tutorial for you. No crap, no fluffs, just the very important practical tricks you need to know.
Het resultaat van onze vergelijkingen met andere winkels. Ontdek zelf hoe groot het prijsverschil is!

Kies je Colruyt-winkel en de andere winkel waarvoor je het prijsverschil wil zien.
Mijn DOSSIER is de toepassing waarmee u uw persoonlijk dossier in het Rijksregister kan raadplegen. Met de toepassing Mijn DOSSIER bespaart u tijd en geld!

Dankzij Mijn DOSSIER kan u:

  • uw in het Rijksregister geregistreerde gegevens nakijken,
  • fouten signaleren,
  • uw contactgegevens meedelen,
  • controleren welke instanties uw persoonlijke gegevens geraadpleegd hebben tijdens de voorbije zes maanden,
  • elektronische attesten downloaden of afdrukken, waar u zich ook bevindt.
test
Though ES6 specification is not super-fresh, I think that many developers are still not so familiar with it. The main reason is probably poor support in web browsers just after specification release. Currently, the specification is over 2 years old, and a lot of modern web browsers work well with ES6. Even if you (or your clients) don’t use the most recent version of web browser, you can use transpilers (like Babel), which transforms ES6 sources to ES5 sources during the build process of the application. It means that it’s about time to make one step forward and learn ES6.

In this article, I will try to introduce the most useful features in a succinct way. After the tutorial, you will possess basic skills and be able to apply them in a real project. Don’t treat it as a guide or documentation. My goal is to encourage you to dig deeper and get familiar with ES6.
With a single line of CSS we can completely reorient any element on our page – we can move it, rotate it, resize it, or send it into another dimension (to an extent). This all comes to us via the transform property. While it is a single property, a lot of functionality is packed into it, and it can be confusing how all its values combine to create its end result. Let’s discuss some of the basics and then dive into a handful of use cases.
Fagan Finder is a collection of internet tools, mostly for helping you find anything and everything online. Use the home page as a starting point, or use one of the focused pages such as image search, academic/reference, and shopping. Think of Fagan Finder as the best of the web, as each page or section is built using or linking to the very best resources in that category.
  • How to select terms and search (more) effectively
  • How Google interprets your query
  • What’s included with your results
  • How to search using Google’s special tools and shortcuts
  • What to do when you can’t find the answer you want
  • When Google added services, features, and options (Google’s Feature History)
  • How Google works
and, of course, there’s much more.
Making the web more beautiful, fast, and open through great typography

We believe the best way to bring personality and performance to websites and products is through great design and technology. Our goal is to make that process simple, by offering an intuitive and robust directory of open source designer web fonts. By using our extensive catalog, you can share and integrate typography into any design project seamlessly—no matter where you are in the world.
This article will cover all the fundamental concepts you need to get good with the CSS Flexbox model. It’s a long one, so I hope you’re ready for it.

If you prefer to read the entire tutorial in a single .pdf document, here’s the download link — no strings attached, & if you want a more immersive experience, use the interactive course — it is free. No strings attached.

Learning Flexbox may not be fun at first. It will challenge what you know about layouts in CSS. But that’s fine. Everything worth learning begins that way.

Flexbox is certainly something you should take seriously. It paves the way for the modern style of laying out content, and it’s not going away anytime soon. It has emerged as a new standard. So with outstretched arms, embrace it!
Domain Driven Forms

The tcomb library provides a concise but expressive way to define domain models in JavaScript.

The tcomb-validation library builds on tcomb, providing validation functions for tcomb domain models.

This library builds on those two and the awesome react-native.

Benefits

With tcomb-form-native you simply call
to generate a form based on that domain model. What does this get you?

  • Write a lot less code
  • Usability and accessibility for free (automatic labels, inline validation, etc)
  • No need to update forms when domain model changes
react javascript
If you’re building a React Native app it’s almost a guarantee that you’ll have to build at least one form. The reality is you’ll probably build quite a few (sign in, sign up, edit profile, etc.)

Forms are pretty simple, right?

Yeah! But there can be quite a few moving parts involved. A few things you might have to take care of…

  • Creating the necessary components (text inputs, select inputs, checkboxes, switches, etc)
  • Writing/finding validation logic
  • Updating your components to display any errors (I always forget to do this)
  • Updating your UI whenever you change fields
None of these things are difficult, but they can be time consuming. Especially if you’re trying to ship something quickly.react
Elm has a powerful type system that can help you to model your application's data precisely and safely. The type system just by its nature protects your applications against errors. Elm takes it a step further and uses the Type system to help you debug your code.

This course will introduce you to the various types available in Elm, and teach you when and how to use each one. We will learn how to store and access data.

By the end of this course we'll see how many of Elm's built-in types are themselves extensions of Elm's Union Type (think Boolean, Result, Maybe, etc).
Generated: 2017-09-26 14:49
Compiled: 2017-08-24 21:56
Guido Van Hoecke