object(WP_Query)#530 (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)#1047 (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)#1046 (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)#1405 (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(42) ["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)#1048 (25) { ["ID"]=> int(7615) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-06-30 13:28:30" ["post_date_gmt"]=> string(19) "2017-06-30 03:28:30" ["post_content"]=> string(2243) "Sara SoueidanWe're going back to Respond 16 for our Video of the Week this week, when Sara Soueidan came to visit and delivered an inspiring, eye-opening keynote presentation on what can be done with CSS and SVG working together. It's an excellent talk, and really needs no more introduction than that.    

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(66) "Video of the Week: CSS + SVG: A Designer's Delight - Sara Soueidan" ["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(50) "video-week-css-svg-designers-delight-sara-soueidan" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-06-30 13:28:30" ["post_modified_gmt"]=> string(19) "2017-06-30 03:28:30" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7615" ["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)#1049 (25) { ["ID"]=> int(7476) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-05-17 10:00:32" ["post_date_gmt"]=> string(19) "2017-05-17 00:00:32" ["post_content"]=> string(2865) "Fiona ChanAs we look forward to Web Directions Code 17 in Melbourne this August, our Video Ristretto this week harks back to last year's conference, where Fiona Chan delivered her presentation CSS: Code Smell Sanitation. Fiona has long been a stalwart supporter of Web Directions - she's one of our regular and indispensable production volunteers - and has also been a strong supporter of the community, as her involvement with SydCSS and CSSConf testifies. Less than 20 minutes long, her talk at Code 16 not only drew much admiration on the day, but has also been one of the most watched Web Directions videos ever since. My guess is that we all have concerns about how to clean up our own and others' code, but we're not always sure how to go about it - which is exactly what Fiona covers so well.    

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(56) "Video Ristretto: CSS: Code Smell Sanitation - Fiona Chan" ["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(52) "video-ristretto-css-code-smell-sanitation-fiona-chan" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-05-19 12:27:59" ["post_modified_gmt"]=> string(19) "2017-05-19 02:27:59" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7476" ["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)#1052 (25) { ["ID"]=> int(7336) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-04-26 10:00:32" ["post_date_gmt"]=> string(19) "2017-04-25 23:00:32" ["post_content"]=> string(3378) "Chris WrightA hallmark of the relatively short history of web design and development has been the often very creative use of CSS elements meant to do one thing but made to serve some other purpose entirely. Some might find that surprising, given that this has all been invented fairly recently for specifically to design and build websites, but the reality is that CSS was always going to need to evolve as we go along. Back at Respond 16, Chris Wright addressed one of these situations, namely using media queries to adapt components to the available space - necessary for a responsive site. Chris' talk focused on the prospect of using element queries instead: very interesting stuff and worth 25 minutes of your time.    

Got your ticket for 2017 yet?

For Respond 17, we've put together a truly remarkable two-day program of international and local speakers digging into front end design and development, that we're taking in full to Sydney (4-5 May) and Melbourne (8-9 May), with a special trip to Brisbane as well (11 May). Come and join us!  

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(77) "Video Ristretto: Components Without Screen-based Media Queries - Chris Wright" ["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(74) "video-ristretto-components-without-screen-based-media-queries-chris-wright" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-04-26 10:50:21" ["post_modified_gmt"]=> string(19) "2017-04-25 23:50:21" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7336" ["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)#1053 (25) { ["ID"]=> int(7303) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-04-21 10:30:46" ["post_date_gmt"]=> string(19) "2017-04-20 23:30:46" ["post_content"]=> string(3365) "Russ WeakleyOne of the things we really like about staging conferences like Respond is that we can bring to Australia experts from around the world. Perhaps even better than that is when we can feature locals who are themselves world class in their fields. When it comes to CSS, we're fortunate to have a thinker, practitioner and educator at that level in Russ Weakley. Add to that Russ's understanding and ability to use CSS to build truly accessible web experiences, and his capacity and willingness to share his skill with as many web practitioners as possible, and we're talking not just world class, but world leading. And it doesn't hurt that he can be seriously funny. Here's a tadge under an hour of Russ at Respond 16. Well worth your time.    

Got your ticket for 2017 yet?

