When she isn’t staring at a screen, she likes to hang out with her pug, play ice hockey and lift heavy weights. She helps organize events with AIGA Pittsburgh, CodePen Pittsburgh and Google Developer Group. The Spark Box is a quarterly subscription and gift box service for mamas and. Atom (free, OXS, Windows, Linux) – RecommendedĪnastasia Lanz is a developer at Sparkbox. Pittsburgh Panthers NCAAW basketball game on 16 January 2023.Sublime Text (freeish OSX, Windows, Linux) – Recommended The one bed/bath SPARKBOX is equipped with an incinerator toilet, saving 2000 gallons of water per person, per year.Please install the following prior to the class:Ī text editor for working with HTML/CSS. Prerequisite: None! This is a great class to start your web development journey. If you do not have a laptop, please contact us at to arrange to use our loaner laptop. Students are required to bring their own laptop for classes. If you can’t make both days, Girl Develop It Pittsburgh will be offering this class again soon. You should only attend if you can make both days. This is an introductory class, so the only things you need are a laptop and the desire to learn! And that, internet friends is where you come in.This event is two days, Saturday, August 12, 1-5PM and Sunday, August 13, 1-5PM.Īlways wanted to learn how to build your own website, but didn’t know where to start? We’ve got a class for that! Our Intro to HTML & CSS class will introduce you the building blocks of the web, and give you the skills and confidence to start crafting your own websites from scratch.Īt the end of this two day class, you’ll have made a unique, personal, hand built site that’s ready for screens of all sizes. Is the best approach really just to not specify a media type (or specify “all”), and let everything get the responsive layout? Does this impact accessibility for types like braille, tty, or speech? We have no idea. … could be pretty useful – if the “not” only applied to “print.” Ben took the time to put together some tests to see how it worked, and unfortunately the results were a bit discouraging. It seems like the “not” keyword ends up applying to everything, media type and media query – which is less than helpful. At first glance, this seemed pretty exciting. At first glance, this seemed pretty exciting. So then we wondered: could we take a blacklist approach? Is there a “not” function? Taking a whitelist approach of “screen, projection, handheld, tv” is not very future-friendly, as it would disallow future media types. There are, however, some media types that we probably don’t want to get all of our extra styles. Everybody getting the responsive layout is definitely better than “only screen.” That in mind, the Sparkbox approach seems more appropriate. Which means in general, we want all media types to get our responsive styles. What makes the situation a little less clear is that most media types that we’d want to get our media queries, but are not actually screen (handheld, projection, tv), often identify themselves as screen because … well, because nobody ever uses those other media types.īut the idea with responsive design is that we don’t know what’s coming down the road, and we want our flexible designs to handle those unknowns as best they can. We both agreed that we wanted all screen-ish devices to get our responsive styles. At Sparkbox they’ve been specifying no media type, which results in all media types getting their media query-based styles. Here’s the deal:Īt Bearded we’ve been specifying “only screen” in our media queries. When someone like Ben asks you a question like that, you may quickly realize that you do not have a great answer prepared.Ī few weeks later and we were digging into the implications of media types on Skype. “Curious, why do you use ‘only screen and…’ by default?” After my last blog post about vertical media queries, I received an intriguing tweet from Sparkbox’s Ben Callahan.
0 Comments
Leave a Reply. |