Three years before I was also asking this same question — How to learn Frontend web-development? Which topics to learn? From Where to learn? I was also facing the same issues which you are facing
So, I made this post which covers all the essential questions regarding frontend web development and good resources(Both Paid & Free) to learn from, so that you can reach your goal of becoming a frontend web developer with ease.
Flutter is an open-source cross-platform development framework developed by Google. The biggest advantage of developing in flutter is, that it really lessens the development time and increases developer productivity. To get started with flutter you need to follow this step:
In this post, you will get a complete list of free Lottie animations that you can use in your project free of cost!
The list comprises of 50+ animations which you can download in JSON, Mp4, or SVG format.
Want to get better at your design skills or want to become a better UI/UX designer?
With my personal experience for becoming better at UI/UX, you need to learn fundamentals rather than to learn tools like — Figma, Adobe Xd, etc. But a lot of newbies make the mistake of just learning tools rather than focusing on the fundamentals of design.
Because tools will come and go but fundamentals will stay forever!
So to learn fundamentals you have to read books rather than just dwelling on video tutorials.
Also Check Out Post on: Local File Upload And Image Preview
What’s the most boring thing in the world? The answer is chrome defaults. Just kidding! One of those default buttons is the choose file button.
I personally feel that button looks crappy and as a web developer it’s our job to make things look good over the internet.
So in this post, we will override that button and make our own custom file upload button which will look much better than the default. That button will also give us a preview of the selected image.
Sometimes we need pre-made Html Templates for our\client projects to ease our work a little bit. So I made this list of best grid|masonry layout HTML templates because the grid layout looks amazing and intriguing.
Free templates are ok but they come with limitations and fewer features. So this list covers only premium Html Templates for grid layout.
I will also make a list of free HTML Templates in future
Gatsby is an amazing static site generator that uses React and GraphQL to create static sites that are blazing fast and highly secure. If you know react.js and don’t know about gatsby you are missing a lot of things.
It is just an amazing tool and even I am planning it to learn it because gatsby sites are super awesome and damn fast. At the end of 2020, I will be shifting my blog to Gatsby. So I would recommend trying gatsby for once, I bet you will fell in love with Gatsby.
It uses different plugins for adding extra…
In any web-design navbar plays a very important role that’s why I wrote this post which contains 20+ best navbar made using Bootstrap because it is a widely used CSS framework.
About This Navbar: This navbar gives you dropdown menu along with dark and light mode toggle.
Navbar By : Ivan Grozdic
Made with : Html,CSS,JS
About This Navbar: This navbar contains icons and animation.
Navbar By : Zachary Kahl
Made with : Html,CSS(SCSS),JS
Dependencies :bootstrap.min.js, jquery.min.js
About This Navbar: This navbar shows expandable search button. Navbar By : Muluneh Awoke Made with : Html,CSS(SCSS),JS…
We are all concerned about security and want to protect our privacy over the internet. So incognito mode surfing is not enough to protect our privacy, we need an extra layer of security which we can get by using some of the best chrome extensions for security and privacy.
So here’s the list of best chrome extensions which I personally use(some of them) or suggest to use for security and privacy.
You may have used or known about some of the chrome extensions but I assure you that by the end of this post you will never need to search…