POPULARITY
This week we are joined by Andrey Sitnik, the creator of PostCSS, Browserslist, Autoprefixer, and many other tools. We talk about the origins of PostCSS, the future of CSS, and the power of open source and distributed applications. We also go into OKLCH, a new color format that Andrey has been working on tooling for. https://github.com/ai https://sitnik.ru/en/ https://twitter.com/sitnikcode Become a paid subscriber our patreon, spotify, or apple podcasts for the full episode. https://www.patreon.com/devtoolsfm https://podcasters.spotify.com/pod/show/devtoolsfm/subscribe https://podcasts.apple.com/us/podcast/devtools-fm/id1566647758 https://www.youtube.com/@devtoolsfm/membership
In this Hasty Treat, Scott and Wes continue a three-part series about old browsers, fallbacks and polyfills. In part two, they talk specifically about CSS Grid, Flexbox, new features and fallbacks, and how to use them. VueSchool.io — Sponsor Check out VueSchool.io’s new subscription plans. Get access to their entire catalog with more than 160 lessons, including The Vue.js Masterclass, for one low monthly fee. New content and courses are added regularly. Visit VueSchool.io/syntax and get your first month for only $5. Show Notes 3:08 - CSS Grid and Flexbox Flexbox old spec Flexbox new spec CSS Grid Some popular options for supporting for supporting CSS Grid and/or Flexbox: Just serve the mobile layout Display block Separate layout that you will eventually delete Can I Use Do websites need to look exactly the same in every browser? Modernizr CSS3, Please! Autoprefixer 12:38 - CSS Variables Double define Just like Grid, unknown def will be ignored and fallback to CSS CSS Houdini 17:00 - Fallback Code @supports Display block then display grid Feature Testing Detect the browser as a last resort Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets
Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby Sinatra 2.0.0, Active Admin 1.0, The Lesser-known Features in Rails 5.1 и Building a Rack::Attack Dashboard Improving capistrano deployment performance, Crafting Better Code Reviews и Announcing the RubyLetter Podcast Crystal from a Rubyist's Perspective, Capistrano AWS, Pwrake: Parallel Workflow extension for Rake, runs on multicores, clusters, clouds и RailsConf 2017: Why Software Engineers Disagree About Everything (video) JavaScript Node.js 8.0.0 has been delayed and will ship on or around May 30th, Prepack - a partial evaluator for JavaScript, Autoprefixer 7.0 and Browserslist 2.0 и PostCSS 6.0 ECMAScript modules in browsers, JavaScript: The compilation epoch, UX drives all of this и 45% Faster React Functional Components, Now Getting Started with Headless Chrome, SmartPhoto.js - the most easy to use responsive image viewer especially for mobile devices, Pkg - package your Node.js project into an executable, Typefont - recognises the font of a text in a image и SpectorJS - explore and troubleshoot your WebGL scenes
Descripcion del programa Joan León Front-end y UI Developer y responsable de formación en su empresa y amante del CSS y la animación nos hablará sobre PostCSS. Si os gusta pensar en el futuro del CSS y las posibilidades que podemos llegar a usar sin duda este es vuestro programa. ¡Bienvenid@s al futuro de la web! Recomendaciones Preguntas rápidas: Joan León Quién me ha inspirado: Lea Verou Quién me ha inspirado: Harry Roberts Quién me ha inspirado: Hugo Giraudel Recomiéndanos un recurso: MDN Recomiéndanos un recurso: Perf.Rocks Recomiéndanos un recurso: DevSpace Recomiéndanos un recurso: Codepen Recomiéndanos un recurso: People You Should Follow on CodePen Recomiéndanos a un o una invitad@: Diana Aceves Recomiéndanos a un o una invitad@: Belén Albeza Recomiéndanos a un o una invitad@: Gabi Recomiéndanos a un o una invitad@: Jaume Sanchez Recomiéndanos a un o una invitad@: Daniel Guillan Recomiéndanos a un o una invitad@: Daniel Fornells Recomiéndanos a un o una invitad@: Fernando Serrano Recomiéndanos a un o una invitad@: Carlos Villuendas ¿Qué tema te gustaría que tratásemos?: WebGL ¿Qué tema te gustaría que tratásemos?: Canvas ¿Qué tema te gustaría que tratásemos?: Creative Coding ¿Qué tema te gustaría que tratásemos?: Desktop apps with HTML5 ¿Qué tema te gustaría que tratásemos?: CSS Architecture ¿Qué tema te gustaría que tratásemos?: Web Games Contacta con: Joan León Twitter de Joan León Blog de Joan León Web de Joan León Links del programa Plugins Rockstars Autoprefixer Autoprefixer Online Autoprefixer Twitter browserslist Rework PostCSS PostCSS Plugins List 1 PostCSS Plugins List 2 CSS Next Pre CSS CSS Nano stylelint postcss import postcss-custom-properties PostCSS Sprites Post Inline SVG PostCSS's plugins I used in my last project (with Gulp) gulp-postcss postcss-color-function postcss-css-variables postcss-custom-media postcss-devtools PostCSS For postcss-math postcss-nested postcss-partial-import postcss-reporter postcss-style-guide Mmmm... plugins (IMHO) postcss-shape postcss-extract-animations postcss-alias postcss-triangle postcss-short-position postcss-short-text postcss-andalusian-stylesheets postcss-trolling postcss-imperial Links útiles PostCSS Resources Suit CSS Post HTML Recomendaciones de Ignacio Harry Roberts - Newsletter CSS Weekly Slides PostCSS - Jorge Introducción a PostCSS - Lourdes Montano - DevDayAR 2016 Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva
Writing CSS seems pretty straight forward until your project and team starts to grow. CSS has a lot of issues, in this episode we share some advice for making it a little bit easier. We’ll also discuss ways to create a scalable CSS architecture for large projects and teams. Items mentioned in the episode: Sarah Drasner, Chris Coyier, Una Kravets, Sass, Less, Transpilers episode, BEM, Sass-lint, BEM lint, React, Radium, Aphrodite, Webpack, Ruby, Ruby Sass, LibSass, PostCSS, CSS Houdini, SMACSS, SassySass, Wai Lun Poon, Dart, xkcd compiling, Stylus, Jade, TJ Holowaychuk, Express, Koa, Go, Autoprefixer, Flexbox Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Brian Holt - @holtbt Mars Jullian - @marsjosephine Picks: Ryan Burgess - Art of Readme Ryan Burgess - Nas - Wrote My Way Out Augustus Yuan - Google Code-in Augustus Yuan - CSS Stats Jem Young - Sketch Jem Young - Complete Intro to React Derrick Showers - Code Pen Derrick Showers - Nextdoor Brian Holt - CSS Wizardry Brian Holt - mrmrs Brian Holt - Una Kravets Brian Holt - Sarah Drasner Brian Holt - Rachel Nabors Brian Holt - City of Minneapolis Brian Holt - Laphroaig Madeira Mars Jullian - cssreference.io Mars Jullian - The Great Dickens Fair
Do you fear the CSS? You're not alone! Carl and Richard chat with Elijah Manor about his experiences becoming a "real" front end developer and embracing CSS development. Elijah talks about making the leap from hiding behind Twitter Bootstrap and actually starting to think about CSS as its own thing. The conversation turns quickly to tools - LOTS of tools. Elijah explains his CSS stack of Sass, CSSLint and AutoPrefixer. But many other tools get mentioned along the way for the variety of services they provide. The tooling is getting better, now is a great time to dig into CSS!Support this podcast at — https://redcircle.com/net-rocks/donations
Do you fear the CSS? You're not alone! Carl and Richard chat with Elijah Manor about his experiences becoming a "real" front end developer and embracing CSS development. Elijah talks about making the leap from hiding behind Twitter Bootstrap and actually starting to think about CSS as its own thing. The conversation turns quickly to tools - LOTS of tools. Elijah explains his CSS stack of Sass, CSSLint and AutoPrefixer. But many other tools get mentioned along the way for the variety of services they provide. The tooling is getting better, now is a great time to dig into CSS!Support this podcast at — https://redcircle.com/net-rocks/donations
Наш гость — Андрей Ситник Промокод для скидки на RailsClub: rubynoname Конкурс Осенью 2014 года Злые марсиане проведут два курса в Москве — Брейнвошинг по Ruby on Rails (11-14 октября) и Брейнвошинг по фронтенду (18-21 октября). Чтобы получить ссылку при оформлении билета, укажите в поле комментариев код «RUBYNONAME» — это даст вам (или оформляющему билет вашему работодателю) скидку 2000 руб. Еще можно с помощью специальной ссылки на странице каждого из курсов задать вопрос преподавателям — если вопрос будет интересный, мы с удовольствием опубликуем ответ, а вы получите скидку 5000 руб. Брейнвошинги очень полезные, но относительно дорогие, и возможность посетить их есть не у всех. Для поощрения open-source активистов мы вместе с Ruby NoName Podcast уже во второй раз проводим конкурс, приз которого — бесплатное посещение одного из брейнвошингов за вклад в open source. Условия Участники конкурса присылают свои open source работы за сентябрь (и оставшуюся до подведения итогов конкурса часть октября) нам в редакцию. Нужно прислать ссылки на свои коммиты или pull requestы, желательно с описанием или со ссылкой на статью в блоге с описанием — нам в комментарий к Gist и по почте info@rubynoname.ru. В письме не забудьте указать, как быстрее всего с вами связаться (почта и телефон, например). Мы рассматриваем работы на Ruby (улучшения/патчи/PR в Rails, популярные гемы, или ваши собственные новые проекты) и работы по фронтенд-части (тут спектр уже — нас интересуют только улучшения PostCSS, а еще лучше — собственные разработки на базе PostCSS; про него слушайте в подкасте). Единственный победитель будет выбран ведущими подкаста и брейнвошингов. Крайний срок подачи работ — 6 октября 2014 года (чтобы вы за неделю до первого брейнвошинга еще успели спланировать время и попасть на курс). Победитель может выбрать один из брейнвошингов для бесплатного посещения. Андрей Ситник Профиль на Гитхабе Профиль в Твиттере Сайт Проекты Autoprefixer PostCSS evil-blocks evil-front visibility.js easings.net R18n Прочее «Цифровой шаббат», статья в «Хакере» Сайт Сергея Короля Мы также выражаем огромную благодарность Стасу Спиридонову за помощь с мастерингом этого выпуска.
n this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.
n this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.