Podcasts about css grid layout

What design interventions can help improve human connection in your software product? Our guest today is Evelyn Gosnell, behavior scientist and managing director at Irrational Labs. You'll learn what behavioral design is, the foundational principles of human connection, how AI products are trying to establish trust and connection with their users, and more.Podcast feed: subscribe to https://feeds.simplecast.com/4MvgQ73R in your favorite podcast app, and follow us on iTunes, Stitcher, or Google Podcasts.Show NotesIrrational Labs — Evelyn's companyEpisode 221: Behavioral Economics with Kristen BermanNegativity Bias, Similarity BiasThe Liking GapThe Science of Change — Irrational Labs' podcast showCheck out Evelyn's websiteThis episode is brought to you by Penpot — an open-source design tool that bridges the gap between designers and developers. Among other new features in Penpot 2.0, their CSS Grid Layout helps you design responsively and efficiently, and take your design and development workflow to the next level. Join Penpot for free at penpot.app.Interested in sponsoring an episode? Learn more here.Leave a ReviewReviews are hugely important because they help new people discover this podcast. If you enjoyed listening to this episode, please leave a review on iTunes. Here's how.

In this week's show, Phil talks to Michelle Barker, a Lead Front End Developer for Atomic Smash and the author of front-end blog CSS In Real Life. She likes to build fun, creative websites and side projects that are also performant and accessible. She has written articles and regularly speaks about front end development at web conferences and meetups, covering topics such as CSS Grid Layout and CSS Custom Properties. Michelle talks about the value of community and how it can energise your career development. She also discusses why learning should always be fun, and the value of taking time out to realign with what lights you up.   KEY TAKEAWAYS:   TOP CAREER TIP Find a community – online or offline – and allow the people there to help and guide you. This can greatly accelerate your personal development and growth.   WORST CAREER MOMENT When returning from maternity leave, Michelle an extra sense of pressure in terms of proving herself, along with being exhausted and overwhelmed by new parenthood. Since then, she has recognized the value of not adding pressure to oneself unnecessarily.   CAREER HIGHLIGHT Working on a project for The Grand Appeal, a Bristol children's charity, a cause close to Michelle's heart due to her own experiences with her son.   THE FUTURE OF CAREERS IN I.T The IT community itself and the many ways in which people are innovating and pushing the sector forward. Community is everything in IT, and finding the right one is a constant source of inspiration.   THE REVEAL What first attracted you to a career in I.T.? – The intersection between creativity and technical knowhow. What's the best career advice you received? – Write down your accomplishments. What's the worst career advice you received? – That we must always be coding, even in our spare time, and make work our life. What would you do if you started your career now? –Michelle would put less pressure upon herself. Your career is not a race. What are your current career objectives? – Michelle is spending far more time on writing, particularly on her blog, and now in partnership with other publications. What's your number one non-technical skill? – Working in customer services and in the events industry so as to get a better understanding of how to interact with others. How do you keep your own career energized? – Michelle enjoys creative coding as an outlet. What do you do away from technology? – Netflix and playing the drums. FINAL CAREER TIP Learning should always be fun. If you're struggling to get motivated, put down the tutorials and try to build something for fun!   BEST MOMENTS (4:00) – Michelle - “A good way to learn is to pick things up and just keep building little side projects. Follow the paths that interest you” (5:52) – Michelle - “I made so many connections just through taking the time to learn from others” (13:24) – Michelle – “You need to push past things, keep going, keep learning, and know that there aren't any shortcuts. It's not a race” (20:41) – Michelle – “Every time I make something come to life on the screen I feel that sense of accomplishment”   ABOUT THE HOST – PHIL BURGESS Phil Burgess is an independent IT consultant who has spent the last 20 years helping organizations to design, develop, and implement software solutions.  Phil has always had an interest in helping others to develop and advance their careers.  And in 2017 Phil started the I.T. Career Energizer podcast to try to help as many people as possible to learn from the career advice and experiences of those that have been, and still are, on that same career journey.   CONTACT THE HOST – PHIL BURGESS Phil can be contacted through the following Social Media platforms: Twitter: https://twitter.com/_PhilBurgess LinkedIn: https://uk.linkedin.com/in/philburgess Instagram: https://instagram.com/_philburgess Website: https://itcareerenergizer.com/contact Phil is also reachable by email at phil@itcareerenergizer.com and via the podcast's website, https://itcareerenergizer.com Join the I.T. Career Energizer Community on Facebook - https://www.facebook.com/groups/ITCareerEnergizer   ABOUT THE GUEST – MICHELLE BARKER Michelle Barker is a Lead Front End Developer for Atomic Smash and the author of front-end blog CSS In Real Life. She likes to build fun, creative websites and side projects that are also performant and accessible. She has written articles and regularly speaks about front end development at web conferences and meetups, covering topics such as CSS Grid Layout and CSS Custom Properties.   CONTACT THE GUEST – MICHELLE BARKER Michelle Barker can be contacted through the following Social Media platforms: Twitter: https://twitter.com/MicheBarks LinkedIn: https://www.linkedin.com/in/michelle-barker-02819230/ Website: https://michellebarker.co.uk/ Website: https://css-irl.info/

