object(WP_Query)#647 (51) { ["query"]=> array(1) { ["tag"]=> string(3) "css" } ["query_vars"]=> array(64) { ["tag"]=> string(3) "css" ["error"]=> string(0) "" ["m"]=> string(0) "" ["p"]=> int(0) ["post_parent"]=> string(0) "" ["subpost"]=> string(0) "" ["subpost_id"]=> string(0) "" ["attachment"]=> string(0) "" ["attachment_id"]=> int(0) ["name"]=> string(0) "" ["static"]=> string(0) "" ["pagename"]=> string(0) "" ["page_id"]=> int(0) ["second"]=> string(0) "" ["minute"]=> string(0) "" ["hour"]=> string(0) "" ["day"]=> int(0) ["monthnum"]=> int(0) ["year"]=> int(0) ["w"]=> int(0) ["category_name"]=> string(0) "" ["cat"]=> string(0) "" ["tag_id"]=> int(31) ["author"]=> string(0) "" ["author_name"]=> string(0) "" ["feed"]=> string(0) "" ["tb"]=> string(0) "" ["paged"]=> int(0) ["meta_key"]=> string(0) "" ["meta_value"]=> string(0) "" ["preview"]=> string(0) "" ["s"]=> string(0) "" ["sentence"]=> string(0) "" ["title"]=> string(0) "" ["fields"]=> string(0) "" ["menu_order"]=> string(0) "" ["embed"]=> string(0) "" ["category__in"]=> array(0) { } ["category__not_in"]=> array(0) { } ["category__and"]=> array(0) { } ["post__in"]=> array(0) { } ["post__not_in"]=> array(0) { } ["post_name__in"]=> array(0) { } ["tag__in"]=> array(0) { } ["tag__not_in"]=> array(0) { } ["tag__and"]=> array(0) { } ["tag_slug__in"]=> array(1) { [0]=> string(3) "css" } ["tag_slug__and"]=> array(0) { } ["post_parent__in"]=> array(0) { } ["post_parent__not_in"]=> array(0) { } ["author__in"]=> array(0) { } ["author__not_in"]=> array(0) { } ["ignore_sticky_posts"]=> bool(false) ["suppress_filters"]=> bool(false) ["cache_results"]=> bool(true) ["update_post_term_cache"]=> bool(true) ["lazy_load_term_meta"]=> bool(true) ["update_post_meta_cache"]=> bool(true) ["post_type"]=> string(0) "" ["posts_per_page"]=> int(15) ["nopaging"]=> bool(false) ["comments_per_page"]=> string(2) "50" ["no_found_rows"]=> bool(false) ["order"]=> string(4) "DESC" } ["tax_query"]=> object(WP_Tax_Query)#274 (6) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "post_tag" ["terms"]=> array(1) { [0]=> string(3) "css" } ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" ["include_children"]=> bool(true) } } ["relation"]=> string(3) "AND" ["table_aliases":protected]=> array(1) { [0]=> string(21) "wp_term_relationships" } ["queried_terms"]=> array(1) { ["post_tag"]=> array(2) { ["terms"]=> array(1) { [0]=> string(3) "css" } ["field"]=> string(4) "slug" } } ["primary_table"]=> string(8) "wp_posts" ["primary_id_column"]=> string(2) "ID" } ["meta_query"]=> object(WP_Meta_Query)#275 (9) { ["queries"]=> array(0) { } ["relation"]=> NULL ["meta_table"]=> NULL ["meta_id_column"]=> NULL ["primary_table"]=> NULL ["primary_id_column"]=> NULL ["table_aliases":protected]=> array(0) { } ["clauses":protected]=> array(0) { } ["has_or_relation":protected]=> bool(false) } ["date_query"]=> bool(false) ["queried_object"]=> object(WP_Term)#1269 (11) { ["term_id"]=> int(31) ["name"]=> string(3) "css" ["slug"]=> string(3) "css" ["term_group"]=> int(0) ["term_taxonomy_id"]=> int(31) ["taxonomy"]=> string(8) "post_tag" ["description"]=> string(0) "" ["parent"]=> int(0) ["count"]=> int(37) ["filter"]=> string(3) "raw" ["term_order"]=> string(1) "0" } ["queried_object_id"]=> int(31) ["request"]=> string(343) "SELECT SQL_CALC_FOUND_ROWS wp_posts.ID FROM wp_posts LEFT JOIN wp_term_relationships ON (wp_posts.ID = wp_term_relationships.object_id) WHERE 1=1 AND ( wp_term_relationships.term_taxonomy_id IN (31) ) AND wp_posts.post_type = 'post' AND (wp_posts.post_status = 'publish') GROUP BY wp_posts.ID ORDER BY wp_posts.post_date DESC LIMIT 0, 15" ["posts"]=> &array(15) { [0]=> object(WP_Post)#272 (25) { ["ID"]=> int(7088) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-03-24 10:00:54" ["post_date_gmt"]=> string(19) "2017-03-23 23:00:54" ["post_content"]=> string(1834) "Now that it has support in browsers like Chrome and Firefox, CSS Grid is being recognised as the gamechanger it is for front end designers and developers. That support has only come this month, but those who attended our Code 16 conference in July/August last year have been preparing for its advent ever since, thanks in large part to the detailed, pragmatic and quite inspiring talk given on the topic by Rachel Andrew, who can reasonably lay claim to knowing more about CSS Grid than anyone on the planet. The video of that talk, CSS Grid Layout, is our Video of the Week, and I heartily recommend you set aside 50 minutes or so to find out what all the fuss is about and get to grips with how you can use CSS Grid to your best advantage.   Like to watch and read more like this? Be the first to score invitations to our events? Then jump on our once a week mailing list where we round up the week's best reading and watching on all things Web. And you'll get a complimentary digital copy of Scroll magazine.
" ["post_title"]=> string(52) "Video of the Week – Rachel Andrew: CSS Grid Layout" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(40) "video-week-rachel-andrew-css-grid-layout" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-03-19 16:00:36" ["post_modified_gmt"]=> string(19) "2017-03-19 05:00:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7088" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [1]=> object(WP_Post)#271 (25) { ["ID"]=> int(7077) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-03-22 10:00:30" ["post_date_gmt"]=> string(19) "2017-03-21 23:00:30" ["post_content"]=> string(2768) "Kevin YankVideo Ristretto this week brings you Kevin Yank's timely reminder to check the CSS you already know, including whether and how it works, and what's coming soon in terms of both the spec and browser implementation. We asked Kevin, Front End Engineer at Culture Amp and regular contributor to Web Directions events over the years, to revisit CSS Selectors for our Respond conference last year, even though - or, perhaps, because - the use of frameworks and preprocessors has often hidden them from day-to-day use. His talk, CSS Selectors Redux, runs for just under 24 minutes. Watch out for MacGyver.  

