Deploy web projects with the best frontend developer experience and highest end-user performance.
Link: https://vercel.com/
25. fun-javanoscript-projects
Learn Javanoscript for free in a practical, project based approach.
Link: https://fun-javanoscript-projects.com/
26. Flaticon
3743500+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!
Link: https://www.flaticon.com/
27. Awesome Python
A curated list of awesome Python frameworks, libraries and software.
Link: https://awesome-python.com/
28. CSS Reference
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
Link: https://cssreference.io/
29. Sidebar.io
The five best design links, every weekday.
Link: https://sidebar.io/
30. Grid by Example
Everything you need to learn CSS Grid Layout.
Link: https://gridbyexample.com/
31. Heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Link: https://heroicons.com/
32. Latency
Free global latency performance testing tool.
Link: https://latency.apex.sh/
33. We Work Remotely
Remote jobs in design, programming, marketing and more.
Link: https://weworkremotely.com/
34. Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
Link: https://unsplash.com/
35. Simple Icons
1400+ Free SVG icons for popular brands.
Link: https://simpleicons.org/
36. CSS Stats
CSS Stats provides analytics and visualizations for your stylesheets.
Link: https://cssstats.com/
37. Squoosh.app
Compress and compare images with different codecs, right in your browser.
Link: https://squoosh.app/
38. Fast design
The adaptive interface system for modern web experiences.
Link: https://fast.design/
39. Tabler Icons
800+ Highly customizable & free SVG icons.
Link: https://tablericons.com/
40. unDraw
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.
Link: https://undraw.co/
41. Figma
Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.
Link: https://www.figma.com/
42. Hashnode
Hashnode is a free content creation platform and community that allows you to publish articles on your own domain and helps you stay connected with a growing developer community.
Link: https://hashnode.com/
43. Free CSS
Free CSS has 3133 free website templates, all templates are free CSS templates, open source templates or creative commons templates.
Link: https://www.free-css.com/
44. DrawKit
Free vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, packs, icons and more.
Link: https://www.drawkit.io/
45. Public APIs
A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs, etc.
Link: https://public-apis.io/
46. CSS.gg
Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API.
Link: https://css.gg/
47. Jr.DevJobs
Jobs for Junior Developers
Link: https://www.jrdevjobs.com/
48. Notion
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Link: https://www.notion.so/
49. Compresspng.com
PNG compression and optimization tool to compress PNG images into PNG-8 format with transparency support
Link: https://compresspng.com/
50. Compressor.io
Optimize and compress JPEG, PNG, SVG, GIF and WEBP images online. Compress, resize and rename your photos for free.
Link: https://compressor.io/
Find us on telegram ❤️❤️ to get free learning resources
http://t.me/WebsiteDesignLearningGroup
Link: https://vercel.com/
25. fun-javanoscript-projects
Learn Javanoscript for free in a practical, project based approach.
Link: https://fun-javanoscript-projects.com/
26. Flaticon
3743500+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!
Link: https://www.flaticon.com/
27. Awesome Python
A curated list of awesome Python frameworks, libraries and software.
Link: https://awesome-python.com/
28. CSS Reference
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
Link: https://cssreference.io/
29. Sidebar.io
The five best design links, every weekday.
Link: https://sidebar.io/
30. Grid by Example
Everything you need to learn CSS Grid Layout.
Link: https://gridbyexample.com/
31. Heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Link: https://heroicons.com/
32. Latency
Free global latency performance testing tool.
Link: https://latency.apex.sh/
33. We Work Remotely
Remote jobs in design, programming, marketing and more.
Link: https://weworkremotely.com/
34. Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
Link: https://unsplash.com/
35. Simple Icons
1400+ Free SVG icons for popular brands.
Link: https://simpleicons.org/
36. CSS Stats
CSS Stats provides analytics and visualizations for your stylesheets.
Link: https://cssstats.com/
37. Squoosh.app
Compress and compare images with different codecs, right in your browser.
Link: https://squoosh.app/
38. Fast design
The adaptive interface system for modern web experiences.
Link: https://fast.design/
39. Tabler Icons
800+ Highly customizable & free SVG icons.
Link: https://tablericons.com/
40. unDraw
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.
Link: https://undraw.co/
41. Figma
Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.
Link: https://www.figma.com/
42. Hashnode
Hashnode is a free content creation platform and community that allows you to publish articles on your own domain and helps you stay connected with a growing developer community.
Link: https://hashnode.com/
43. Free CSS
Free CSS has 3133 free website templates, all templates are free CSS templates, open source templates or creative commons templates.
Link: https://www.free-css.com/
44. DrawKit
Free vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, packs, icons and more.
Link: https://www.drawkit.io/
45. Public APIs
A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs, etc.
Link: https://public-apis.io/
46. CSS.gg
Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API.
Link: https://css.gg/
47. Jr.DevJobs
Jobs for Junior Developers
Link: https://www.jrdevjobs.com/
48. Notion
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Link: https://www.notion.so/
49. Compresspng.com
PNG compression and optimization tool to compress PNG images into PNG-8 format with transparency support
Link: https://compresspng.com/
50. Compressor.io
Optimize and compress JPEG, PNG, SVG, GIF and WEBP images online. Compress, resize and rename your photos for free.
Link: https://compressor.io/
Find us on telegram ❤️❤️ to get free learning resources
http://t.me/WebsiteDesignLearningGroup
Vercel
Vercel: Build and deploy the best web experiences with the AI Cloud
Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.
👍2
FONTS AND TYPOGRAPHY
Fonts play very important role in web design. You should pick right fonts for your project. Here is some free resources 🤓
Google Fonts - The #1 resource for free and easy-to-use webfonts.
https://fonts.google.com/
FontPair - Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
https://fontpair.co/
Fontjoy - Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.
http://fontjoy.com/
Fonts Arena - Free fonts, free alternatives to premium fonts, done-for-you-research articles.
https://fontsarena.com/
Subscribe us on telegram to get free learning resources
http://t.me/WebsiteDesignLearningGroup
Fonts play very important role in web design. You should pick right fonts for your project. Here is some free resources 🤓
Google Fonts - The #1 resource for free and easy-to-use webfonts.
https://fonts.google.com/
FontPair - Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
https://fontpair.co/
Fontjoy - Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.
http://fontjoy.com/
Fonts Arena - Free fonts, free alternatives to premium fonts, done-for-you-research articles.
https://fontsarena.com/
Subscribe us on telegram to get free learning resources
http://t.me/WebsiteDesignLearningGroup
Google Fonts
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
Thought you might enjoy this course on @Udemy: React JS- Complete Guide for FrontEnd Web Development (2020)
https://www.udemy.com/share/102CgD/
Cupon
👉 FREEDEC2
https://www.udemy.com/share/102CgD/
Cupon
👉 FREEDEC2
Udemy
React JS- Complete Guide for Frontend Web Development
Become an expert React JS Developer. Learn HTML, CSS, JavaScript, ES6, React JS and jQuery.
Simulating Drop Shadows with the CSS Paint API | CSS-Tricks
https://css-tricks.com/simulating-drop-shadows-with-the-css-paint-api/
https://css-tricks.com/simulating-drop-shadows-with-the-css-paint-api/
CSS-Tricks
Simulating Drop Shadows with the CSS Paint API | CSS-Tricks
Ask a hundred front-end developers, and most, if not all, of them will have used the box-shadow property in their careers. Shadows are enduringly popular, and
Choose the correct output
console.log ( 2 - ' 2 ' ); console.log ( 2 + ' 2 ' );
console.log ( 2 - ' 2 ' ); console.log ( 2 + ' 2 ' );
Anonymous Quiz
26%
0 4
7%
22 4
36%
22 22
31%
0 22
Choose the correct output
console.log ( 5 < 6 < 7 ); console.log ( 7 > 6 > 5 );
console.log ( 5 < 6 < 7 ); console.log ( 7 > 6 > 5 );
Anonymous Quiz
26%
True False
57%
True True
9%
False True
8%
False False