Contrast checker
color.adobe.comCheck foreground and background color contrast ratios against WCAG 2.1 accessibility guidelines. Test combinations for AA and AAA standards to help ensure readable, accessible design.
Links
508 shared finds since 2009
All
Adobe
Ai
Apparatuur en Technologie
Apple devices
Apple software
Apps
Bene Projects
Blogs
Boekenwinkels
Books
Browsers
CMS
CSS
Design
Design Research
Design Resources
Developer
E-mail marketing
Events
Express
Figma
Firefly
Google
Grafische Resources
Illustrations
Illustrator
Indesign
Inspiration
Interview
Javascript
Lightroom
Magazines
Mensen & Artiesten
Milieu
Mobile
Musea
Photoshop
PHP
Riso
Social Networking
Talks
Tutorials
Typography
UX/UI
Video
Web design
Web services
Web Standards
YouTube
195 results
Transitioning from graphic design to UI/UX
designerup.coGraphic Design to UI/UX: A Comprehensive Guide to Transitioning
The ABCs of Design Systems
medium.comThe A-Z guide for operating your design system team
Gulp for beginners
css-tricks.comGulp is a tool that helps you out with several tasks when it comes to web development. It's often used to do front end tasks
Bootstrap 4 Code Snippets
speckyboy.comSome code snippets to showcase what Bootstrap 4 has to offer.
Gutenberg
matejlatin.github.ioGutenberg is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web.
How to Find Your Perfect Color Pairings
vanschneider.comThe color choosing workflow of designer Tobias Van Schneider.
Smashing Magazine redesign
smashingmagazine.comThe Smashing Magazine website has been redesigned. Totally worth to go take a look...
Full Page Screenshots in Browsers
css-tricks.comIt can be quite useful to get a "full page" screenshot in a browser. That is, not just the visible area. The visible area is pretty easy to get just by screenshotting the screen. A full page screenshot captures the entire web site even if it needs to be scrolled around to see all of it.
Remote Starter Kit
remotestarterkit.comGet off to a flying start as a remote team with these mighty-fine tools that are tried and tested by the Hanno team. We’ll help you to power your team’s virtual collaboration and happiness.
CSS and JS code coverage in Google Chrome
goo.glFind unused CSS and JS code with the new Coverage tab. When you load or run a page, the tab tells you how much code was used, versus how much was loaded. You can reduce the size of your pages by only shipping the code that you need.
JavaScript for People Who Hate JavaScript
zachholman.comZach Holman writes about his long history with JavaScript
Why Graphic Designers Should Learn UX Design
blogs.adobe.comMore than ever, it seems UX design is top of mind for many organizations. The importance of good UX design continues to transform the design industry.
Time-Saving, and Free Tools for Web Designers for 2017
speckyboy.comTime-Saving, and Free Tools for Web Designers for 2017
What Does a Well-Documented CSS Codebase Look Like?
css-tricks.comIn the front-end community, there is a lot of attention related to documenting JavaScript. That's not so much the case with CSS. Often times I feel like lost when I join a project with minimal or no CSS documentation.
Best Practices for Website Header Design
uxplanet.orgEveryone knows: there is not the second chance to make the first impression. In the sphere of digital products, this eternal truth works in terms of high competition and incredible diversity. No doubt, some zones of the webpage or mobile screen are particularly important and effective in this aspect. Today we are going to discuss one of them in deeper focus: the header of the website.
Free e-books from O'Reilly
oreilly.com20 free e-books from O'Reilly on design
Frontend Guidelines Questionnaire
github.comA one-page questionnaire to help your team establish effective frontend guidelines, so that you can write consistent & cohesive code together by Brad Frost.
CSS Architecture for Design Systems
bradfrost.comCSS Architecture for Design Systems by Brad Frost - rules and tricks for large CSS projects
Front-End Developer Handbook
frontendhandbook.comA guide that anyone could use to learn about the practice of front-end development.
—
07 Sep 2016