Viewport Units allow to size elements and font sizes as a percentage of the total width or height of the user’s screen (the viewport). Have you used them before? Let’s clarify what do you know about CSS Viewport Units.
Here in Syndicode we already wrote the article with the scope of useful tools for designers. But times they’re changing, so today we will introduce you a new tool to work with backgrounds. Cool Backgrounds is a collection of tools to create compelling and colorful images for blogs, social media, and websites. Beyond backgrounds, the images generated can be used as desktop wallpapers or cropped for mobile wallpapers.
Meet the new web component – < css-doodle /> for drawing patterns with CSS! It generates a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself.
Another useful source to simplify your developer’s life! This is the Styled Icons resource helping you to import icons from the Font Awesome, Material or Octicons icon packs. With Icons Exporter feature Styled Icons provide icon packs as Styled Components.
You already know that we love everything new and try to bring all the newest stuff to you as soon as possible. CSS Blocks for your design systems and app components is a blazing fast CSS! Inspired by CSS Modules, BEM and Atomic CSS, CSS Blocks is the next evolution of best practices with high performance and maintainable stylesheets.
Last year we’ve made an epic list of 36 useful resources for UI and UX designers. But we have missed one great resource that devoted to colors, their meaning, and combinations. Syndicode is going to fix that misunderstanding and tell you about so-called Design Wiki on Colors. Later you’ll understand why it has such a name! Explore Canva’s Design Wiki – try Colors by Canva!
Frontend is always something about looking good. Syndicode found for you a starter CSS framework that actually looks good! We’re talking about Mustard UI CSS framework.
To keep up with the latest trends you have to know about the latest tools for the best development practices. And we do talk not only about programming but about the design also. Syndicode is proud of our UI/UX design skills and products. That is why we need to provide the constant improvement with new tools and technologies, methods and approaches. Today we will show you the new UI kit for designing card-based interfaces and media websites. Meet Deck – a beautiful cross-platform UI kit by InVision!
Look what we have found! Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you with a set of organized tools, patterns & practices which work as the foundation for your application development.
You should remember our list of 36 useful resources for UI and UX designers. We did a great job there! But now’s the time to show you something else that also matters for a good design. As far as user research is the first thing should be done before the design creation, meet user research tools list in 2018!
We have a great news! Figma Platform was introduced today! Figma already lives online, but recently it was announced that it starting off with a new concept for the design space: Figma Web API.
Syndicode does always care about good design! And if we find some great tools to provide better solutions and easy to use, we share them with you. In this case, it doesn’t matter whatever you a designer, CTO, manager or a programmer. Because all of us can use CSS Gradient website for beautiful color flows.