I really like the look of this screenshot on Dribbbble and I like to employ a similar navigation for both desktop and mobile devices.dribble
Are there any recommended tutorials for hamburger menus that work both for desktop and mobile devices?
If I’m looking for similar UI set – large (X) to close out a pop up box – is this a current trend or custom – where should I go for similar look?
In the same project I really like the glassy/blurred out backgrounds that they are using for the mockup. My application is different but the look and feel would apply to my project. Is there a certain search term that I could use for that background style and superthin icon UI? Thanks in advance for any thoughts.
If you want to make a big close (X) icon, I often do that by typing × to make a nice X, and then style with something like font-size: 3em; font-weight: 300;.
I don’t think I understand your third question. Are you asking if glassy/blurred out backgrounds can be achieved, like when an overlay is present on the screen? Have a look at this. It renders first a div that covers the screen (“washing out” the rest of the page), and then displays an overlay on top of that.
Sorry, you’re probably not here anymore, but if you are:
I don’t really know what you mean by JS, what exactly do you want the JS to do? If you want a pre-packaged overlay solution better than what I showed you, Bootstrap has an Modals component, and Foundation has a Reveal component. Bootstrap’s one would be my personal recommendation, they use the same “close icon” method as I recommended.
I’m still here, try to figure out the best way to create the look and feel I’d like without bootstrapping. However, it would speed up the workflow and the new version does look really impressive. In terms of word press integrations – is ROOTS theme pretty much the go to starter theme. Looking to use SAS S instead of L ESS.
Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".