Forums
New posts
Articles
Product Reviews
Policies
FAQ
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Menu
Log in
Register
Install the app
Install
Forums
Digital Lifestyle
Web Design and Hosting
How to find out the grid and layout on an example website
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Raz0rEdge" data-source="post: 1920321" data-attributes="member: 110816"><p>[USER=190607]@Randy B. Singer[/USER] , that isn't exactly what the OP was asking..</p><p></p><p>[USER=408215]@jsteave[/USER] - If you trying to replicate website, just inspect the code and look at the HTML structure to see how they are doing it.</p><p></p><p>The rigid idea of grids are no longer actively used. Bootstrap, for a while, was the go-to standard and put everything in grids when people tended to write their code largely in XHTML and CSS. These days, people tend to write code from the various frameworks out, React, Angular and so on and they've all adopted the component style of coding.</p><p></p><p>So you write up your components, put it together at the Index level and then use SCCS to structure the overall page.</p><p></p><p>Additionally, with the grid system you end up getting a pretty rigid design, and with components you can add/remove pieces, so grids don't make a lot of sense.</p><p></p><p>Lastly, if you are looking to put things into Figma, the idea is not to worry about the specifics of how a website is going to be built, but rather how you want to display the information and deal with the interactions. Putting grids into Figma is unnecessary.</p></blockquote><p></p>
[QUOTE="Raz0rEdge, post: 1920321, member: 110816"] [USER=190607]@Randy B. Singer[/USER] , that isn't exactly what the OP was asking.. [USER=408215]@jsteave[/USER] - If you trying to replicate website, just inspect the code and look at the HTML structure to see how they are doing it. The rigid idea of grids are no longer actively used. Bootstrap, for a while, was the go-to standard and put everything in grids when people tended to write their code largely in XHTML and CSS. These days, people tend to write code from the various frameworks out, React, Angular and so on and they've all adopted the component style of coding. So you write up your components, put it together at the Index level and then use SCCS to structure the overall page. Additionally, with the grid system you end up getting a pretty rigid design, and with components you can add/remove pieces, so grids don't make a lot of sense. Lastly, if you are looking to put things into Figma, the idea is not to worry about the specifics of how a website is going to be built, but rather how you want to display the information and deal with the interactions. Putting grids into Figma is unnecessary. [/QUOTE]
Verification
Name this item 🌈
Post reply
Forums
Digital Lifestyle
Web Design and Hosting
How to find out the grid and layout on an example website
Top