Planning a new website or web application? There is always a dilemma on choosing an appropriate design solution. Your product should be visually appealing and engaging, but not very complicated to develop. Who wants to put years into developing a new style for a website these days? Nobody! That is why the community often comes up with some ready-made solutions to simplify your life. Today we’re going to introduce to you a new tool for developers and designers to build and document websites and apps! UIengine is a workbench for UI-driven development.
It seems like in future developers will write less and less code. Modern technologies and automating tools will allow you just to pick the goal and do everything for you. We can’t say is it good or bad, but we can say that sometimes these new solutions can bring you a lot more productivity without extra efforts. Meet Layoutit tool for lazy frontenders!
Nowadays it’s hard to stay ahead of your competitors, especially if we talk about design tools. While one propose unlimited power on a paid base the other allows using everything for free. But Figma thinks that the future is in the online collaboration within your design team. And you can’t argue with this! Figma 3.0 released with three new features that will allow teams of all sizes to consolidate their tool stack, saving time and money.
If you have read our article about how will AI affect UI/UX design, you could have got scared about your designer’s career future. And there are many great things and tools that will automate designer’s work in future. So, how do you think, will Design Systems replace design jobs?
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.