Joran Quinten’s Post

#Day3of#days5coding challenge using Html5 Css3. Practice of frontend development. A animated navbar using Html5 & Css3.

Creating React components using just CSS??? That's new for me. I found it a hard move to do imo. MistCSS is the tool that allows you to achieve this. https://lnkd.in/gcaxEpvK

Day 9/30 Topic: CSS This is the ninth day of my commitment to 30days of code and probably the last day to revision of CSS in this journey. Today I read about grids in CSS where I read about grid-gap, justify content, align content and more about grids. Apart from these I studied about media queries which is very useful to creating and webpage responsive and it is a must do if someone is in the field of frontend development so anyone can use their webpage in any device. That's all today my day spent and from tomorrow I am going to start my favorite topic JavaScript the brain behind every webpage. #30daysofwebdev

Implementing a "Reverse Infinite Scroll" in Frontend Applications is a quite challenging problem unless you figure out the right way to solve it. And the right way need not be complex. Today, I attempted to solve this problem "the easy way". And it seems to working smoothly. Try it out! Codepen link - https://lnkd.in/gpsxNb5W Gist link - https://lnkd.in/grTSycD2 I have attached a demo video there! See, if you find the implementation easy and correct. #frontend #engineering #javascript

🚀 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐓𝐢𝐩𝐬 My presentation in office last year covered Immutability in JavaScript. This will help you to use Immutability with keywords: const and Object.freeze() - const: for Value type. - const + Object.freeze(): for Reference type. #wecommit100xshare #frontend

Day 3 of Frontend/ Backend workshop 🎯 Today We explored what CSS is, how it can be linked and here are some key concepts: 🔸️Inline CSS,interal CSS and External CSS 🔸️Basic Property of CSS 🔸️Many useful Shortcuts A very big thanks to Priyanshu Sharma sir for the todays amazing class.🚀

Recently, I created Fast-Comp – the easiest NPM package to generate React components with automatic CSS integration! 🎉 Fast-Comp lets you create React components in seconds with automatic CSS file generation ⚡ Speed: Generate components in a flash. Automatic CSS: No more manual CSS imports. Easy to Use: One command, multiple components. 🚀 fs <component name> 🚀 I wanted to share this tool with you all, so if you'd like to save time and boost productivity in your projects, give it a try! https://lnkd.in/ehHBZ9Gm #React #WebDev #JavaScript #npm #DeveloperTools #CSS

We know there are many libraries for using CSS-in-JS, but have you ever thought about using JS from CSS? It might sound crazy, but there's a new tool called MistCSS that lets you do just that. With MistCSS, you can create React components using only CSS. It supports Next.js, TailwindCSS, and can use all modern CSS features directly. Additionally, it provides automatic type safety, eliminating the need for manually written TypeScript types. This makes it easier for developers to write neat, simple components. You can learn more about MistCSS here. https://lnkd.in/gGQPXGwE #reactjs #javascript #css

Just finished the course “JavaScript: Enhancing the DOM” by Ray Villalobos! Woot woot!: https://lnkd.in/gaCdWijk #documentobjectmodel #javascript.