This is the video version of a blog post we did asking the question: How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side? It’s a satisfying answer because …

Summary Amy Kapernick loves CSS Grid Layout and thinks you should use it too! Details Who she is, what she does, speaking at conference. History of layouts, table. Background of CSS grid, it makes your code smaller. What browsers support it, falling back if not supported. Usage in the industry. CSS Working Group is driving the standard. No relationship to bootstrap. What's coming in the next version. Where you can find more info on CSS grid, or catch Amy at a conference. Full show notes

A DevTales 12. adásában bemutattuk a css feature-ök közül a grid és flexboxot és körbejártuk, hogy ezek mikor lehetnek segítségünkre. Illetve beszéltünk még a fejlesztési kollaboratív munkát segítő szoftverekről, különféle chat programokról is. Résztvevők: Gábor Róka Edu Tibi Tartalom: 00:00:15 – Flexbox, CSS Grid Layout 00:14:20 – Tools For Teams Flexbox, CSS Grid Layout Basic […]

The new season of The Big Web Show gets a running start with the brilliant and delightful Rachel Andrew, editor-in-chief of Smashing Magazine, co-founder of Perch and Notist, author of over 30 books including The New CSS Layout, and more. Rachel and host Jeffrey Zeldman discuss learning to say no, productivity hacks, finding the inspiration to write and the courage to begin public speaking, the latest news with CSS Grid Layout, leaving Apple hardware behind, and the pleasures of Pixel. Brought to you by: ZipRecrutier (Visit the link to post jobs on ZipRecruiter for FREE).

The new season of The Big Web Show gets a running start with the brilliant and delightful Rachel Andrew, editor-in-chief of Smashing Magazine, co-founder of Perch and Notist, author of over 30 books including The New CSS Layout, and more. Rachel and host Jeffrey Zeldman discuss learning to say no, productivity hacks, finding the inspiration to write and the courage to begin public speaking, the latest news with CSS Grid Layout, leaving Apple hardware behind, and the pleasures of Pixel.

This week we discuss CSS Grid Layout with Jen Simmons, Designer Advocate at the Mozilla Foundation. We also cover how web standards are made, how that's different from the past, and how to keep up with it all.

