Frontend-Design Knowledge Sharing #23
The Front-End Tooling Survey 2019 — Results, Next-Generation Web Styling, Amazing Collection of CSS & JavaScript Calculators, Design Patterns in JavaScript, How HTTPS works, Sketch 60 — your design system starts here, 20 Free Adobe XD UI Kits For Web & Mobile App Designers
Table of Content
— Frontend Talks
- The Front-End Tooling Survey 2019 — Results
- Next-Generation Web Styling
- Amazing Collection of CSS & JavaScript Calculators
- Design Patterns in JavaScript
- How HTTPS works
— Design Talks
- Sketch 60 — your design system starts here
- 20 Free Adobe XD UI Kits For Web & Mobile App Designers
The Front-End Tooling Survey 2019 — Results
It’s been a little while coming, but the results from the 2019 Front-End Tooling Survey are now here!
This year, 3,005 developers answered 27 questions covering a wide range of front-end tools and methodologies.
As always it’s super interesting to look at what’s changed over the last 12 months in front-end tooling and see if our thoughts and opinions are shared by other developers in the industry. These results (hopefully) help give an insight into the current usage trends and knowledge levels across front-end tools, as well as showing how these are changing over time by looking at the figures from previous surveys.
Visit the site here
Nest Generation Web Stying
With new CSS features landing in browsers, and Houdini on the horizon, web styling has become so much more powerful than ever. In this video, we’ll show you how to leverage these new properties and works to build fast, beautiful, and accessible websites.
Adam Argyle and Una Kravets cover 20 new and upcoming CSS features in this talk at the Chrome Dev Summit 2019. Check out the demos here.
Amazing Collection of CSS & JavaScript Calculators
Calculators are one of the few tools that have become just as useful online as they are off. Perhaps even more so, when you consider that we now have apps that can calculate more than just hard numbers.
In that spirit, we’ve put together a collection of code snippets that calculate all sorts of things. Not only are they useful, but they also demonstrate the power of both CSS and JavaScript.
Visit the article here
Design Patterns in JavaScript
Design patterns are documented as solutions to commonly occurring problems in software engineering. Engineers don’t have to bang their heads on the problems that someone else has already solved.
Ankita Masand’s excellent article on design patterns and their crucial role in building applications.
Visit the site here
How HTTPS works …in a comic! 🌈 🎉 🍕
Have you ever wondered why a green lock icon appears on your browser URL bar? And why is it important? We did too, and this comic is for you!
Follow the adventures of Certificat, Browserbird, and Computer as they explain why HTTPS is crucial for the future of the web and how it all works together.
Don’t let the bad crabs get you (you’ll know what we mean in the comic). Get to know HTTPS and why it is essential to your privacy.
Visit the site here
Sketch 60 — your design system starts here
In the early days of Sketch, we had a simple goal — to help people design better products. We built a lightweight, intuitive tool and the design community has done amazing things with it. Over time, we started to think about how we could make it easier for designers to work together. So, we laid the foundations for better teamwork with Symbols, Libraries and Shared Styles.
For more information visit the article
20 Free Adobe XD UI Kits For Web & Mobile App Designers
Adobe XD has been continually updated with new features, to the point that it can now be regarded as a solid competitor to all of the other popular UI applications.
If you haven’t tried Adobe XD yet, you can use it for free.
We have collected 20 of the best free Adobe XD UI kits to help get you familiarized with the application (also some tutorials here) so that you can start creating your next great web design or mobile app now.
Visit the site here
Read our previous blog
Also, our Backenders’ shared their learning
That’s all for this week. Stay tuned for upcoming blogs, Till then
Keep on Hacking!!
