116: Rapidfire 28

01:02:11   Download

This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action.

We talked about (roughly in order):

Q & A:

  • 1:47 Could you recommend any good WordPress plugins to work with for a bilingual support?
  • 10:38 Is it possible to have a single page website perform well in terms of SEO?
  • 19:03 When starting from scratch on a smaller site I tend to work first on the markup, then once happy I begin the styling. This usually means going through all selectors in the DOM and pasting them into the stylesheet. Have you found a tool to scan a DOM and spit out all the classes (and maybe IDs) for styling with?
  • 25:12 How should I handle vertical rhythm?
  • 33:18 Have you guys had any luck using MAMP on Mountain Lion?
  • 35:07 I’m having problems with version control. Do you have any advice?
  • 42:49 When or why it would be better to use @extend in certain instances versus creating a mixin and using @include?
  • 49:15 My client expects pixel perfection when translating PSD to website. What do you think is a reasonable level of fidelity to the mockup to expect from a developer?
  • 57:51 In responsive web design, what are the advantages and disadvantages of including media queries “inline” in your CSS versus putting them in separate CSS files?

Sponsors:

  • 17:05 lynda.com – The best online learning resource. Check out great courses like: SVG, JavaScript for Web Designers, Designing a Logo for a Band, Writing Press Releases, Monday Productivity Pointers, and so much more. Get a free 7 day trial now!
  • 54:41 E4H – Craft CMS Summit – Environments for Humans brings together some of the Web’s most notable experts in Craft for an all-new, one-day only online conference, the Craft CMS Summit 2014! Bring the experts to your desktop June 17th from 9AM to 5PM (CT). Get your tickets now!

Show Links:

  • On the last question this was done in Bootstrap 2, I think it’s more of a choice decision, what I mean is if you wanted a fixed width layout you only had to link to the main bootstrap css, if you wanted a fluid layout you would then use the responsive file as well

  • agilepixel

    This Ted talk has some great insight to ‘Serif Tax’ https://www.ted.com/talks/matthew_carter_my_life_in_typefaces

  • Paul Littlewood

    Compass has some neat tools for vertical rhythm:
    http://compass-style.org/reference/compass/typography/vertical_rhythm/

    Hashgrid is a useful overlay grid tool:
    http://hashgrid.com/

    I agree though that you shouldn’t stress too much beyond typography.

  • Paul Littlewood

    WPML is an awesome WordPress plugin I’ve used for website localisation:
    http://wpml.org/

    You can use it to manage translations for content, theme, plugins and admin interface.

  • sebomoto

    Hi, about the 3rd question: i think most IDEs or text editors should supply some kind of similar functionality – not in like “get me all the classnames from the html and make me a css file of that”.

    But for example in Adobe Brackets you can write html and use a new class-name. Then you click the classname and hit CTRL+E. This enters quick edit mode for existing classes – quite a handy function by itself. It takes you to the class directly in the CSS file without losing your context in the HTML.
    For classes that don’t exist yet, it shows a button “Create new rule”.

    Hope that helps!
    Sebastian

  • alphaLlama

    @19:03 the chrome dev tools workspaces feature might have you covered

  • Dave Rupert

    Re: HTML to CSS, someone on Twitter suggested. http://bearcss.com/

    • John Lacey

      Re: HTML to CSS

      I haven’t used it but I came across this today extractCSS: http://extractcss.com/

  • drwxrxrx

    re having git mess up code: if it was something more than a merge conflict, git-reflog might be where you look next. here’s a good intro http://gitready.com/intermediate/2009/02/09/reflog-your-safety-net.html

    also it’s not quite true that git won’t let you commit an ‘unsolved’ conflict… it’s possible to convince git that those arrows and “HEAD” etc are the text you do want to commit. just try not to do that! (read over your just-committed diff with git log -1 -u)

  • naomiyaki

    I built a WordPress theme for a client that wanted to make pages and blog posts in both English and Russian. For the content I used a plug-in called Polylang http://polylang.wordpress.com, and it was very smooth.
    The plugin has a great back-end utility that lets publishers map post/pages in different languages that have identical content, and it also works well with separate page-sets. I would definitely consider using it again, especially if I had to build a page with more than two languages. According to the docs, it’s also RTL compatible.