Podcasts about oocss

Follow us on Twitter: Juan Lizarazo - https://www.twitter.com/juanlizarazog Jared Potter - https://www.twitter.com/jaredpotter Welcome to Dev Bootcamp Life, the podcast for new software Engineers hosted by Juan Lizarazo and Jared Potter. We help you level up and to land your first software engineering job or help you become the best software engineer on your team. Today, Jared and Juan share the biggest *DO*s and *DO NOT*s for the 2020 software engineer. CSS is crucial to understand & practice to land your first software engineering position! Learn about CSS specificity, best practices, relative element units, flexbox, OOCSS, and more! --- Support this podcast: https://anchor.fm/devbootcamplife/support

In today's episode, I talk about the JAMStack: why it's awesome, why it's not, and some resources to get started. Links Nicole Sullivan’s OOCSS: https://www.slideshare.net/stubbornella/object-oriented-css GitHub Pages: https://pages.github.com/ Netlify: https://www.netlify.com/ DigitalOcean: https://www.digitalocean.com/ ServerPilot: https://serverpilot.io/ My hosting setup: https://gomakethings.com/automating-the-deployment-of-your-static-site-with-hugo-and-github/ The GitHub desktop app: https://desktop.github.com/ Hugo: https://gohugo.io/ My Hugo starter project: https://github.com/cferdinandi/hugo-starter Jekyll: https://jekyllrb.com/ 11ty: https://www.11ty.dev/ Gatsby: https://www.gatsbyjs.org/ NetlifyCMS: https://www.netlifycms.org/ Forestry: https://forestry.io/ WordPress: https://wordpress.org/ The WP Content API: https://developer.wordpress.org/rest-api/ Creating a middleman API: https://gomakethings.com/keeping-credentials-secure-when-making-api-calls-with-javascript/ Headless WordPress: https://gomakethings.com/keeping-credentials-secure-when-making-api-calls-with-javascript/ Netlify Functions: https://docs.netlify.com/functions/overview/ Cloudflare Workers: https://blog.cloudflare.com/introducing-cloudflare-workers/ My cronjob setup: https://gomakethings.com/how-to-schedule-posts-with-a-static-website/ Hooks and triggers with Netlify: https://humanwhocodes.com/blog/2019/10/scheduling-jekyll-posts-netlify-github-actions/

V páté epizodě @JonasKrutil popisuje různé přístupy k psaní CSS a vybrané metodiky, které používá. Vyjmenováváme výhody a nevýhody Idiomatic CSS, SMACSS, DRY CSS, OOCSS a BEM. Vzájemně si pochválíme pár dobrých postřehů a mimo záznam si stěžujeme, že jsme měli málo času. (V podcastu často říkáme slovo metodologie, myslím, že bychom místo toho měli říkat metodika. Tak si to prosím za poslechu přeložte.) http://bruskodu.cz/epizoda/5/ --- Send in a voice message: https://anchor.fm/bruskodu/message

A few weeks ago, I shared some reasons why I don't like CSS-in-JS. Today, I'm talking about alternatives to it. Links Inlining Critical CSS: https://gomakethings.com/inlining-critical-css-for-better-web-performance/ OOCSS: https://github.com/stubbornella/oocss/wiki BEM: http://getbem.com/ Third-Party JS Plugins: https://vanillajstoolkit.com/plugins/ Gulp: https://gulpjs.com/ Prepos: https://prepros.io/ CodeKit: https://codekitapp.com/ Cutting the Mustard: http://responsivenews.co.uk/post/18948466399/cutting-the-mustard LoadJS: https://github.com/filamentgroup/loadJS Polyfills: https://vanillajstoolkit.com/polyfills/ Polyfill.io: https://polyfill.io

Adam Morse joined the show to talk about Functional CSS and his project Tachyons - a CSS Toolkit that lets you quickly build and design new UI without writing CSS. We talk about Scalable CSS, the difference between “Atomic”, “OOCSS”, “BEM” and others, semantic class names, and where we go from here.

Adam Morse joined the show to talk about Functional CSS and his project Tachyons - a CSS Toolkit that lets you quickly build and design new UI without writing CSS. We talk about Scalable CSS, the difference between “Atomic”, “OOCSS”, “BEM” and others, semantic class names, and where we go from here.

