Palash Mondaliampalash.hashnode.net·Aug 13, 2021🔥 6 Awesome CSS Layout GeneratorsHi everyone 👋 Today I wanted to share with you 6 awesome CSS layout generators/tools that will help you in rapid prototyping and front-end development of CSS layouts for your projects. I hope you will find it useful and bookmark it so that you can r...Rahul Das and 4 others are discussing this5 people are discussing thisDiscuss·330 likes·12.5K readsWeb DevelopmentCSSNice Article as always. Thanks for sharing. 👍 10
NELSON MICHAELnelsonmichael.hashnode.net·Aug 5, 2020FeaturedIntroduction to Element Positioning: (Positions)A popular myth we might have stumbled upon is that positioning items is a Nightmare. However, while this might be true, the idea that it is a nightmare has been reduced drastically over time. Bootstrap was one technology that helped to position items...Bolaji Ayodeji and 3 others are discussing this4 people are discussing thisDiscuss·71 likes·504 readsIntroduction to Elements PositioningCSS3Learn a lot from this, thanks for sharing! 5
Chris Bongersdaily-dev-tips.hashnode.net·Sep 28, 2021Creating a reusable layout in Next.jsYesterday we added a menu to our Next.js application. However, this was hardcoded on one page. Today we'll take a look at how we can introduce a layout component to have a shared layout for our menu on each page. Creating the layout component Create ...Discuss·50 likes·670 readsReact
Subham Sahasubhamsaha.hashnode.net·Apr 24, 2023CSS Layouts: Boost Web DesignI would like to draw your attention to the fact that we have previously covered CSS Selectors and the Box Model. Therefore, I suggest that we review these concepts before diving into CSS Layouts. By doing so, we can have a better understanding of the...DiscussCSS
Julián Pinzón Eslavapinzonjulian.hashnode.net·Apr 21, 2023Layout rendering in Rails Part 2: Implicit, per controller layoutsIn the first part of this series, we learnt how implicit rendering works to separate authenticated vs unauthenticated sections of an app. In this second part, we will learn how to use this technique to build interfaces for specific controllers. The a...Discuss·123 readsThe hidden power behind Action View LayoutsRuby
Julián Pinzón Eslavapinzonjulian.hashnode.net·Apr 16, 2023FeaturedImplicit Layout rendering in RailsI love car-sharing services. It has allowed me to live car-free for the past three and a half years cutting down on maintenance, taxes, stress ... you name it. I can also book small cars for short rides, vans for moving stuff and larger, more comfort...Discuss·16 likes·845 readsThe hidden power behind Action View LayoutsRuby
David JajaforOpen Replay's Technical Blogopenreplay.hashnode.net·Apr 12, 2023CSS Flexbox vs. CSS GridCSS Flexbox and CSS Grid are two favored technologies developers use to create responsive and appealing web layouts. These methods have become the go-to solution for building scalable and flexible designs. But, deciding which one to use can be challe...Discuss·47 readsCSS
Feyitimi Victor OlumuyiwaforLove, CSSpocketcss.hashnode.net·Mar 30, 2023Box Shadow in CSSBox shadow is a CSS property that allows web developers to add depth and dimensionality to their website layouts by creating a shadow effect around an HTML element. It is a versatile tool that can be used in a variety of ways to enhance website desig...Discuss#box-shadow
Nikxnim.hashnode.net·Mar 12, 2023FeaturedBrowser Event loop: micro and macro tasks, call stack, render queue: layout, paint, compositeThis article was initially published in my custom blog, but since I migrate to hashnode, I re-visited and re-wrote it The article focuses on the event loop, the order of execution, and how developers can optimise code. The fully detailed schema: Eve...Sandeep Panda Test and 3 others are discussing this4 people are discussing thisDiscuss·37 likes·3.3K readsJavaScript
Namito Yokotanamitoy.hashnode.net·Feb 14, 2023Beginner's Guide to CSS GridWhat is Grid? Grid is a new CSS layout module created to support a two-dimensional layout system. How to use it Define Container To start using CSS Grid, create a div element within the HTML, then define that element to be a grid container within th...Discuss·36 readsCSS
Namito Yokotanamitoy.hashnode.net·Feb 14, 2023Beginner's Guide to CSS FlexboxWhat is Flexbox? Flexbox is a CSS layout module that provides an efficient way to dynamically layout, align and distribute space among items in a container. How to use it Define Container To start using flexbox, create a div element within the HTML,...Discuss·50 readsCSS
Gowtham kgautam033.hashnode.net·Feb 4, 2023Understanding CSS FlexBox thoroughly !1.Layout? CSS page layout techniques allow us to take elements contained in a web page and control where they're positioned relative to the following factors: their default position in normal layout flow, the other elements around them, their parent ...Discuss·10 likes·29 readsCSS
Lokesh Kavisthlokeshkavisth.hashnode.net·Jan 26, 2023CSS Grid vs Flexbox: Which Layout Tool is Best for Your Project?Introduction: CSS Grid and Flexbox are both strong layout technologies for generating dynamic and adaptable web designs. While they have some similarities, they are also highly different and should be utilised in various scenarios. Understanding CSS ...DiscussCSS Grid
