Web Development

💻 The Coding Space

Welcome to 'The Coding Space' – your gateway to mastering programming and coding! 💻🎓

Explore tutorials in Python, Java, C, C++, C#, and other powerful languages.

Whether you're a beginner or an experienced developer, this channel provides practical tips, real-world projects, and resources to help you grow your coding expertise.

Join us to enhance your skills and stay ahead in the tech world!

📱 The Coding Space

💸 Skills To Master As a Web Developer

⌨️🖐⌨️ Frontend RoadMap In 180 Days

⌨️ Best 3 Ways to Center a Div.

⌨️⌨️ HTML Web Components Make Progressive Enhancement And CSS Encapsulation Easier

A look at three specific examples that show off key features of Web Components, including CSS style encapsulation and opportunities for progressive enhancement.

🔗 Link to the article

012 HTTPHTTPS

013 Introduction To Databases

014 SQL Create Table

015 SQL Insert Into + Select

016 What is PHP

💸 Fundamentals of Web Development

001 Browsing the Web

002 Breaking Google

004 Traceroute

003 The Internet Backbone

005 HTML, CSS, Javascript

006 Build Your First Website

007 HTML Tags

008 Your First CSS

009 What Is Javascript

010 Your First Javascript

011 Javascript On Our Webpage

⌨️ CSS Flexbox justify-content

Example:

.element {
    display: flex;
    justify-content:space-between;
}

An idea I stole from MDN website 😛 how to setup a fade out for long text in article cards, etc

✨ The trick is to create a psuedo element that is placed in a manner to cover only the last line, and add a horizontal gradient, from full transparent to background color (white)

💡 You could also use CSS custom properties to avoid referring to 1.5rem multiple times

Recently, CSS has supported "logical" direction based properties for margin, padding, border, etc!

Previous to this, we were able to define properties based on physical directions like left, right, etc. This was a problem when different writing modes come into play, such as Arabic which is written from right to left, or traditional Chinese, Japanese, which are written from top to bottom.

👉 These new properties automatically adjust to the writing mode without the need for media queries.

"block" indicates main axis of writing mode (top to bottom for English)

"inline" indicates the cross axis of the writing mode (left to right for English)

You can combine this to create different properties for margin, padding, border, size and inset

👉 margin-block-end
👉 padding-inline
👉 border-inline-start
👉 inline-size
👉 block-size

✨ This also has the benefit that it provides shorthands like margin-inline which sets both left and right margin

📢 Announcement! 📢

🎉 The votes are in, and the winner is: Programming and Coding Tutorials Channel! 💻✨

🚀 We’ll be creating this channel as soon as possible, so stay tuned and stay connected for updates!

🌟 Thank you all for your participation and support! 🙌

Every coder’s basic need 👀
#meme

👩‍💻 👩‍💻 CSS Selectors

A thorough, complete guide/reference covering all of the various methods we have to select elements in CSS (such as pseudo-selectors, nested selectors, attribute selectors, etc) and how to use them for applying styles.

🔗 Link to the article

⌨️ Cursor in CSS

Used to specify the type of cursor to be displayed when pointing over an element.

🖐 8 Super useful HTML tips & tricks that every Developer should know about

⭐ Beginner To Advanced FULLSTACK

Introducing 'CandyChat / CrushChat', the secret AI tool specifically designed for adults.
🤖 #1 NSFW-friendly AI chatbot on Telegram. Start a sweet conversation with your girl / boyfriend conveniently. Try for free↓
👉  Want a girlfriend
👉  Want a boyfriend

⌨️ A simple hack to add gradient fill to text in CSS

Most UI design tools have a straight forward option to add a gradient as fill for text. But this isn't the case for us, frontend developers.

However, this simple set of three properties allows to add any image or gradient as a fill for text.

✨ The text is still fully accessible and selectable.

💸 Full-Stack Developer Skills & Technologies

⚡Black Friday Cybersecurity Sale!⚡

🔥Don’t miss this chance to get premium online protection at an unbeatable price!
💡Why Kaspersky?

✅AI-powered security tailored for your needs
✅Zero interruptions for gaming and streaming
✅Real-time privacy and threat protection

⏰Act fast—this deal ends soon! Secure your devices today and save big.

🖐 HTML TIPS AND TRICKS

⌨️ Master the CSS Grid

🔅 A CSS Unit Deep Dive - Learn CSS Units & When To Use Them

00:00 intro
01:09 Pixel unit
06:15 em & rem
12:10 %, vh, vw
14:12 ch unit

There’s at least 40+ different length units in the CSS specification and initially I was going to go over literally each one of them until I realized how silly of an idea that was. The truth is, many of these units should either not be used at all or are rarely used for web design.