Космонавты, этот выпуск получился очень трендовым, потому что мы говорили про уже состоявшиеся и назревающие тренды веб-дизайна и графического дизайна в 2017 году. Кроме этого обсудили возможность и нужду изучения всех возможных языков программирования, поговорили про Docker, а также порассуждали нужно ли использовать CSS гриды уже сейчас. Настраивайся на волну uWebDesign и вперед! Тему к следующему выпуску предлагайте здесь: Тему к подкасту #134. «Первая тема» Супер веб-студия «Дизайн» Как подбирать hero image (заглавное изображение) для страницы. Тренды дизайна в 2017 году (от Shutterstock). Тренды дизайна в 2017 году (от Behance). Тренды дизайна в 2017 году (от Design Shack). «Светские новости» ФНС получила право блокировать анонимайзеры и VPN без суда. "Видики", которые в СССР не знали. Sony убила BETAMAX после 40 лет войны с VHS. Полиция и МТС нашли способ «взломать» Telegram. «Разработка» Сайты, захостенные на SmartApe хорошо работают в любых браузерах!↓ Фиксим баги в стиле 1988 года. Исчерпывающее введение в Docker. Изучите все языки программирования. Правда ли уже пора использовать CSS Grid Layout?. «Научпоп» Про Гауди — разработчика из девятнадцатого века, добившегося всего, чего может добиться разработчик. Когнитивные искажения. С темами к выпуску можно ознакомиться по ссылке: Темы к подкасту #133. Спасибо всем, кто так или иначе принял участие, и дай вам Бог на эти коротенькие семь дней.

Brenda joins Reda to discuss CSS Grid Layout, the reasons they don't use grid frameworks as much anymore, iPad design, and the pros/cons of client vs product work. CSS Layout Club CSS Working Group "Learn CSS Grid"- Jen Simmons Neat

In this episode, I'm chatting with Rachel Andrew - an authority on CSS Grid Layout, the new specification that is redefining how we approach layout for the web. We'll cover what you need to know to get started with CSS Grid and how this will change the way you think about the web design grid. Meet Rachel Andrew Rachel Andrew is a front and back-end web developer, author and speaker. Her books include the recent Get Ready for CSS Grid Layout and she is a regular contributor to a number of publications both on and offline. Rachel is co-founder of the CMS Perch, a Google Developer Expert and an Invited Expert to the CSS Working Group. She writes about business and technology on her own site at rachelandrew.co.uk. Show Notes Rachel's website:  https://rachelandrew.co.uk/ Grid by Example:  http://gridbyexample.com/ The CSS Layout Workshop:  https://thecssworkshop.com/ Twitter:  https://twitter.com/rachelandrew Codepen:  http://codepen.io/rachelandrew/ Perch CMS:  https://grabaperch.com/ Transcript Open PDF version of this transcript in new window JackieHey everybody. This is Jackie with another episode of Rethink.fm for you. Today, I have a very special guest, Rachel Andrew, who many of you may have heard is an expert in the new CSS Grid and is also a co-founder of Perch, which is a simple CMS application. Hi Rachel. RachelHi, good to be here. JackieThanks for joining me. If I've left anything out and for anybody who doesn't know you, if you want to introduce yourself that would be awesome. RachelSure. Yes, I'm Rachel. I've been a web developer for, well, a very long time. I've been running my own business since 2001 as a developer and now, as mentioned, what we mainly do is Perch CMS. That's our product. I'm an Invited Expert to the W3C CSS Working Group, so my interest in CSS and the open web goes back a long way. I'm just back from Tokyo where I was at the CSS Working Group meeting talking about all things CSS. That's really what I do. It's mainly Perch, and then quite a bit of speaking and writing about CSS. JackieStarting off with the CSS Grid, how did you get involved with that and what role have you played? RachelI just spotted it really. In fact, it all started, I was speaking at a conference and I can't remember what about. There was workshops as part of the conference. Bert Bos, from the W3C, was doing a workshop in French, my French isn't great, but he was doing a workshop in French and showing some kind of experimental layout stuff. One of those things was a forerunner to CSS Grid. I saw this and thought, this is something we want. Then I realized that actually there was a spec had come through from Microsoft, and there was this early version of the Grid spec was developed by a team at Microsoft. It was implemented into IE10. I got my hands on that and I started building things and saying, "Yeah. This is a really good thing. This is something we want." Really it just started from there, that I was very keen to promote it and to write about it and to get people talking about it, to make sure that it was something that got implemented into other browsers and didn't just end up being something that ... Some sort of IE experiment. That's really where it all came from is I was just very keen ... I'm very aware of the fact that web developers have got quite a lot of power in terms of what ends up in browsers, if we talk and write about it and make some noise. I just wanted to start doing that, to champion this spec that I thought really was interesting and was going to solve a lot of problems. JackieCSS Grid had its beginnings with Internet Explorer? RachelThat's right, yeah. JackieWow. That is very ... It's not something I would have thought given the history with Internet Explorer. RachelIt's surprising. I mean the team now with Edge and really going quite a long way back, there's been some great stuff coming out of Microsoft and co...