Want more?

Like to see and read more like this? Be the first to score invitations to our events? Then jump on our once-a-week mailing list to keep up with everything happening at Web Directions. And you'll get a complimentary digital copy of Scroll magazine.
" ["post_title"]=> string(49) "Video Ristretto: Kevin Yank - CSS Selectors Redux" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "video-ristretto-kevin-yank-css-selectors-redux" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-03-19 14:34:24" ["post_modified_gmt"]=> string(19) "2017-03-19 03:34:24" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7077" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [2]=> object(WP_Post)#270 (25) { ["ID"]=> int(6290) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2016-03-18 11:24:10" ["post_date_gmt"]=> string(19) "2016-03-18 01:24:10" ["post_content"]=> string(1568) "At Web Directions, we've long been excited about animation on the Web, particularly animated user interfaces and experiences. We've featured a significant number of presentations on the topic, including two stellar ones in 2015, at Web Directions Code and at Web Directions itself. Today we feature one of those, by the awesome Rachel Nabors, 'The State of the Animation', from our front end engineering conference Code in 2015 (which is back in Sydney and Melbourne in July/August 2016). But, it's far more than just about the code, and relevant right across the team. So, set aside your lunch hour or some time on your commute or at the weekend to get your head around where animation is at right now on the Web. Interested in more like this? Our Respond Web Design conference is coming up in Sydney and Melbourne in April. Or just jump on our mailing list, a once a week roundup of great resources from us and around the Web!
" ["post_title"]=> string(42) "Rachel Nabors–The State of the Animation" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(13) "rachel-nabors" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2016-03-18 11:24:10" ["post_modified_gmt"]=> string(19) "2016-03-18 01:24:10" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=6290" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [3]=> object(WP_Post)#269 (25) { ["ID"]=> int(6251) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2016-02-12 09:45:30" ["post_date_gmt"]=> string(19) "2016-02-11 23:45:30" ["post_content"]=> string(1868) "This week's feature video comes from our Respond conference last year (Respond 2016 is a couple of months off yet, with early bird pricing still available), a fantastic presentation from Yesenia Perez-Cruz (who since then has been turning up speaking all over the world!) on how the decisions designers ("just one more weight of this typeface, how can that hurt?") and marketers ("this hero video will really get us higher conversions") make impact web page load times, and a cascade of user metrics that fall out from this. A great companion to Maciej Cegłowski's wildly popular Website Obesity Crisis from Web Directions 2015, I really recommend you get everyone responsible for your Website together to watch both these presentations, whatever their department, title or role. Find these valuable? They're just a taste of what you can expect at Respond 2016 in Sydney and Melbourne in April. Respond this year features the person who literally invented Responsive Web Design, Ethan Marcotte, and a host of the world's leading experts, curated and presented by people who really know what is going on in the World of Web design, if we do say so ourselves. Need to improve the performance and engagement of your sites? Want to keep up with developments in Web design? Need to get others in your organisation to understand where the Web is headed? Then you really should think about coming to Respond!" ["post_title"]=> string(64) "Yesenia Perez–Design Decisions Through the Lens of Performance" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(61) "yemeni-perez-design-decisions-through-the-lens-of-performance" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2016-02-12 09:45:30" ["post_modified_gmt"]=> string(19) "2016-02-11 23:45:30" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=6251" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [4]=> object(WP_Post)#268 (25) { ["ID"]=> int(5802) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2014-06-30 10:07:07" ["post_date_gmt"]=> string(19) "2014-06-30 00:07:07" ["post_content"]=> string(398) "

