Please open Telegram to view this post
VIEW IN TELEGRAM
❤59👍16🔥5
Local Storage vs Session Storage
Choose Local Storage for persistent, cross-session data and Session Storage for temporary, tab-specific data, ensuring sensitive information is handled securely server-side.
❤36👍3🔥3
🔅 Building Full-Stack Applications with HTMX
🌐 Author: Fikayo Adepoju
🔰 Level: Intermediate
⏰ Duration: 2h 58m
📗 Topics: Web Development, Full-Stack Development
📤 Join Web Development for more courses
🌀 Master full-stack web development by learning how to build real-world applications with HTMX.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤16
Get up and running with HTMX in this hands-on course with software developer Fikayo Adepoju. Discover the essentials of building real-world web functionalities with HTMX and a Hypermedia API. Fikayo demonstrates how to use HTMX in your applications by first building common web functionalities like search to find information, paginated tables to manage data, infinite scroll, and a dynamic web form powered by a Hypermedia back end. Along the way, youll get a chance to practice your new skills and technical know-how by building a complete application, a blogging platform, from the ground up.This course includes Code Challenges powered by CoderPad. Code Challenges are interactive coding exercises with real-time feedback, so you can get hands-on coding practice alongside the course content to advance your programming skills.
Please open Telegram to view this post
VIEW IN TELEGRAM
2❤28
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17❤15
Please open Telegram to view this post
VIEW IN TELEGRAM
❤64👍37🔥11
A visualization of different flex axes in CSS, for different flex directions 😎
👍17❤9
Version 4 is “optimized for performance and flexibility”, takes full advantage of modern web platform features, and is now CSS-first, moving away from a JS-based configuration. There’s lot of detail to dig into here.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤30👍7🔥5
🔅 CSS: Variables and Fluid Layouts
🌐 Author: Jen Kramer
🔰 Level: Advanced
⏰ Duration: 2h 2m
📗 Topics: Cascading Style Sheets
📤 Join Web Development for more courses
🌀 Learn how to leverage recent advances in CSS to more efficiently build sites with a single design that adapts readily to different screens and environments.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11
When responsive web design was first introduced, it was at once magical and inefficient. Designers had to work with floats to lay out their grid-based systems, as well as hack media queries. Recent advances in CSS simplify this process, letting your design adapt to circumstances more fluidly. But leveraging these new features requires abandoning current practices and shifting to a model where you trade precise control for consistency and ease of implementation. This course can help you make that shift. Jen Kramer lays out how to do math directly in CSS via the calc() function and leverage custom properties, or variables, to streamline your CSS. She presents practical examples and hands-on practice exercises. Along the way, Jen shares examples of how to use these properties, including how to add custom properties to type scale and work with Flexbox and Grid.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤30👍2🔥1
🔰 CSS Select and element's parent
For a long time, in CSS land, developers were longing for a feature that allowed to select the parent of a particular element.
In this example, we have two .parent elements but with different children. With the :has() pseudo selector, we can select the parent of a particular child. With this we can apply some styling only to that particular parent.
This opens up a lot of possibilities such as
✨ Style a list when a particular element is hovered
✨ Style a card depending on whether or not it has an image
✨ Style a header depending on whether or not it has an hyperlink
The possibilities are endless 🔥
For a long time, in CSS land, developers were longing for a feature that allowed to select the parent of a particular element.
In this example, we have two .parent elements but with different children. With the :has() pseudo selector, we can select the parent of a particular child. With this we can apply some styling only to that particular parent.
This opens up a lot of possibilities such as
✨ Style a list when a particular element is hovered
✨ Style a card depending on whether or not it has an image
✨ Style a header depending on whether or not it has an hyperlink
The possibilities are endless 🔥
❤16
This media is not supported in your browser
VIEW IN TELEGRAM
🔰 Responsive Card with CSS Flexbox ✨
👍5❤1