Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

✅ Using the CSS cap Unit A look at how Ahmad solved a spacing design problem with the CSS cap unit. 🔗 Link to the article

⌨️ Viewport units in CSS

They are relative units that measure as a percentage of the browser's viewport dimensions.

🔅 FigJam for Design Thinking and Collaboration 📝 Learn how to use FigJam, a streamlined collaboration and brainstorming tool that sits alongside Figma to help design thinking professionals collaborate and brainstorm. 🌐 Author: Joseph Labrecque 🔰 Level: Beginner + Intermediate ⏰ Duration: 39m 📋 Topics: Design Collaboration, Brainstorm Facilitation 🔗 Join Web Development for more courses

Container Queries for Cards

Responsive layouts made smarter. CSS container queries let your cards adapt to any grid.

⌨️ CSS tip: easy layout

This layout is ideal for creating documentation pages or any website with a fixed-width sidebar for navigation and a flexible content area for displaying information.

🔰 Flexbox in CSS The CSS properties that allow you to use the CSS3 Flexbox capabilities 🔗 https://cssreference.io/flexbox/

🔅 SEO Foundations 📝 Explore the concepts of search engine optimization (SEO). Learn the strategy behind great SEO including keyword planning, link building and SEO for ecommerce, and mobile audiences. 🌐 Author: David Booth 🔰 Level: Beginner ⏰ Duration: 1h 41m 📋 Topics: Search Engine Optimization 🔗 Join Web Development for more courses

🔰 JavaScript Cheat Sheet

🔢 REST API Authentication Methods 1. Basic Authentication: Clients include a Base64-encoded username and password in every request header, which is simple but insecure since credentials are transmitted in plaintext. Useful in quick prototypes or internal services over secure networks. 2. Session Authentication: After login, the server creates a session record and issues a cookie. Subsequent requests send that cookie so the server can validate user state. Used in traditional web-apps. 3. Token Authentication: Clients authenticate once to receive a signed token, then present the token on each request for stateless authentication. Used in single-page applications and modern APIs that require scalable, stateless authentication. 4. OAuth-Based Authentication: Clients obtain an access token via an authorization grant from an OAuth provider, then use that token to call resource servers on the user’s behalf. Used in cases of third-party integrations or apps that need delegated access to user data. 5. API Key Authentication: Clients present a predefined key (often in headers or query strings) with each request. The server verifies the key to authorize access. Used in service-to-service or machine-to-machine APIs where simple credential checks are sufficient.

🔅 CSS: Transforms and Transitions 📝 Create more visually interesting and dynamic websites. Learn how to build animated effects and 3D objects with CSS transforms and transitions. 🌐 Author: Patrick Carey 🔰 Level: Intermediate ⏰ Duration: 1h 56m 📋 Topics: Cascading Style Sheets 🔗 Join Web Development for more courses

🔅 Difference Between opacity, visibility and display

🔅 Outline-offset in CSS

🔅 CSS Toolkit: Tips and Techniques for Layout and Styling 📝 Explore advanced CSS techniques for creating flexible, responsive, and visually engaging web designs with practical tips on layout, typography, custom properties, and more. 🌐 Author: Carrie Dils 🔰 Level: Intermediate ⏰ Duration: 1h 58m 📋 Topics: Cascading Style Sheets, Web Design 🔗 Join Web Development for more courses