A head-first dive into the past, present and future of all things variable in CSS.

And if this floats your boat, you need to get along to the Engineering Track at Web Directions 2014.

" ["post_title"]=> string(27) "Ben Schwarz - CSS Variables" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(25) "ben-schwarz-css-variables" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2014-11-19 08:45:41" ["post_modified_gmt"]=> string(19) "2014-11-18 22:45:41" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5802" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [5]=> object(WP_Post)#267 (25) { ["ID"]=> int(5795) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2014-06-26 10:21:16" ["post_date_gmt"]=> string(19) "2014-06-26 00:21:16" ["post_content"]=> string(404) "

The power of selectors is still a vastly under-utilised aspect of CSS after all this time.

And if this floats your boat, you need to get along to the Engineering Track at Web Directions 2014.

" ["post_title"]=> string(51) "Fiona Chan - The Declarative Power of CSS Selectors" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(42) "fiona-chan-declarative-power-css-selectors" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2014-11-19 08:45:41" ["post_modified_gmt"]=> string(19) "2014-11-18 22:45:41" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5795" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [6]=> object(WP_Post)#266 (25) { ["ID"]=> int(5490) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-05 10:32:58" ["post_date_gmt"]=> string(19) "2013-12-05 00:32:58" ["post_content"]=> string(499) "

This presentation covers a few lessons and guidelines to demystify the Z-dimension - what a stacking context is, how events are distributed, how transforms (3D & 2D) are handled by the browser, and how to untangle a vertical mess. And, as a bonus, how a better understanding of depth leads to higher-performing websites.

" ["post_title"]=> string(69) "What's hot in animation? - video presentation from Dmitry Baranovskiy" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(65) "whats-hot-in-animation-video-presentation-from-dmitry-baranovskiy" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2014-11-19 08:48:28" ["post_modified_gmt"]=> string(19) "2014-11-18 22:48:28" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4920" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [13]=> object(WP_Post)#259 (25) { ["ID"]=> int(4784) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-19 12:25:49" ["post_date_gmt"]=> string(19) "2013-06-19 02:25:49" ["post_content"]=> string(544) "

