Code With Nabin

I have some exciting news to share with you all! 🎉

I'm launching my personal blog soon, where I'll be writing about coding, web development, web design, and my learning journey.

My blog will be a place where you can find helpful tips, tutorials, reviews, and stories on everything related to web development.

If you’re interested in learning more about coding and web design, or if you just want to follow along my journey, you can follow me and stay tuned for more updates.

I want to share my knowledge, experience, and challenges with you, and I hope you’ll join me on this adventure 😊

Thank you for your support and encouragement. ❤

Find the website here: https://bit.ly/3oeFII3
(maybe you wanna add it to your bookmark manager 👀)

- Nabin, Code With Nabin

I have some exciting news to share with you all! 🎉

I want to share my knowledge, experience, and challenges
with you, and I hope you’ll join me on this adventure 😊

Find the website here: https://bit.ly/3oeFII3

There are so many tips to enhance
your web development skills. ✅

I will tell you 3 of them;

- Develop (code) every day
- Practice what you enjoy
- Learn. Make mistakes 🔁

HTML Tip 💡

Use the alt attribute to provide alternative text for images. The alt attribute is used to describe the content of an image in case the image is not able to be displayed. This is important for accessibility purposes, as it allows users who are unable to see the image to still understand its context and purpose. ✨

Here is an example of how to use the alt attribute when including an image in your HTML code: 👇

HTML Tip 💡

Use semantic elements to structure your HTML code. Semantic elements give meaning to the content they contain, which makes it easier for both humans and machines to understand the structure and purpose of the content. ✨

Here is the basic example of how you can use semantic elements to structure the header of your webpage. 👇

HTML Tip 💡

Use semantic elements to structure your HTML code. Semantic elements give meaning to the content they contain, which makes it easier for both humans and machines to understand the structure and purpose of the content. ✨

Mistakes people make when
learning how to code 🙂

1. Expecting to learn coding overnight
2. Not practicing enough
3. Giving up too easily

4. What else? Comment.

13 websites to learn Web Development online

- Youtube - 🆓
- FreeCodeCamp - 🆓
- Edx - 🆓
- Udemy - 🆓+💵
- Coursera - 🆓+💵
- W3schools - 🆓
- Pluralsight - 💵
- Stanford Online - 🆓
- The Odin Project - 🆓
- Codewars - 🆓
- Sololearn - 🆓+💵
- Codecademy - 🆓+💵
- MDN - 🆓

HTML Tip 💡

Loading attribute: The loading attribute on an element (or the loading attribute on an ) can be used to instruct the browser to defer loading of images/iframes that are off-screen until the user scrolls near them. ✨️

A small pro tip when implementing a border radius 😊

Secret JS Array Cheatsheet ✨️

Secret JS Pattern Modifier & RegExp Object Cheatsheet ✨️

JS Regular Expression Syntax Cheatsheet ✨️

Secret HTML Cheatsheet ✨️

Secret CSS Cheatsheet ✨️

CSS Roadmap for Newbies ✨️

CSS Properties ✨️

What to do when you're stuck while coding? ✨

Getting stuck happens even to the most experienced programmers. Here, I'll share some general practices that you can use the next time you're stuck on a coding problem. 💻

Follow for more Code With Nabin

CSS Animations ✨️

All About Flexbox ✨️

A Complete Guide to CSS Grid Layout ✨

CSS Grid Layout, is a two-dimensional grid based layout system with rows and columns, making it easier to design web pages without having to use floats and positioning. 💻

Don't forget to follow me and share with your friends. 💁‍♂️♥
Join the Facebook Community For Discussion: Code With Nabin

✨

Using CSS Custom Properties ✨✨
How many of you are using them??

Custom Properties are entities defined by CSS authors that contain specific values to be reused throughtout a document.

follow me

Front-end tools to learn in 2022 ✨️

Most Important Pseudo Class Selectors in CSS. ✨✨

Pseudo class selectors are CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like :hover selector.They are immensely useful in a variety of situations. Some of them are CSS3, some CSS2… it depends on each particular one. Outside of IE, they have great browser support. However, the IE9 preview has full support for them. 💻

Follow me
in

Use These Attributes for Accessibility on HTML Pages ✨✨

Always write HTML code with accessibility in mind! 😊
Provide the user a good way to navigate and interact with your site.

There are many more tricks that you can research on the internet to increase accessibility on HTML pages. Here, I talked about 4 html attributes that helps to boost accessibility on your website. Enjoy and Happy Learning Everyone ❤💗

Follow me
💖