'Sup guys. I've gotten into a technical computer science program at college and I have a web & multimedia class. I know most of the basic but I want to understand some "tricks" experienced people use, like:
- I've seen websites with a background picture that matches the screen to perfection, whether it's a small phone or even huge ones like Macs. It doesn't distorts or strectches. How do you do that? (CSS)
- Websites with menus/interfaces that occupy all the screen width (ex: this website). Black, light blue and dark blue bars on top/header all occupy the full width no matter the screen size, and their elements (status area, search bar, etc) all adapt to the bar width. How?
- Is "Photoshop to HTML + CSS" still used? as in designing a mockup first and then transform that design into code.
- How and where do you get your CSS and color scheme inspirations if you don't have a Photoshop mockup done first?
- Is "Metro style" AKA Windows 8-10 style the way to go nowadays?
- vector pictures vs icon fonts for design?
- How to make elements "show and hide" like in the Wikipedia app? is there a way to apply this behavior to html tables?
- Any other tips & tricks I should know about?