CSS Filters are a powerful tool available in all modern browsers to bring amazing photographic effects to web content. If you're not using them, you should be - here's how!

Like what you see? Want a piece of the action next time around? Then get along to Web Directions South in Sydney October 24 and 25 2013.

rb_MOsPrdVs" ["post_title"]=> string(68) "Create impact with CSS filters - video presentation from Alex Danilo" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(66) "create-impact-with-css-filters-video-presentation-from-alex-danilo" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2014-11-19 08:48:46" ["post_modified_gmt"]=> string(19) "2014-11-18 22:48:46" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4784" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [14]=> object(WP_Post)#1263 (25) { ["ID"]=> int(4739) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-06-13 14:02:23" ["post_date_gmt"]=> string(19) "2013-06-13 04:02:23" ["post_content"]=> string(4869) "Remember the X in XML, and XHTML? It of course stands for extensible, the idea that these languages allow for their users to build upon them, rather than waiting for some standards organisation to add new features. With HTML5, extensibility of the markup language pretty much went out the window, despite the criticisms of many (including it must be said, me). But extensibility is deeper than simply new language elements. As the web platform becomes increasingly sophisticated and powerful, it has also increasingly been seen as a competitor to "native" platforms such as iOS and Android. And where these platforms iterate quickly, with major new versions in the timeframe of each year or even more frequently, the web is seen to iterate far less quickly. We as developers need to wait not just for new browser versions (which in the case of desktop versions of Chrome and Firefox at least, is in the order of weeks), but whole new features of the DOM, CSS, and HTML, which typically is in the order of years. Many have been frustrated with this pace of change, anxious that it puts the web at a disadvantage over the commercial platforms with far faster evolution. But the suggestions as to what might be done about it (for example, that the web should have "a single source repository and a good owner to drive it") have not been on the whole realistic, or even really solutions to the challenge at all. Now Yehuda Katz, Alex Russell, and numerous other high profile web developers, browser developers and specification authors have suggested a new way forward, summarised in The Extensible Web Manifesto. In essence, the goal is to have new browser features implemented at a lower level, as DOM APIs, accessible through JavaScript (these might also be described as "imperative" features), as opposed to more high level, declarative features accessible at the level of the markup language. Katz describes the situation of offline web apps, and how the approach to building a high level, "magical", declarative feature, AppCache, went wrong, and how developing this functionality at a lower level might have avoided the problem, by empowering developers to build the solution they needed for their use cases.
We could have built offline support as a new JavaScript capability, with the manifest feature built on top of that capability. Then, when the manifest failed Facebook (and lanyrd, and the Financial Times), they could have dropped down into JavaScript and written something that worked for them. Instead of placing our faith in central planning, we should let the ecosystem of web developers build the features they need, on top of low-level capabilities exposed efficiently and securely by the browser.
Will this be the approach to developing new web features we see more of? With members of the W3C's Technical Architecture Group, or TAG, such as Alex Russell, Anne van Kesteren and Marcos Caceres firmly on board, along with the inventor of JavaScript, Brendan Eich, and numerous influential W3C and Browser vendor figures among others, I think it's a fair chance. But with an approach that at least superficially seems at odds with HTML's self appointed benevolent dictator for life Ian Hickson's, where does that leave the WHATWG in all of this?

Further Reading

People mentioned in this article