Developer bias is something all developers deal with either knowingly or not. Trey Shugart the creator of SkateJS joins us this week to discuss the advantages and disadvantages of developer bias. Following up on his talk at Web Componente Remote Conference we look at what problems developer bias causes us in our day to day lives and Trey provides some tips on how to step back and look at problems more objectively. Around the Web in Two Minutes Safari 10.1 Release Includes Fetch, CSS Grid Layout, ES2016-2017 Support & Custom Elements V1! This release also includes support for ES6 modules making Safari the first browser to ship this feature! https://webkit.org/blog/7477/new-web-features-in-safari-10-1/ Chrome DevTools landed JS/CSS coverage moved out of experiments Currently in Canary M59 Useful for identifying code which would be split/ or lazy loaded https://twitter.com/addyosmani/status/848907772318015488 Edge confirms that an updated CSS Grid implementation is in development https://twitter.com/MSEdgeDev/status/848997331567497216 Interesting Blink Intent to Ship's of the week: Writable Streams https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/qpY1dj_ND-Q Animated PNGs https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/xEOyu8QFCr0/3oqSlHBxCwAJ InputEvent https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/W-Q1yWW-zas Firefox added experimental support for async iteration into Firefox nightly https://groups.google.com/forum/#!topic/mozilla.dev.platform/4--twpqTrMY Engineers gathered in Japan for two days of Service Worker standards meetings covering potential version2 updates. Guests Trey Shugart (@treshugart) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)      

CSS Grid Layout es una nueva especificación de CSS que nos permite estructurar nuestras páginas web de manera más limpia y sencilla. Con casi un soporte completo por parte de todos los navegadores, debemos aprenderla lo más pronto posible para estar listos y entrar a esta nueva etapa del diseño y desarrollo frontend. Links del episodio: Grid Layout: Guía Básica Grid CSS (Cuadrículas) We CoDesign: CSS Grid Layout Grid by Example Learn CSS Grid Get Ready For CSS Grid Layout  

Descripcion del programa Manuel Rego, quien ha participado en la implementación de CSS Grid Layout nos cuenta como se ha llevado a cabo la implementación de CSS Grid Layout, como funciona y analizamos las diferentes propiedades para aprender esta nueva forma de crear webs. Os acercamos multitud de recursos útiles que esperamos os sean útiles. ¡Bienvenid@s al presente de la web! Recomendaciones Preguntas rápidas: Manuel Rego Quién me ha inspirado: Richard Stallman Quién me ha inspirado: Elika J. Etemad Recomiéndanos un recurso: Grid by Example Recomiéndanos un recurso: Rachel Andrew Recomiéndanos un recurso: Jen Simmons Recomiéndanos un recurso: ESCSS Recomiéndanos a un invitado: Diego Fernandez Recomiéndanos a una invitada: Naiara Abaroa Recomiéndanos a un invitado: Kseso ¿Qué tema te gustaría que tratásemos?: El tema de realidad virtual en la web (WebVR) ¿Qué tema te gustaría que tratásemos?: El futuro de CSS con todo el tema de Houdini ¿Qué tema te gustaría que tratásemos?: Test the Web Forward Contacta con: Manuel Rego Twitter de Manuel Rego Blog de Manuel Rego Links del programa CSS Working Group Repository CSS Working Group Test Repository Web Platform Tests CSS Working Group Drafts Alan Stearns - Becoming Responsible for CSS - CascadiaFest 2016 Recomendaciones de Ignacio Grids CSS Grid Guides on MDN CSS Grid Layout Slides Basic Concepts of Grid Layout Getting Started CSS Grid A Complete Guide to Grid CSS Grid Terminology CSS Grid Layout ya está aquí! (video) Entendiendo CSS Grid Grid Layout CSS Grid Talk Examples Rego's Everyday Life Learn CSS Grid Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

