Designing a website in 2020?
Out of context: Reply #7
- Started
- Last post
- 13 Responses
- shapesalad0
Download this:
http://brackets.ioSet up local site on mac + php:
https://getgrav.org/blog/macos-c…Enable developer menu in Safari browser so you can use the 'preview; feature and see your website at different sizes, tablet/phone etc.
CSS Grid for layout:
https://css-tricks.com/snippets/…Use a Adobe or google web font.
Some basic CSS https://www.w3schools.com/css/
This is all you need for mobile:
https://www.w3schools.com/css/cs…
View website in browser, make window smaller, when text/graphics begin to overlap, start a new media queries group in your css and adjust css accordingly. keep going down in size until you're happy with how it looks at all sizes. I like to add some simple javascript to display window size in the page title(safari tab) so I know what size to set the media query.
https://stackoverflow.com/questi…Elements appearing on all pages, save out the html div box as a simple php named text file, with <php> wrapper, and use include:
https://www.php.net/manual/en/fu…
clean up your urls:
https://serverpilot.io/docs/how-…Jobs done.
- For a site like posted, he's better off learning Flexbox than Grid. The former's also better supported on older browser versions.Nairn
- eg.
https://flexboxfrogg…
https://mastery.game…Nairn - ^Yup, CSS Grid is still very newdmay
- used css grid for past 2 years, no problem.shapesalad
- for more control you can use flexbox with cssgridhotroddy
- it only breaks on IE. Fuck these users. They are cheap or retarded or both.hotroddy