Dipta Sahadipta.hashnode.dev·Sep 16, 2023Layout system in Next JS with Typescript using Page Router - Banglaএকটা Website এর Layout বলতে আমরা সাধারণত বুঝি যে, ঐ Website এর প্রতিটা পেইজের গঠন কেমন হবে। গঠন বলতে উক্ত Website এর প্রতিটা পেইজেই কমন কিছু part থাকে যেমন, Header Section, Footer Section, Sidebar Section, Content Section, ইত্যাদি ইত্যাদি। এই সকল Sec...DiscussNext.js
Abdul-Majid Aladejanaabdulmajid.hashnode.dev·Sep 7, 2023The Beginner’s Guide to CSS FlexboxThe Beginner's Guide to CSS Flexbox Before the introduction of Flexbox, CSS layouts primarily relied on different techniques and properties to create designs. These techniques- display properties (inline and block layout for texts and documents, resp...DiscussCSS
Ogunuyo Ogheneruemu Biruemu.hashnode.dev·Aug 30, 2023Understanding Media Queries in CSS: A Guide with Practical ExampleMedia queries are a fundamental concept in responsive web design, allowing developers to apply different styles and layouts to a webpage based on the user's device characteristics such as screen width, height, orientation, and resolution. In this blo...Discussmedia queries
Anay Sinhalanay09.hashnode.dev·Jul 21, 2023Auto Layout in FigmaIn the world of website design, efficiency is key. Designers often face challenges when it comes to resizing elements, rearranging lists, and creating responsive interfaces. That's where Auto Layout comes in. We're thrilled to announce that Auto Layo...Discuss·2 likesDesign Driven Developmentfigma
Anay Sinhalanay09.hashnode.dev·Jul 20, 2023Layout Grid in FigmaLayout grids play a crucial role in providing structure, consistency, and visual hierarchy in design. They improve readability and help establish a rational approach to positioning, sizing, and spacing. In Figma, layout grids offer added functionalit...Discuss·1 likeDesign Driven Developmentfigma
Alexis Abakasangaalexisabakasanga.hashnode.dev·Jul 14, 2023Day 57: LayoutToday, I created a UI Card using auto-layout. I made sure to take note of the finer details, such as naming layers, space between elements, alignment, and use of color. I also learned about text layouts for websites; we have the aligned layout and th...Discuss60daysUXchallenge
Dhanissh JDdhanisshjd.hashnode.dev·Jul 7, 2023Web Development: Layout DesignIntroduction: Hey Web developers! You'll notice that many pages have similar layouts and structures as you build web pages throughout your career. This is the result of many years of user interface design and user experience research. The resulting b...Discuss·10 likes·26 readsWeb Development
Subham Sahasubhamsaha.hashnode.dev·May 9, 2023CSS Fixed layout: Boost Web DesignI would like to draw your attention to the fact that we have previously covered CSS Layouts. Therefore, I suggest that we review these concepts before diving into CSS Fixed layout. By doing so, we can have a better understanding of the topic and ensu...Discuss·1 likeCSS
Tiago Costa Rebelotiagocrebelo.hashnode.dev·May 7, 2023Design Principles...In this article, we'll be diving into the world of design, specifically, we'll approach design principles and how you can use them to create visually appealing and functional designs that will blow your users' minds, or at the very least, improve you...Discussdesign principles
Shashank Kumarshashankkumar.hashnode.dev·May 6, 2023Simplifying CSS: Flexbox Part 2In the previous blog, Flexbox Part 1, we discussed the basics of Flexbox and if you are not comfortable with it. I want you to refer to my Part 1 for a clear understanding of the basics before moving ahead. Simplifying CSS: Flexbox Part 1 Now with th...Discuss·52 readsflexbox