Saurabh Guptacodecraft-by-saurabh.hashnode.dev·Nov 16, 2024Mastering Responsive Design: My Journey to Building Adaptive WebsitesAs a frontend developer, I started with the basics of responsive design but felt I hadn't truly mastered it. I worked with CSS frameworks like Tailwind CSS and Bootstrap, which simplified responsiveness but masked the underlying principles. I realize...Discuss·41 readsWeb Development
Cosmic Webcomicweb.hashnode.dev·Nov 13, 2024Mastering Responsive Design with CSS Media QueriesResponsive design has become the cornerstone of modern web development, enabling websites to look and function well on a variety of devices. At the heart of responsive design are CSS media queries, which allow developers to create adaptable layouts t...DiscussResponsive Web Design
Tanmay Bhansaliadvance-tic-tac-toe.hashnode.dev·Nov 5, 2024Day 4: Building a Customizable Tic Tac Toe with Socket.io - Set Your Own Board Size and Play Online!In the previous three posts, I discussed the journey of developing a dynamic Tic-Tac-Toe game with multiplayer support. Here’s a brief recap: Day 1: I focused on the pass-and-play feature, implementing the core game logic and a customizable board si...Discuss·10 likesinterview
Amar Jondhalekarcoffeewithamar.hashnode.dev·Nov 1, 2024Creating an Accordion Component in React: A Step-by-Step GuideHello, everyone! It's Amar Jondhalekar here, and today I'm excited to share with you how to build a dynamic accordion component using React. Accordions are a fantastic way to organize information in a compact space, making it easier for users to navi...DiscussReactJS Evolution: Learn from the Ground UpReact
Prashant Katareprashantblog.hashnode.dev·Oct 28, 2024Responsive Navbar (Angular) using vanilla CSSNavbar when screen width is greater than 600px - Navbar when screen width is less than 600px. The Navbar expands when the hamburger button is clicked. Collapsed Navbar - Expanded Navbar - We need to hide a few elements and make them appear when ne...DiscussAngular
Okoye Ndidiamakaamikdigital.hashnode.dev·Oct 27, 2024Learning to Use HTML & CSS: Your First WebpageWant to build a website but don't know how to get started? With HTML and CSS, you can design your first web page today! Let me explain some basic steps, tips, and additional resources you can use to get underway on this exciting journey into the worl...Discussmobile first
Kailash Kumarblog.kailashkumar.com·Oct 26, 2024What is Responsive Design in Web Development?In the digital age, where users access websites from a range of devices with different screen sizes and resolutions, creating a seamless user experience is paramount. Responsive web design is the solution to this challenge. This approach ensures that...DiscussWeb DevelopmentResponsive Web Design
Anish Agrawalanish29801.hashnode.dev·Oct 15, 2024Tailwind CSS vs. Bootstrap: History, Features, and Use CasesTailwind CSS and Bootstrap are two of the most popular front-end CSS frameworks, each with its own distinct design philosophy and approach to styling. While Bootstrap revolutionized web development with its pre-built components and grid system, Tailw...Discuss·52 readsWeb Development
akash javaliblog.akashjavali.com·Oct 12, 2024Getting Started with Frontend Technology: A Beginner’s GuideAs the face of modern web development, frontend technology is a vital skill for anyone looking to dive into programming. Frontend development is all about creating the part of websites and web applications that users interact with directly. From the ...Discuss·1 like·28 readsFrontend Development
Abdulwasiu AbdulmuizeforPryma Studioprymastudio.hashnode.dev·Oct 3, 2024Responsive Design in React Native: Building Apps for Multiple Screen SizesAs mobile devices come in various shapes and sizes, building responsive designs in React Native is crucial to delivering seamless user experiences. In this post, we'll explore strategies and tools for ensuring your React Native app looks great and fu...Discuss·1 like·46 readsReact Native