" ["post_title"]=> string(25) "Towards an extensible web" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(25) "towards-an-extensible-web" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-13 14:12:29" ["post_modified_gmt"]=> string(19) "2013-06-13 04:12:29" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4739" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "5" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } } ["post_count"]=> int(15) ["current_post"]=> int(-1) ["in_the_loop"]=> bool(false) ["post"]=> object(WP_Post)#272 (25) { ["ID"]=> int(7088) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-03-24 10:00:54" ["post_date_gmt"]=> string(19) "2017-03-23 23:00:54" ["post_content"]=> string(1834) "Now that it has support in browsers like Chrome and Firefox, CSS Grid is being recognised as the gamechanger it is for front end designers and developers. That support has only come this month, but those who attended our Code 16 conference in July/August last year have been preparing for its advent ever since, thanks in large part to the detailed, pragmatic and quite inspiring talk given on the topic by Rachel Andrew, who can reasonably lay claim to knowing more about CSS Grid than anyone on the planet. The video of that talk, CSS Grid Layout, is our Video of the Week, and I heartily recommend you set aside 50 minutes or so to find out what all the fuss is about and get to grips with how you can use CSS Grid to your best advantage.   Like to watch and read more like this? Be the first to score invitations to our events? Then jump on our once a week mailing list where we round up the week's best reading and watching on all things Web. And you'll get a complimentary digital copy of Scroll magazine.
" ["post_title"]=> string(52) "Video of the Week – Rachel Andrew: CSS Grid Layout" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(40) "video-week-rachel-andrew-css-grid-layout" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-03-19 16:00:36" ["post_modified_gmt"]=> string(19) "2017-03-19 05:00:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7088" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } ["comment_count"]=> int(0) ["current_comment"]=> int(-1) ["found_posts"]=> string(2) "37" ["max_num_pages"]=> float(3) ["max_num_comment_pages"]=> int(0) ["is_single"]=> bool(false) ["is_preview"]=> bool(false) ["is_page"]=> bool(false) ["is_archive"]=> bool(true) ["is_date"]=> bool(false) ["is_year"]=> bool(false) ["is_month"]=> bool(false) ["is_day"]=> bool(false) ["is_time"]=> bool(false) ["is_author"]=> bool(false) ["is_category"]=> bool(false) ["is_tag"]=> bool(true) ["is_tax"]=> bool(false) ["is_search"]=> bool(false) ["is_feed"]=> bool(false) ["is_comment_feed"]=> bool(false) ["is_trackback"]=> bool(false) ["is_home"]=> bool(false) ["is_404"]=> bool(false) ["is_embed"]=> bool(false) ["is_paged"]=> bool(false) ["is_admin"]=> bool(false) ["is_attachment"]=> bool(false) ["is_singular"]=> bool(false) ["is_robots"]=> bool(false) ["is_posts_page"]=> bool(false) ["is_post_type_archive"]=> bool(false) ["query_vars_hash":"WP_Query":private]=> string(32) "7e6b591e7369f79a00bfc7fff2a76a3b" ["query_vars_changed":"WP_Query":private]=> bool(false) ["thumbnails_cached"]=> bool(false) ["stopwords":"WP_Query":private]=> NULL ["compat_fields":"WP_Query":private]=> array(2) { [0]=> string(15) "query_vars_hash" [1]=> string(18) "query_vars_changed" } ["compat_methods":"WP_Query":private]=> array(2) { [0]=> string(16) "init_query_flags" [1]=> string(15) "parse_tax_query" } }

Presentations about css

Podcasts, slides, videos and more

Video of the Week – Rachel Andrew: CSS Grid Layout

Now that it has support in browsers like Chrome and Firefox, CSS Grid is being recognised as the gamechanger it is for front end designers and developers.

That support has only come this month, but those who attended our Code 16 conference in July/August last year have been preparing … Read more »

Video Ristretto: Kevin Yank – CSS Selectors Redux

Kevin YankVideo Ristretto this week brings you Kevin Yank’s timely reminder to check the CSS you already know, including whether and how it works, and what’s coming soon in terms of both the spec and browser implementation.

We asked Kevin, Front … Read more »

Rachel Nabors–The State of the Animation

  • In: Blog
  • By:
  • March 18, 2016
  • Comments Off on Rachel Nabors–The State of the Animation

At Web Directions, we’ve long been excited about animation on the Web, particularly animated user interfaces and experiences. We’ve featured a significant number of presentations on the topic, including two stellar ones in 2015, at Web Directions Code and at Web Directions itself.

Today we feature one of those, by the … Read more »