CSS Grid Layout is in Firefox and Chrome, and coming to Safari. Jeffrey Zeldman talks about the new spec with one of its foremost advocates, Rachel Andrew – a web developer, writer, and public speaker from Bristol, UK. Rachel is a member of the CSS Working Group, a Google Developer Expert, the co-founder of the Perch CMS, the publisher of CSS Layout News (a weekly collection of tutorials, news, and information on all things CSS layout), and the author or co-author of countless articles and 30 books, including Get Ready for CSS Grid Layout, A Pocket Guide to CSS Modules, The Profitable Side Project Handbook, and HTML 5 For Web Designers, 2nd Edition.

CSS Grid Layout is in Firefox and Chrome, and coming to Safari. Jeffrey Zeldman talks about the new spec with one of its foremost advocates, Rachel Andrew – a web developer, writer, and public speaker from Bristol, UK. Rachel is a member of the CSS Working Group, a Google Developer Expert, the co-founder of the Perch CMS, the publisher of CSS Layout News (a weekly collection of tutorials, news, and information on all things CSS layout), and the author or co-author of countless articles and 30 books, including Get Ready for CSS Grid Layout, A Pocket Guide to CSS Modules, The Profitable Side Project Handbook, and HTML 5 For Web Designers, 2nd Edition. Links for this episode:this is rachelandrew.co.uk - the website of web developer, writer and public speaker Rachel AndrewRachel Andrew (@rachelandrew) | TwitterCSS Grid Guides on MDNA Book Apart, Get Ready for CSS Grid LayoutCSS Layout NewsPublished books authored and co-authored by Rachel AndrewPerch - The really little content management system (CMS)CSS Grid lands in Firefox 52Podcast episodes featuring Rachel AndrewThree years with CSS Grid LayoutGrid LayoutMy presentations - subjects I speak about and links to resources, video and slidesBrought to you by: Incapsula (Just visit Incapsula.com/BigWebShow and enter the code BIGWEBSHOW to get one month free). FreshBooks (To claim your month long unrestricted free trial, go to FreshBooks.com/bigwebshow and enter BIG WEB SHOW in the “How Did You Hear About Us?” section). Wix (Just go to Wix.com and create your stunning website today.)

