Ranter
Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Comments
-
C0D4681976y@Vaibhav111 codepen and mobile don’t go well.
The design looks alright, I can’t seem to navigate between sections, but that could just be codepen being a pain.
The .html output seems messy.
No doctype, head, body or nice structure.
Avoid using google fonts directly, they tend to break or timeout just save the Roboto font to the project and serve it (follow the import URL and download the fonts and css)
As for the css if your trying to do responsive don’t used fixed pixel widths/heights use percentages instead.
Otherwise it looks reasonable for a beginner, just need to do that little bit extra to get a decent structured code base. -
C0D4681976y@Vaibhav111
Ah I see how you do the nav now using JS, god damn codepen is bad on mobile 😂
You’ll need to keep the nav in view or at least give the user a means to show it again, to allow users to change “page / view”
No problem, always happy to lend a hand. -
C0D4681976y@rEaL-jAsE iPhone 6s
I think it’s just the iframe not accepting scroll input - I get it every time with codepen.
I’ll have a better look later on pc. -
@Vaibhav111, @C0D4 has a rather outdated opinion on making something responsive.
Use flexbox to make it responsive.
Sure, you can use %, but it will not always be responsive. -
C0D4681976y@-ANGRY-CLIENT- outdated?
I would have said viewport width/height but he’s only new so let’s get it to actually be responsive instead of hard coding PX per media query before throwing flex at him.
Also flex is in no ways backwards compatible (I personally deal with those older browsers still) so I’ll always suggest something more compatible over something trendy. -
Condor325176y@Vaibhav111 Looks impressive! Just a personal peeve, as a user of JavaScript blocking extensions I was uncomfortable with being required to unblock unpkg.io in order to render the site somewhat properly. Without its JS enabled, the whole thing breaks and most of the actual content isn't loaded. Add a fallback in <noscript></noscript> that doesn't load the animations but does display the text with its appropriate styling in CSS.
Related Rants
Last week I designed the front page of a construction company website for getting the internship....
After showing my sample to the HR ..he mailed me asking
--->
"Do you know how to code?"
--->
Now I don't know is it sarcastic or I really don't know how to code.
random
hr sucks
website
frontend