Yesenia Perez–Design Decisions Through the Lens of Performance

  • In: Blog
  • By:
  • February 12, 2016
  • Comments Off on Yesenia Perez–Design Decisions Through the Lens of Performance

This week’s feature video comes from our Respond conference last year (Respond 2016 is a couple of months off yet, with early bird pricing still available), a fantastic presentation from Yesenia Perez-Cruz (who since then has been turning up speaking all over the world!) on how the decisions designers … Read more »

Ben Schwarz – CSS Variables

A head-first dive into the past, present and future of all things variable in CSS.

And if this floats your boat, you need to get along to the Engineering Track at Web Directions 2014.

See the slides and hear the podcast »

Fiona Chan – The Declarative Power of CSS Selectors

The power of selectors is still a vastly under-utilised aspect of CSS after all this time.

And if this floats your boat, you need to get along to the Engineering Track at Web Directions 2014.

See the slides and hear the podcast »

The Z Dimension – video presentation by Glen Maddern

This presentation covers a few lessons and guidelines to demystify the Z-dimension – what a stacking context is, how events are distributed, how transforms (3D & 2D) are handled by the browser, and how to untangle a vertical mess. And, as a bonus, how a better understanding of depth leads to higher-performing websites.

See the slides and hear the podcast »

CSS (finally) making the web a less blocky place – video presentation by Jared Wyles

The web used to be for squares (and rectangles). The future of CSS is going to change all that. Instead of having to change your content for the web. See how CSS will make the web work for your content in any size or shape, using CSS Regions and Shapes.

See the slides and hear the podcast »

Oh No! Spaghetti Code! – video presentation by Fiona Chan

Large, unmaintainable CSS code is a common problem for many websites. It is often neglected because things can still somehow work even when the CSS is really bad! But not only does this slow down performance, it also inhibits developers from producing quality code.But if you start your site with a solid foundation, developing a large scale website with maintainable CSS is actually not so hard. In this talk, I’ll share with you some of the lessons I’ve learnt from building and maintaining large CSS files, and how Sass has helped to make that job easier.

See the slides and hear the podcast »

Flexbox – video presentation by Ryan Seddon

Lets face it, layout in CSS has sucked for a long time. We’ve gone from tables to floats to inline-block layouts but they all lacked any real consideration for actual complex layouts that involve content re-ordering.In comes flexbox a powerful part of the many great layout specs available in your favourite evergreen browser right now! We’ll dive into creating seemingly complex layouts made easy by the power of flexbox.

See the slides and hear the podcast »

Satisfying Movements – video presentation by John Allsopp

Web based animation has arrived, and it’s time for you to start taking advantage of it to engage and delight your users. And in this session we’ll see how. We’ll cover CSS Transitions and Animations, and throw some 2D and 3D Transforms into the mix as well, to understand how today’s most common, and eye catching, animated UI design patterns can quickly be implemented in all modern browsers and devices.

See the slides and hear the podcast »

More HTML5 syntax and parser quirks you may not have known

Last week we looked at one of HTML5’s syntax quirks, the fact that you don’t need to quote attribute values (unless the values contain a space or as is less well known one of a number of other characters). This time, some more about some of the subtle side … Read more »

What’s hot in animation? – video presentation from Dmitry Baranovskiy

If you think animation is just more CSS pixie dust to add sparkle to your designs, you need to see Dmitry Baranovskiy demo its even more awesome powers.

Like what you see? Want a piece of the action next time around? Then get along to Web Directions South in Sydney October 24 and 25 2013.

See the slides and hear the podcast »

Create impact with CSS filters – video presentation from Alex Danilo

CSS Filters are a powerful tool available in all modern browsers to bring amazing photographic effects to web content. If you’re not using them, you should be – here’s how!

Like what you see? Want a piece of the action next time around? Then get along to Web Directions South in Sydney October 24 and 25 2013.

rb_MOsPrdV See the slides and hear the podcast »

Towards an extensible web

Remember the X in XML, and XHTML? It of course stands for extensible, the idea that these languages allow for their users to build upon them, rather than waiting for some standards organisation to add new features.

With HTML5, extensibility of the markup language pretty much went out the window, despite … Read more »