For Respond 17, we've put together a truly remarkable two-day program of international and local speakers digging into front end design and development, that we're taking in full to Sydney (4-5 May) and Melbourne (8-9 May), with a special trip to Brisbane as well (11 May). Come and join us!  

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(82) "Video of the Week: Building Accessible Web Components Without Tears - Russ Weakley" ["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(79) "video-of-the-week-building-accessible-web-components-without-tears-russ-weakley" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-04-21 00:36:38" ["post_modified_gmt"]=> string(19) "2017-04-20 13:36:38" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7303" ["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)#1054 (25) { ["ID"]=> int(7141) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2017-04-07 10:00:22" ["post_date_gmt"]=> string(19) "2017-04-06 23:00:22" ["post_content"]=> string(4219) "Respond started life as a "pop-up" single-day conference in Sydney, addressing the specific challenges associated with web design in the age of multi screens. Initially, the focus was very practical and revolved a lot around CSS – and specific responsive patterns – to do with images, navigation on small screens, accessibility on mobile devices, and so on. But front end design has come a long way in the relatively short time since we held that first event, and so Respond has evolved to more broadly address the challenges of designing great experiences. But a central part of this continues to be the technologies we work with to build these experiences – CSS, HTML, SVG, and more. At Respond this year, there'll be more than a little focus on these, though if that's not what you work with every day, there will still be considerable value in gaining a sense of what's possible today in our browsers that you can incorporate into your designs or product roadmaps.   CSS, HTML, SVG at Respond 17   First up, Vitaly Friedman, one of the foremost experts in responsive design and development, will survey the current browser technology landscape, HTTP/2, Service Workers, Responsive Images, Flexbox, SVG and Font Loading APIs, and consider how we can use them to create great experiences. For the more technically inclined, this is a great how-to, while for those who don't live in the code, it's an eye-opener as to what's possible. It's leading edge today, but these will be baseline requirements not too far from now. Rachel Nabors, who knows more about animation on the web than just about anyone, will look at the tools available to create engaging dynamic animated experiences. Again, motion design is already a key principle to master for the emerging web. Mike Riethmuller will look at how type responds to the user's screen size, orientation and resolution – a holy grail of responsive design – and the CSS we need to make it a reality. In a related session, Mandy Michael will look at various features of CSS to help create eye-catching text effects. Brett Snaidero will complement Rachel's presentation by giving us a look at how SVG combined with CSS enables animation with little pain, and no need for complex code. If your primary job is building the front end, and working with CSS, HTML and SVG, there's more than enough here to considerably extend your skill set and inspire you, while if you're focused more on UX, CX, IxD, and Product Design, come and see what tools are now available to create even more compelling experiences.   CSS, HTML, SVG at Respond 17" ["post_title"]=> string(25) "CSS, HTML, SVG at Respond" ["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(20) "css-html-svg-respond" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-04-06 14:23:38" ["post_modified_gmt"]=> string(19) "2017-04-06 03:23:38" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7141" ["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)#1055 (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" } [6]=> object(WP_Post)#1056 (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" } [7]=> object(WP_Post)#1057 (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" } [8]=> object(WP_Post)#1058 (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" } [9]=> object(WP_Post)#1059 (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" } [10]=> object(WP_Post)#1060 (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" } [11]=> object(WP_Post)#1061 (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.

 

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(66) "Video of the Week: CSS + SVG: A Designer's Delight - Sara Soueidan" ["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(50) "video-week-css-svg-designers-delight-sara-soueidan" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2017-06-30 13:28:30" ["post_modified_gmt"]=> string(19) "2017-06-30 03:28:30" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(37) "https://www.webdirections.org/?p=7615" ["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) "16" ["max_num_pages"]=> float(2) ["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: CSS + SVG: A Designer’s Delight – Sara Soueidan

  • In: Blog
  • By:
  • June 30, 2017
  • Comments Off on Video of the Week: CSS + SVG: A Designer’s Delight – Sara Soueidan

Sara SoueidanWe’re going back to Respond 16 for our Video of the Week this week, when Sara Soueidan came to visit and delivered an inspiring, eye-opening keynote presentation on what can be done with CSS and SVG working together.

It’s an excellent … Read more »

Video Ristretto: CSS: Code Smell Sanitation – Fiona Chan

  • In: Blog
  • By:
  • May 17, 2017
  • Comments Off on Video Ristretto: CSS: Code Smell Sanitation – Fiona Chan

Fiona ChanAs we look forward to Web Directions Code 17 in Melbourne this August, our Video Ristretto this week harks back to last year’s conference, where Fiona Chan delivered her presentation CSS: Code Smell Sanitation.

Fiona has long been a … Read more »

Video Ristretto: Components Without Screen-based Media Queries – Chris Wright

  • In: Blog
  • By:
  • April 26, 2017
  • Comments Off on Video Ristretto: Components Without Screen-based Media Queries – Chris Wright

Chris WrightA hallmark of the relatively short history of web design and development has been the often very creative use of CSS elements meant to do one thing but made to serve some other purpose entirely.

Some might find that surprising, given … Read more »

Video of the Week: Building Accessible Web Components Without Tears – Russ Weakley

  • In: Blog
  • By:
  • April 21, 2017
  • Comments Off on Video of the Week: Building Accessible Web Components Without Tears – Russ Weakley

Russ WeakleyOne of the things we really like about staging conferences like Respond is that we can bring to Australia experts from around the world.

Perhaps even better than that is when we can feature locals who are themselves world class in … Read more »

CSS, HTML, SVG at Respond

  • In: Blog
  • By:
  • April 7, 2017
  • Comments Off on CSS, HTML, SVG at Respond

Respond started life as a “pop-up” single-day conference in Sydney, addressing the specific challenges associated with web design in the age of multi screens.

Initially, the focus was very practical and revolved a lot around CSS – and specific responsive patterns – to do with images, navigation on small screens, accessibility … Read more »

Video of the Week – Rachel Andrew: CSS Grid Layout

  • In: Blog, Video
  • By:
  • March 24, 2017
  • Comments Off on 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

  • In: Blog, video ristretto
  • By:
  • March 22, 2017
  • Comments Off on 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 »