This week we talk CSS Grid with the amazing and great Rachel Andrew, who has been leading the charge with Grid for a while now. We talked about the origin of Grid, what we'll be able to do with it and when it's going to be ready to use (sooner that we realised). We also talked about how she got started as a developer, her work with the W3C CSS Working Group, and of course Perch CMS (my favourite). Our Toolstar is a CSS Grid Layout learning resource, Grid By Example (http://gridbyexample.com/). It's a repository of tutorials, articles, videos and resources for learning grid managed by Rachel (I don't know how she gets so much stuff done). It's a Bristol sound themed Jukebox this week. My pick is 'Glory Box' by Portishead, and Ben went for 'Black Steel' a Public Enemy track covered by Tricky with vocalist Martina Topley-Bird. They'll be added to the Relative Paths Alt Playlist (https://relativepaths.uk/altpl). The original Relative Paths Playlist is also available for you to code along to (https://relativepaths.uk/pl). Subscribe and keep in touch: iTunes - https://relativepaths.uk/it Stitcher - https://relativepaths.uk/st SoundCloud - https://relativepaths.uk/sc AudioBoom - https://relativepaths.uk/ab Twitter - https://twitter.com/relativepaths Facebook - https://facebook.com/relativepaths The music we use for various intro bits, stings and outro is ‘Vitreous Detachment’ by Origamibiro, used with kind permission. – Mark Links Rachel's site - https://rachelandrew.co.uk/ Rachel onTwitter - https://twitter.com/rachelandrew Perch - https://grabaperch.com/ Perch on Facebook - https://www.facebook.com/grabaperch/ Perch on Twitter - https://twitter.com/grabaperch?lang=en Edge of my seat - http://www.edgeofmyseat.com/ Grid By Example - http://gridbyexample.com/ CSS-Tricks Guide To Grid - https://css-tricks.com/snippets/css/complete-guide-grid/

Rachel Andrew (@RachelAndrew) , Managing Director and founder of edgeofmyseat.com (currently working exclusively on CMS Perch), talks withe panel on the mysterious ways of CSS Layout. Rachel has been speaking quite a lot on the subject in the developer speaking circuit for a while now. Join us as she shares her stylish insights on Grid, Flexbox, Floats, Bootstrap, Regions, and much more. Resources http://gridbyexample.com - where I keep CSS Grid Layout stuff, info about browser support, code samples, inks to other resources I dig up. http://csslayout.news - weekly newsletter on CSS Layout. http://www.slideshare.net/zomigi/using-flexbox-today-frontend-united-2016 - Zoe Gillenwater slides, Using Flexbox Today https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/ “Should I Use Grid or Flexbox?” Here is which to use and when. http://caniuse.com/#feat=flexbox https://github.com/w3c/csswg-drafts CSS Working Group drafts on GitHub https://rachelandrew.co.uk/archives/2016/03/25/css-grid-and-css-regions/ Grid plus Regions https://rachelandrew.co.uk/archives/2016/03/16/css-exclusions-and-grid-layout/ Grid plus Exclusions Solved By Flexbox - https://philipwalton.github.io/solved-by-flexbox/

In Episode 66 of the John Morris Show: the new native browser support for CSS grid layouts, getting started with web development, niching down to niche up and more. Opening and Patreon [2:56] Native browser support for CSS grid layouts [10:14] Long-term thinking and patience [21:54] How to get started with web development [42:57] Niche down to niche up [1:01:25] Weekly Q&A [1:11:06] Here's the show notes page: http://www.johnmorrisonline.com/66 Suppor the show on Patreon: http://www.johnmorrisonline.com/patreon Learn more about TopTal: http://www.johnmorrisonline.com/toptal Subscribe on YouTube: http://youtube.com/johnmorrisonline Subscribe on SoundCloud: https://soundcloud.com/johnmorrisonline Subscribe on iTunes: http://goo.gl/RggnXW How to Start a Blog in 15 Minutes Or Less: http://www.johnmorrisonline.com/how-to-start…tes-or-less/ Let me help you publicize your blog: http://www.johnmorrisonline.com/publicity/ Here's the special discount link for Rob Percival's Complete Web Developer course: http://www.johnmorrisonline.com/go?id=cwdc&utm_campaign=lDfYT6fHW2o Get the source code in the Code Snippets section here: http://www.johnmorrisonline.com/web-developer-resources/ Training Center: http://www.johnmorrisonline.com/training

Rachel Andrew—longtime web developer and web standards champion, co-founder of the Perch CMS, and author of Get Ready For CSS Grid Layout—is Jeffrey Zeldman's guest. Topics include working with CSS Grid Layout, how Grid enables designers to “do something different” with web layout, why designers need to start experimenting with Grid Layout now, how front-end design has morphed into an engineering discipline, learning HTML and CSS versus learning frameworks, and the magical self-reinventions of David Bowie, RIP.

Rachel Andrew—longtime web developer and web standards champion, co-founder of the Perch CMS, and author of Get Ready For CSS Grid Layout—is Jeffrey Zeldman’s guest. Topics include working with CSS Grid Layout, how Grid enables designers to “do something different” with web layout, why designers need to start experimenting with Grid Layout now, how front-end design has morphed into an engineering discipline, learning HTML and CSS versus learning frameworks, and the magical self-reinventions of David Bowie, RIP.