Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • in reply to: [Solved] EMs for media queries and layout #150307
    Larry
    Participant

    No need to use rem’s for media queries – the value em’s obtain is that of the user agent, and not from your styles: http://www.stephanmuller.nl/ems-relative-media-queries/

    I’ve used em’s with the assumption that 1em ~= 16px in media queries for a while now. I discovered this after being baffled as to why my breakdpoints weren’t working, and eventually discovering that no matter what I had set my base font size to, media queries were consistently being calculated at +-16x the value of the em in the media query.

    Don’t worry about fallbacks – just use em’s for media queries, and use rems as you’d want everywhere else.

    Larry
    Participant

    It’s a daunting road to decide to walk when you first realise the mountain of learning you have to first overcome, and then keep up with :)

    I suggest compartmentalising it for yourself – small chunk what you want to be able to do, make sure you understand how that chunk works, and understand that that chunk will evolve! Focus intensely on a particular aspect until you’re confident to move onto something else, otherwise you may become overwhelmed!

    • Make sure you understand the direction that HTML5 is taking the internet. Introducing HTML5 (Voices That Matter) would be a good place to start – Remy is a big name in HTML5, and for good reason!
    • Obtain a deep understanding of CSS and the direction it is moving. This takes a lot of practise, and getting your hands dirty, but help on advanced concepts is often not far away. CSS: The Missing Manual is an excellent place to start to wrap your head around the fundamentals like inline and block elements, positioning, and everything else that is the foundation of CSS. Chris’ site is a wealth of information for many of the tricks that few people even know about.
    • PHP would most likely be the next logical step, as you’ll begin to wonder why so many developers rave about WordPress. It REALLY is amazing O.o
    • Some .htaccess knowledge goes a long way, too. htaccess-guide is a very useful resource in the security, redirection, and renaming features that can be taken advantage of in a .htaccess file.

    It’s also important to make your life easier:

    • Thoroughly research who is going to be hosting yours and your client’s sites! Hetzner is a company based in Germany, and have incredible support and a solid history.
    • Associate yourself with companies who make your life easier, and who do it well; you want to focus on development, not the nitty gritty admin! Freshbooks is an incredible online invoicing service, with an unbelievable support team. Dropbox is great for keeping all your files sync’d in the cloud, and also provides an extensive API.
    • Find what is making developers’ lives easier – Zen Coding makes writing HTML and CSS (I only recently discovered :/ ) super fast and painless. I use it coupled with Notepad++ as my text editor, while my colleague prefers Emacs for its extensive options in creating macros and shortcuts.
    • Use development tools that come with Chrome, Firefox, Safari, or Opera to make sure your layouts look as they should – it won’t take long before a simple *right click* and ‘inspect element’ become your best friends as you build!
    • Find what Virtual Machine software best suits your needs. You will undoubtedly have a lot of IE testing, and a VM such as VirtualBox can save your life.

    I find it refreshing to look back at where I have come from, and to see where I now am. With a dedication to standards, semantics, efficiency, and progress, you’ll go a long way :)

Viewing 2 posts - 1 through 2 (of 2 total)