Disqus - Latest Comments for mhowellsmead

Re: Lyrics That Send You to the Dictionary

Mark Howells-Mead — Wed, 19 Apr 2023 07:50:20 -0000

"Up to par and Katy bars the kitchen door, but not me in."
The lyric is a play on the southern States term “katy-bar the door”, which means that trouble is on the way.

Re: Importing Foundation 6.4 ES2016 JS files with your favourite module bundler

Mark Howells-Mead — Mon, 09 Apr 2018 12:48:20 -0000

Update: fingers crossed… https://github.com/zurb/fou...

Re: Importing Foundation 6.4 ES2016 JS files with your favourite module bundler

Mark Howells-Mead — Mon, 09 Apr 2018 12:46:50 -0000

This is extremely useful! Have you managed to achieve minified JavaScript using this technique? Using your code borks when I try to minify it using Gulp…

Re: Designing Grids | Zell Liew

Mark Howells-Mead — Wed, 02 Nov 2016 13:21:31 -0000

It can be, for sure. I use the Sass files and roll my own CSS: often, it's only the complex math functions I need to build a simple layout, and then my own simple SCSS for the rest.

Re: Designing Grids | Zell Liew

Mark Howells-Mead — Wed, 02 Nov 2016 10:16:42 -0000

That's possible in Foundation too, with syntaxes like 10/12 or 3 of 5.

Re: Designing Grids | Zell Liew

Mark Howells-Mead — Wed, 26 Oct 2016 09:48:23 -0000

Amongst thousands of other sites, http://www.nytimes.com/ is a good example. The regular column split is a 5- (or perhaps 10-) column system, but “Inside NY Times” and the footer sitemap are in a 6- (or 12-) column layout.

If the grid for the whole site is based on a 10-column logic, then you can divide a row into 1, 2 or 5 equal columns to make up the full width. But you can't build a row containing six equally-matched columns. 6 doesn't divide into 10 equally. That's when you'll need a row with a different total column count. (In this example, 6x1 = 6 or 6x2 = 12.)

Re: Designing Grids | Zell Liew

Mark Howells-Mead — Tue, 25 Oct 2016 09:50:04 -0000

Important to note is that by compiling your own grid rules using pre-built CSS or by using the framework's Sass files, you can set grid gutters according to your needs *per breakpoint*. Also, there's no reason why you can't define a different column total per page section: 5 in the header, 12 in the main body and 3 in the footer.

Re: REM: Not the Band

Mark Howells-Mead — Tue, 13 Sep 2016 15:56:53 -0000

Because that will fix the font size, thereby stopping visitors who have larger or smaller text sizing preferences in their browsers from seeing the text as they need to.

Re: Einwurf Das Handgepäck-Wirrwarr ufert aus

Mark Howells-Mead — Wed, 13 Jul 2016 04:46:38 -0000

Käme diese Einschränkung, würden Passagiere, die 2-3 Tage in ein Nachbarland aufhalten möchten, mit viel höheren Flugkosten rechnen. (Aufgrund Gepäckzuschlag.) Diese Zukunft wäre weder geschäftlich noch praktisch umsetzbar. Die Kontrollen müssen viel strikter sein: nicht nur die Gewichte sondern auch die Grössen der Handgepäckstücke müssen besser und strikter kontrolliert werden.

Re: How To Create, View And Upload 360-Degree Photos On Facebook

Mark Howells-Mead — Fri, 17 Jun 2016 09:40:50 -0000

“…the photo is converted into an image that allows viewers to manipulate their view of the scene in what seems to be a very early attempt at dragging the average consumer into virtual reality.”

This technology has been implemented in browsers (and has been very popular) for nearly twenty years. The “average consumer” has also been familiar with it since Google Street View launched nearly a decade ago.

Re: PX, EM or REM Media Queries? | Zell Liew's blog about web design and development

Mark Howells-Mead — Fri, 18 Mar 2016 06:45:33 -0000