On this episode, Marcy Sutton and I talk about the importance of storytelling and how it relates to the Web field as well as speaking at conferences.Transcript:Chris: What is up boils and ghouls, and welcome to another episode of Tales from the Script, a podcast focused on front end web development, accessibility, performance, end user experience, with a little bit of horror mixed in. I'm your host, the script keeper, Chris DeMars. Today I have an amazing guest with me, reigning from the mountains of Bellingham, Washington, my good friend Marcy Sutton. What's up Marcy?Marcy: Hello, what's happening?Chris: Oh you know, just trying to get through this fall-ish, summer-ish weather in Michigan, and it's killing my sinuses beyond belief. I'm literally dying over here.Marcy: Oh no. Chris: Yeah, it's not good.Marcy: Your own horror movie.Chris: Yeah, oh, that would be a horror movie that'd sell for sure. For those unfamiliar, Marcy's one of the top influential people in the world of accessibility. For those viewers who may not be familiar with you and your work, where do you work and what do you do?Marcy: I work at a company called Deque Systems on tools for web developers to help them make the web more accessible to people with disabilities. Browser extensions, APIs, and things to basically help point out to you if you mess something up for accessibility, how to fix it. Chris: Awesome, awesome, yeah.Marcy: That's what I do in a nutshell. Chris: Sweet, yeah. I love Deque, I love that they have an office here locally, right outside of Detroit and Ann Arbor. I'm a full supporter of everything you do as well as all your team mates. Any [inaudible 00:01:50] I give on accessibility I always plug Deque or have Deque stickers, so I'm right there rooting along with you. Cool.Marcy: Oh, thanks. Chris: Yeah, no problem. You know I got your back. Today's episode, we're going to switch it up a little bit and we're not going to talk about accessibility. We're going to talk about story telling and how it relates to what we do as a front end developer and as a UI developer, myself, and as well as how that plays along with conference speaking. Storytelling, what is it? The dictionary version, it says that it's the activity of telling or writing stories, so if our storytelling ... Right, exactly. Marcy: No way. Chris: Oh that's not what we do, we don't do that any day. We just there to write code, right? This is something we do pretty much every day, depending on what type of situation we're in or what type of work environment we're in. What does storytelling mean to you in our industry, Marcy?Marcy: Well for me it's about being able to articulate ideas in an entertaining way. My background is in journalism, visual journalism. Using visuals and photography to tell stories. Really the basis of storytelling to me is something that has a beginning, middle, and an end. This can come up in so many different ways in our jobs, either just presenting something to a client, or trying to figure out the discovery phase of a project, to doing a conference talk, to trying to delight your users with something you're building for them to put in front of them. It can come up in so many different ways. When I pivoted away from photojournalism because I wasn't really seeing any good job prospects, it didn't occur to me that those skills would really come in handy later in life. Yeah, that's what it means to me, is just trying to tell stories that are compelling, that they have a starting point and an ending point, and you take it along that story arc. It really comes up in so many different ways. Chris: Yeah, I totally agree with you on that front. I've been doing web design development for a long, long time and relating that to storytelling and having user stories or personas ... I know that personas

On this episode, my guest Matt Rose and I discuss the problem between the industry and the reliance on frameworks to get the job done.

Descripcion del programa En el programa de hoy, hablamos con Belén Albeza, devrel de Mozilla sobre la importancia del buen código CSS y buenas prácticas a tener en cuenta. Debatimos abiertamente sobre el uso de conocidos frameworks de diseño como Bootstrap o Foundation y que implica su uso y si es lo más adecuado en muchos casos. Hablamos de la importancia del uso de las etiquetas semánticas y como ayudan a los screenreaders o los crawlers de los buscadores. Así mismo ayudan al mantenimiento del código. ¡Como siempre espero que lo disfrutéis! Encuesta para pedir Feedback Posibles topics, entrevistados y duración del programa Eventos en Madrid OpenSource Weekends FrontFest Recomendaciones Preguntas rápidas: Belén Albeza Quién me ha inspirado: Adriel Wallick Recomiéndanos un recurso: Mozilla Developer Network Recomiéndanos un recurso: Can I use Recomiéndanos a un invitado: Blanca Tortajada ¿Qué tema te gustaría que tratásemos?: Grid Layout Contacta con: Belén Albeza Web Twitter Articles by Belén Albeza (Mozilla Hacks) Links del programa Cristina Fernández BEM OOCSS SMACSS CSS Guidelines Anna Debenham Libro de Anna Debenham GEL Mailchimp You might not need a CSS framework (video) You might not need a CSS framework (artículo) CSS coding techniques The future of layout with CSS: Grid Layouts Specificity Bootstrap Foundation Bruce Lawson Feature Queries @supports Supports will change your life Grid by Example Labs Jen Simmons Writing efficient CSS selectors Recomendaciones de Nacho Harry Roberts Hugo Giraudel Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

関連リンク 2016-11-15のJS: TypeScript 2.1RC、Node.js v7.1.0リリース - JSer.info TypeScript 2.1 RC: Better Inference, Async Functions, and More | TypeScript FLOCSSを使ってCSSファイルを20,000行から9,000行にした話 - Qiita GitHub - hiloki/flocss: CSS organization methodology. Managing CSS Projects with ITCSS // Speaker Deck 2016年、Web Audio API はどう変わったのか? | g200kg Music & Software Improving Perceived Performance with Multiple Background Images – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts deck.gl 2016-11-22のJS: Firefox 50、React v15.4.0、Custom Element v1 - JSer.info Mitigating MIME Confusion Attacks in Firefox | Mozilla Security Blog React v15.4.0 - React Blog User Timing API: あなたの Web アプリをもっと理解するために - HTML5 Rocks GitHub - paulirish/pwmetrics: Progressive web metrics at your fingertipz 2016-11-29のJS: Node.js v7.2.0、Yarnでオフラインインストール - JSer.info Running Yarn offline | Yarn Blog Understanding JavaScript Micro-Templating – WDstack – Medium Khan Academy | Free Online Courses, Lessons & Practice katatema.js - ✘╹◡╹✘ GitHub - nfl/react-helmet: A document head manager for React React at Product Hunt // Speaker Deck Reframe.js GitHub - nuxt/nuxt.js: A minimalistic framework for server-rendered Vue.js applications (inspired by Next.js) GitHub - moroshko/react-autosuggest: WAI-ARIA compliant React autosuggest component Brad Frost Online Store デスクトップ版Firefox 57で拡張機能はWebExtensionsベースに限定化 - Mozilla Flux

Descripcion del programa En el front-end cada seis meses aparece un nuevo framework o librería y creemos que va a camabiarlo todo. Por ello en este episodio hemos invitado a Miguel, CTO de Redradix en el que hablamos de su visión del panorama actual. Le pregunto por multitud de metodologías, tecnologías y buenas prácticas que se usan en nuestro día a día para saber que es lo mejor en cada situación y su punto de vista. Si no te asusta este contínuo cambio este es tu programa. ¡A disfrutar se ha dicho! Encuesta para pedir Feedback Posibles topics, entrevistados y duración del programa Recomendaciones Preguntas rápidas: Miguel Martín Quién me ha inspirado: Elon Musk Recomiéndanos un recurso: MDN Recomiéndanos a un invitado: Elías Alonso ¿Qué tema te gustaría que tratásemos?: Internet of Things Contacta con: Miguel Martín Twitter Github Contacto de Redradix Links del programa BEM SMACSS OOCSS Grid Layout Flex Layout LESS Sass Stylus Hammer CodeKit Atomic Design Bootstrap WordPress Fundation jQuery Backbone Ember Angular React ES6 (no oficial) Bluebird Flux React Redux Babel Grunt Gulp NPM Bower Browserify JSPM Jasmine Mocha Karma Sinon Chai Istanbul Nightwatch AirbnbJS Frameworks de JavaScript Recomendaciones de Nacho State of JavaScript Front-end Event Alistapart Recent Conference Talks Worth Watching Must-Watch CSS Must-Watch JavaScript Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

During this episode, Reda and Kyle talk about their qualms with CSS. They talk about CSS naming conventions, how they tackle layout and the wonderful world of flexbox. Kyle tries to educate Reda on some early 90’s pop music and fails. Let’s talk about sex baby BEM Flexbox Neat OOCSS CSS Variables

Show notes: http://betweenscreens.fm/episodes/81

CSS for Backend Devs (OOCSS) Synergy Webinar The RSS feed The web site The Twitter The Github repo My blog post on CSS organization OOCSS BEM SMACSS The Single Responsibility Principle Full-Stack Radio Episode 1 Bootstrap Without All The Debt Youtube Link

In our very first episode, Adam talks with Matt Stauffer of Tighten Co about OOCSS, BEM, SMACSS, preprocessors, common architecture pitfalls, and CSS semantics. "Organizing CSS: OOCSS, SMACSS, and BEM" by Matt Stauffer Nicole Sullivan on Media Objects SMACSS "MindBEMding" "Bootstrap without all the debt" "Medium's CSS is actually pretting f***ing good" "About HTML semantics and front-end architecture"

Sommerloch und Fußball haben sich verschworen, um unsere Themenliste auszudünnen. Also sprechen wir kurzerhand über einen Artikel von Hans, der sein Werk vor Peter, Anselm und Stefan verteidigt. Schaunotizen [00:00:33] CSS Naming Conventions: Less Rules, more Fun Hans argumentiert für einfachere CSS-Konventionen, als sie in den etablierten und sehr ausführlichen bekannten Systemen Smacss, OOCSS und […]

Duration: 50 min. As UI developers were all aware of the concepts behind OOCSS, but as Sass users we are inquisitive about how OOCSS and Sass can live/work together? In this episode of SassCast, I try to address the topic about how to have our cake and eat it to. We want OOCSS presentational objects for easy reuse as well as semantic classes in my markup.

Nicole Sullivan is passionate about CSS, web standards, and scalable front-end architecture for sites with large numbers of pages and visitors. She speaks about performance at conferences around the world and has enjoyed working on large commercial sites. She writes on her blog as well as other industry developer sites.

Nicole Sullivan is passionate about CSS, web standards, and scalable front-end architecture for sites with large numbers of pages and visitors. She speaks about performance at conferences around the world and has enjoyed working on large commercial sites. She writes on her blog as well as other industry developer sites.

Nicole Sullivan is passionate about CSS, web standards, and scalable front-end architecture for sites with large numbers of pages and visitors. She speaks about performance at conferences around the world and has enjoyed working on large commercial sites. She writes on her blog as well as other industry developer sites.