I can see your point. But the difficulty there is that 30em in the main content (text set at the equivalent of 20px) may not equal 30em on the HTML element (text set at the equivalent of 16px). So the main content container's width of 30em (600px) is different from the HTML width/media query of 30em (480px). Media queries relate to the HTML element, not to the individual content container width.

Re: PX, EM or REM Media Queries? | Zell Liew's blog about web design and development

Mark Howells-Mead — Fri, 18 Mar 2016 06:27:10 -0000

From a parallel discussion: if breakpoints are set in ems and a user changes the preferences in the browser to use extra-large text, then the layout will probably switch into the tablet or mobile layout. Which is probably fine.

Re: PX, EM or REM Media Queries? | Zell Liew's blog about web design and development

Mark Howells-Mead — Fri, 18 Mar 2016 06:24:44 -0000

If I adjust the page layout into columns when the screen is big enough to handle it, then the deciding factor is the screen width, not the font size or the width of the content.

Re: PX, EM or REM Media Queries? | Zell Liew's blog about web design and development

Mark Howells-Mead — Fri, 18 Mar 2016 04:46:38 -0000

Your understanding of the difference between REM and EM is correct. Setting the font size of the HTML element to 2rem will have no effect.

Re: PX, EM or REM Media Queries? | Zell Liew's blog about web design and development

Mark Howells-Mead — Fri, 18 Mar 2016 04:42:15 -0000

A little tricky to follow, but I see the problem you've clarified. However: media queries used in this way are most commonly (albeit not always) in place to respond to the viewport size, not to the visitor's browser font sizing choices. That's an important distinction to make.

If you're using media queries to respond to the screen size - i.e. the device or browser window width - then that value is fixed in pixels. If a visitor with an iPhone 6 uses the browser with a text size of 200%, then the device width breakpoint is still 375px. Setting the breakpoint to 23.4375em, where the base text size is 32px instead of 16px, the same breakpoint will now be 750px - double the width of the screen.

So, in short: if your media queries relate to the screen size, I'd advocate the continued use of pixel units, not ems.

Re: How vertical-align Works

Mark Howells-Mead — Thu, 10 Dec 2015 05:07:43 -0000

Very clear and very helpful! However, this might need expanding to cover block and child alignment in flexbox, which works slightly differently (and more easily).

Re: Mac Mini Refresh Hinted at by Apple Boot Camp Listing Error

Mark Howells-Mead — Wed, 30 Jul 2014 08:03:40 -0000

For accuracy, the Mac Mini was launched in 2005 and last updated in 2012. Not launched in 2012.

Re: Mark Howells-Mead — Forfar, Scotland, 2011

Mark Howells-Mead — Sun, 04 May 2014 08:47:03 -0000

Surprisingly, none!

Re: Mark Howells-Mead — After a long time, I’ve bought a small “action...

Mark Howells-Mead — Tue, 25 Feb 2014 05:27:27 -0000

Feel free to post a link to the result, if you share it online.

Re: Mark Howells-Mead — After a long time, I’ve bought a small “action...

Mark Howells-Mead — Mon, 24 Feb 2014 11:51:52 -0000

The photos are pretty rubbish, but the video is surprisingly good, considering the price.

Re: Mark Howells-Mead — I’ve long been a fan of timelapse sequences. The...

Mark Howells-Mead — Thu, 30 Jan 2014 05:05:59 -0000

Cool, eh? :)

Re: Mark Howells-Mead — The start of my Flickr journey

Mark Howells-Mead — Fri, 17 Jan 2014 07:44:47 -0000

You may be right; it was a long time ago! (I don't know where those previews came from, btw!)

Re: Mark Howells-Mead — The start of my Flickr journey

Mark Howells-Mead — Fri, 17 Jan 2014 03:22:53 -0000

I remember discussing Flickr with you at the Tramdepot in early 2005, which led me to sign up!

Re: Twalender 2014

Mark Howells-Mead — Sat, 31 Aug 2013 13:39:32 -0000

Danke herzlich! Tolle Idee!

Re: Image Layout Algorithm – Google Plus

Mark Howells-Mead — Tue, 05 Mar 2013 11:00:40 -0000

THANK YOU so much :)