style sheet language
POPULARITY
Miriam Suzanne, web developer, artist, and co-founder of OddBird, talks about the philosophy and evolution of web design. We explore CSS origins, the cascade, accessibility, and how the balance between user control and brand expression defines the spirit of the web. Links Website: https://www.miriamsuzanne.com Mastodon: https://front-end.social/@mia GitHub: https://github.com/mirisuzanne Bluesky: https://bsky.app/profile/miriam.codes CodePen: https://codepen.io/miriamsuzanne LinkedIn: https://www.linkedin.com/in/terriblemia Resources CERN: https://info.cern.ch Cascading HTML style sheets proposal: https://www.w3.org/People/howcome/p/cascade.html Axe Accessibility Testing Tools: https://www.deque.com/axe The Design of Web Design talk: https://www.youtube.com/watch?v=th1qORyvBcc We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com (mailto:emily.kochanek@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr)
Po prawie 5 latach, ponownie zagościła u nas Agata Rygielska. Tym razem rozmawialiśmy o jej drodze od tłumaczki do kodującej Tech Writerki. Agata opowiedziała nam dlaczego postanowiła rozwijać swoje umiejętności techniczne, jakich języków i technologii się uczyła, w jaki sposób nabywała wiedzę, jakie były dla niej największe wyzwania oraz jakie ma plany na przyszłość. Na koniec dzielimy się wynikami krótkiej ankiety na temat kodowania, którą przeprowadziliśmy wśród Tech Writerów. Dowiecie się z niej m.in. jaki procent ankietowanych koduje a jaki zna rożnicę między Javą i JavaScriptem. Informacje dodatkowe: "#11 Robot dokumentuje część 2 - automatyzacja kontra ludzie", Tech Writer koduje: https://techwriterkoduje.pl/blog/2019/12/12/11 "Optimus - ofiara chorego systemu, który od lat niszczy polską przedsiębiorczość": https://forsal.pl/artykuly/780660,optimus-ofiara-chorego-systemu-ktory-od-lat-niszczy-polska-przedsiebiorczosc.html MadCap Flare: https://www.madcapsoftware.com/products/flare/ React: https://react.dev/ Docker: https://www.docker.com/ "#27 Tech Writer szkoli się z Pythona", Tech Writer koduje: https://techwriterkoduje.pl/blog/2021/2/17/27 lxml: https://lxml.de/ Jenkins: https://www.jenkins.io/ Babel: https://babeljs.io/ Rollup: https://rollupjs.org/ Git: https://git-scm.com/ Cursor AI: https://www.cursor.com/ Notepad++: https://notepad-plus-plus.org/ Visual Studio Code: https://code.visualstudio.com/ Strona Sebastiana Witowskiego: https://switowski.com/ "Modern Python Projects Course", Talk Python to Me: https://training.talkpython.fm/courses/modern-python-projects PyCharm: https://www.jetbrains.com/pycharm/ Vale: https://github.com/errata-ai/vale Static site generator: https://www.gatsbyjs.com/docs/glossary/static-site-generator/ "What is CodeWhisperer?", Amazon AWS Documentation: https://docs.aws.amazon.com/codewhisperer/latest/userguide/what-is-cwspr.html "Cascading Style Sheets", Wikipedia: https://simple.wikipedia.org/wiki/Cascading_Style_Sheets Sourcery: https://sourcery.ai/ Kotlin: https://kotlinlang.org/ Vasont CMS: https://www.globallinkccms.com/products/vasont "C Sharp (programming language)", Wikipedia: https://en.wikipedia.org/wiki/C_Sharp_(programming_language) "XSL Formatting Objects", Wikipedia: https://pl.wikipedia.org/wiki/XSL_Formatting_Objects Pykonik, Kraków Python User Group: https://www.meetup.com/pl-PL/pykonik/
CSS, or Cascading Style Sheets, is a fundamental technology in web development that defines the presentation and layout of HTML documents. It serves as a styling language that allows developers to control the appearance of web pages. Rachel Andrew is a Staff Technical Writer on the Google Chrome Team. Before that she worked for Mozilla The post The State of CSS with Rachel Andrews appeared first on Software Engineering Daily.
CSS, or Cascading Style Sheets, is a fundamental technology in web development that defines the presentation and layout of HTML documents. It serves as a styling language that allows developers to control the appearance of web pages. Rachel Andrew is a Staff Technical Writer on the Google Chrome Team. Before that she worked for Mozilla The post The State of CSS with Rachel Andrews appeared first on Software Engineering Daily.
#298"One size bigger and red."Roundtable2023.04.13Dale learned a lot while editing this episode.She learned the board game ‘Spirit Island' is about spirits that protect an island, and she is pretty sure that this is the same premise as hit TV show ‘LOST'.She learns that CSS is not a programming language or a mark-up languageAnd she learns that CSS stands for Cascading Style SheetsShe learns that AAA games are easy (not sure why she struggles with them)That there are either wrong choices in skill trees OR it never really matteredAnd that Stephen wants to fight everyone on DiscordGood luck anyone who isn't a McGregor!Stephen is playing Spirit Island - Board Game GeekRa Ra Boom Trailer (from Max who schedules our interviewsTwin Cities Playtest is the 3rd Wednesday of the Month - EventbriteTwin Cities Playtest is also on YouTube - IGDA Twin Cities, YouTubeCSS9:47Mark LaCroixProgrammingIn this discussion Ellen mentioned accessibility standards for web contentWCAG (Web Content Accessibility Guidelines) - WikipediaMark asked if there is an ISO Standard for this, and there is! ISO 40500:2012There is also one for UI: ISO 30071-1Mark mentions that you should look up the 'Blink' tag, but Dale already did it for you, here.Unity Style Sheet (USS) - UnityThere is a USS Unity in Star TrekAnd Stephen mentions the Div-Div Crow, based on this webcomic.Skill Trees46:38Stephen McGregorGame Design
Topics covered in this episode: Make Each Line Count, Keeping Things Simple in Python Parsel A Comprehensive Guide to Python Logging with Structlog Stamina Extras Joke Watch on YouTube About the show Sponsored by Sentry: pythonbytes.fm/sentry Connect with the hosts Michael: @mkennedy@fosstodon.org Brian: @brianokken@fosstodon.org Show: @pythonbytes@fosstodon.org Join us on YouTube at pythonbytes.fm/live to be part of the audience. Usually Tuesdays at 11am PT. Older video versions available there too. Brian #1: Make Each Line Count, Keeping Things Simple in Python Bob Belderbos Some great tips to help you simplify your Python code to make it more understandable and maintainable. Michael #2: Parsel Parsel is a BSD-licensed Python library to extract data from HTML, JSON, and XML documents. Parsel lets you extract data from XML/HTML documents using XPath or CSS selectors. It supports: CSS and XPath expressions for HTML and XML documents JMESPath expressions for JSON documents Regular expressions # Want a RSS feed detail from a website standard HTML? selector = parsel.Selector(text=html_text) for link in selector.css('head > link'): rel = link.xpath('.//@rel').get() rel_type = link.xpath('.//@type').get() href = link.xpath('.//@href').get() Brian #3: A Comprehensive Guide to Python Logging with Structlog Stanley Ulili structlog is an awesome logging tool, and already has great documentation. However, this article is a great starting point, highlighting: how easy it is to get started using structlog configuring the default log level changing the formatting customizing the time stamp adding custom fields adding contextual data filtering async … Michael #4: Stamina via Matthias Bach, by Hynek Production-grade Retries Made Easy stamina is an opinionated wrapper around the great-but-unopinionated Tenacity package. Its goal is to be as ergonomic as possible, while doing the right thing by default, while minimizing potential for misuse. General additions on top of Tenacity Retry only on certain exceptions. Exponential backoff with jitter between retries. Limit the number of retries and total time. Automatic async support. Preserve type hints of the decorated callable. Count (Prometheus) and log (structlog) retries with basic metadata, if they're installed. Easy global deactivation for testing. Extras Brian: The “pytest fixtures” chapter of the pytest course is available now. Also, the PYTHONBYTES 20% discount still active for bundle through the end of August. Michael: Python 3.12.0 release candidate 1 released PyCon UK: The conference takes place from the 22nd to the 25th of September in Cardiff, Wales. The schedule is available at 2023.pyconuk.org/schedule/ and tickets are available at 2023.pyconuk.org/tickets/. PyData Eindhoven 2023, Nov 30 CFP open PyData Seattle Language Creators Charity Fundraiser: Adele Goldberg - Smalltalk, Guido Van Rossum, Anders Hejlsberg, C#, and James Gosling - Java. September 19, 2023: 12:00 - 4:00 PM, in person only. Joke: Librarian chatgpt-failures
Dale learned a lot while editing this episode.She learned the board game ‘Spirit Island' is about spirits that protect an island, and she is pretty sure that this is the same premise as hit TV show ‘LOST'.She learns that CSS is not a programming language or a mark-up languageAnd she learns that CSS stands for Cascading Style SheetsShe learns that AAA games are easy (not sure why she struggles with them)That there are either wrong choices in skill trees OR it never really matteredAnd that Stephen wants to fight everyone on DiscordGood luck anyone who isn't a McGregor!Stephen is playing Spirit Island - Board Game GeekRa Ra Boom Trailer (from Max who schedules our interviewsTwin Cities Playtest is the 3rd Wednesday of the Month - EventbriteTwin Cities Playtest is also on YouTube - IGDA Twin Cities, YouTube CSS 9:47 Mark LaCroixProgrammingIn this discussion Ellen mentioned accessibility standards for web contentWCAG (Web Content Accessibility Guidelines) - WikipediaMark asked if there is an ISO Standard for this, and there is! ISO 40500:2012There is also one for UI: ISO 30071-1Mark mentions that you should look up the 'Blink' tag, but Dale already did it for you, here.Unity Style Sheet (USS) - UnityThere is a USS Unity in Star TrekAnd Stephen mentions the Div-Div Crow, based on this webcomic. Skill Trees 46:38 Stephen McGregorGame Design
In this episode of Syntax, Scott and Wes talk about the basics of building a website — how to get started for beginners! Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section. Sentry - Sponsor If you want to know what's happening with your code, track errors and monitor performance with Sentry. Sentry's Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Mux - Sponsor Mux Video is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time. Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you're serving a few dozen streams or a few million. Visit mux.com/syntax. Show Notes 04:20 - HTML HTML is the language you write to get text and elements to show up on the screen Elements can describe the content they contain p img Or be structural and describe the areas of the website div h header, footer Listen to our ep on HTML elements to learn more about them: Syntax 354: The Surprisingly Exciting World of HTML Elements HTML elements have default styling applied to them before you write any CSS This comes from the browser and can be manipulated However, by default all elements are either block or inline-display 08:11 - CSS If HTML is the bones, CSS is the clothes and skin CSS dictates how a website looks Without CSS, you have text on a blank page and images CSS stands for Cascading Style Sheets (“cascading” being the key word) Adding CSS to a page Link tag Style tag Inline styles Selectors You can select an element on the page via element, class, id, attribute Syntax is selector, brackets, property, value Property A property is what you are changing (e.g. background-color) Value determines how the thing looks background: red; Specificity Specificity is a big part of the cascade. When you apply one style to something, you need to learn how to target things appropriately. This is a huge part of being good at CSS. People develop systems like BEM to organize this General rules - Use elements for base styling and classes for specific styling. Don't use IDs for styling. !important exists to override everything, but as a general rule, NEVER use it. Seriously. Some interaction Most interaction is done in JavaScript, but CSS has some basics hover, active, focus Pseudo selectors You'll often see people reaching for libraries to make CSS easier and more consistent Common examples are Bootstrap, Foundation, and TailwindCSS For the most part you'll want to avoid these until you have a good understanding of the cascade, how CSS works, and how to write good CSS. In addition to properties, you can now write your own custom properties for CSS. While this could be seen as an advanced technique, I believe the new normal is CSS variables first. CSS variables are indicated by —variableName: value; where variable name takes the place of a property. You can then use the variable via var(—variableName) in place of a property. This allows for easy duplication of same values across your style sheet. 37:08 - JavaScript JavaScript is used to add interaction to a website It makes your website dynamic JavaScript the Language We have a base programming language that has nothing to do with HTML It has things like: Variables - ways to store things Numbers + Math Data Containers - Objects and Arrays Functions - Code grouped together to achieve a certain purpose It also has a “Standard Lib” which means JavaScript comes with built-in support for doing common things: Formatting time + money Alerting the user Logging a value to developer tools Capitalizing things Sorting lists of things Round or randomize numbers Fetch data Talk to a sever Promises Logic and flow control JavaScript the DOM When the HTML is loaded, it's parsed into something called the DOM (Document Object Model) Events JavaScript is mostly event-driven - when something happens, do something else When you click something and want something else to happen There are lots of events mouse, touch, pointer Ready Forms Submit, change, keyboard, etc. Can be used to fetch data fetch() - you'll often hear it called Ajax, or XMLHttpRequest Can be used to make more HTML Whole set of APIs for creating elements The DOM can be traversed Links https://css-tricks.com/ https://getbootstrap.com/ https://get.foundation/ https://tailwindcss.com/ ××× SIIIIICK ××× PIIIICKS ××× Scott: Tony Hawk's Pro Skater 1 + 2 Wes: Mini Split Air Conditioner Shameless Plugs Scott: 1: Level Up Tuts Pro - Sign up for the year and save 25%! 2: Become a Level Up Tutorials Author Wes: 1: All Courses - Use the coupon code ‘Syntax' for $10 off! 2: Javascript Notes & Reference 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
HTML, or Hypertext Markup Language, describes the content and structure of web pages. A web browser can also be thought of as an HTML document viewer. CSS, or Cascading Style Sheets, is a styling and layout description language that works hand-in-hand with HTML to define a web page's particular look. In this episode we provide a broad overview of both languages from 30,000 feet. If you have no knowledge of how the Web works, consider first checking out our previous episode "How Does the Web Work?" Show Notes Episode 6: How does the Web work? Episode 5: How does the Internet work? Follow us on Twitter @KopecExplains. Theme “Place on Fire” Copyright 2019 Creo, CC BY 4.0 Find out more at http://kopec.live
Sam Taylor is the author of "The Coding Workbook: Build a Website with HTML and CSS", a book created to teach anyone how to build a website - without a computer. She has a Master's degree in Curriculum Design and works as a technical curriculum developer. She is passionate about providing educational opportunities for everyone.Episode NotesMusic used in the podcast: Higher Up, Silverman Sound Studio"The Coding Workbook: Build a Website with HTML and CSS". https://nostarch.com/CodingWorkbookHTML - Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript. (wikipedia)CSS - Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. (wikipedia)"Hello World: A Complete Python-Based Computer Programming Tutorial with Fun Illustrations, Examples, and Hands-On Exercises" by Warren Sande and Carter Sande.Python - an interpreted, high-level and general-purpose programming language. Python's design philosophy emphasizes code readability with its notable use of significant whitespace.Teach for America - a nonprofit organization whose stated mission is to "enlist, develop, and mobilize as many as possible of our nation's most promising future leaders to grow and strengthen the movement for educational equity and excellence." (wikipedia)#100 Days of Coding - A challenge to code for a minimum of 100 consecutive days and tweet your progress. There is a website about this challenge. https://www.100daysofcode.com
Katlyn is a young software developer that got her start to software developing and programming in a unique way. She is passionate about the work that she does and where she is going in her career. She shares her challenges overcoming being "painfully introverted" (her words, not mine!) and is an avid golfer.Episode NotesMusic used in the podcast: Higher Up, Silverman Sound StudioAcronyms, Definitions, and Fact CheckUTC - Utilities Technology Council - a global association focused on the intersection of telecommunications and utility infrastructure. (www.utc.org)The Starbucks College Achievement Plan, first introduced in June 2014, is a first of its kind partnership with Arizona State University (ASU) that creates an opportunity for all eligible U.S. partners (employees) to earn their bachelor's degree with full tuition coverage all the way to graduation at ASU's top-ranked online degree program. (https://stories.starbucks.com/stories/2015/starbucks-college-achievement-plan-frequently-asked-questions/)OKCupid - A U.S.-based, internationally operating online dating, friendship, and formerly also a social networking website and application. (wikipedia)Python - an interpreted, high-level and general-purpose programming language. Created by Guido van Rossum and first released in 1991, Python's design philosophy emphasizes code readability with its notable use of significant whitespace. (wikipedia)Code Academy - an American online interactive platform that offers free coding classes in 12 different programming languages including Python, Java, Go, JavaScript, Ruby, SQL, C++, Swift, and Sass, as well as markup languages HTML and CSS. (wikipedia)Hello World, by Warren Sande and his son, Carter - A gentle but thorough introduction to the world of computer programming. It's written in language a 12-year-old can follow, but anyone who wants to learn how to program a computer can use it. Even adults. (wikipedia)Java Script - a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. (wikipedia)HTML - Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript. (wikipedia)Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. (wikipedia)Perl - a family of two high-level, general-purpose, interpreted, dynamic programming languages. (wikipedia)100 Days of Code: A challenge to code on a regular basis in order to get in the habit of coding. There are two rules: 1) Code minimum an hour every day for the next 100 days. 2) Tweet your progress every day with the #100DaysOfCode hashtag. (www.100daysofcode.com)
Wie wird CSS eigentlich weiterentwickelt? Cascading Style Sheets stellen einen globalen Standard dar, der heute aus keinem Browser mehr wegzudenken ist. Daher ist die Frage wie es zur Weiterentwicklung dieser Norm kommt besonders spannend. Zusammen mit Adam Argyle, Chrome CSS Developer Advocate bei Google, finden wir darauf in Podcastfolge 55 eine Antwort – erstmals auf Englisch! Als Stylesheet-Sprache gibt CSS Gestaltungsanweisungen für HTML und XML vor. Definiert wird dieser Standard durch das W3C, kurz für World Wide Web Consortium, das als Dachorganisation der CSS Working Group auftritt. Adam ist Teil dieser Arbeitsgruppe und erzählt uns in dieser Folge, wie sich eine übergeordnete Organisation wie die W3C strukturiert. Er erklärt uns, wie die Arbeitsprozesse zur Weiterentwicklung von CSS-Vorgaben aussehen und sich aus Proposals und Drafts Implementierungen ergeben. Ausgestattet mit Tipps zu Tools und Best Practices, verrät uns Adam außerdem sein liebstes CSS-Feature! Ihr könnt Adam auf Twitter folgen, auf seiner Webseite mehr über seine Projekte erfahren und euch so zusätzlich von seiner Expertise in CSS überzeugen lassen.Diese Folge ist die erste, die wir auf Englisch veröffentlichen. Schreibt uns doch, was ihr darüber denkt – ganz einfach auf Social Media oder per Mail! Hier findet ihr, was Adam ansprach: Motion Blur Draft von Adam Draft zu cubic-bezier to take additional pairs von Adam CSS Typed Object Model CSS Houdini Spec Wiki CSS Houdini Spec Dev Timecodes (00:48) Who's Adam? (04:27) What's the CSS Working Group?(06:14) How does a new idea come to CSS?(15:35) Some exciting new CSS specs(25:16) Loved and hated CSS features(31:38) Animation curves and motion blur(33:43) Browser support(38:27) Some history of CSS(40:58) Will there be a CSS4?(45:43) How to mix JS and CSS the right way(51:55) Future of the browser platform(57:00) VisBug: a FireBug for designers(59:35) Picks of the DayPicks of the Day Adam: Hat dein Lieblings-CSS-Feature es noch nicht in alle Browser geschafft, kannst du es mit PostCSS-Preset-Env konvertieren, sodass es von den meisten Browsern verstanden wird! Tutorial: How to Use CSS Logical Properties to Control Layout Adams Tweet: Logical Property Equivalents von Höhe und Breite Sebi: Mit Wakamaifondue Eigenschaften einer Schriftart herausfinden, die man nicht direkt erfassen kann. Jojo: Vue CLI Plugin zum einfachen Überführen einer Vue Single-page Application in eine Android- oder iOS-App mithilfe von Capacitor. Schreibt uns! podcast@programmier.bar Folgt uns! Twitter Instagram Facebook Besucht uns! Meetup
Cascading Style Sheets let you manage how your HTML looks so you can keep your HTML focused on the content.
Cascading Style Sheets let you manage how your HTML looks so you can keep your HTML focused on the content.
We're joined by Shelly Brisbin, author of the book iOS Access for All and host of The Parallel Podcast. As she's written more than a dozen tech books, I asked her to come on the show to explain how she creates her books, what tools she uses, and how she migrated from using an agent and a big publishing house to doing self publishing. It's a really fun episode because while you'd think creating a book is all about writing, Shelly gets into how she uses TextWrangler and writes her own Cascading Style Sheets to create her books.
02:59 - Rob Wormald Introduction Twitter GitHub 03:46 - Stephen Fluin Introduction Twitter GitHub Blog 04:28 - Improvements Coming for Routing in Angular 08:22 - Syntax 11:10 - Preloading Data 13:59 - Brian Ford’s Router => The New Router Lifecycle Hooks canActivate canDeactivate 17:23 - Does the new router do these things? Can I click on a link and tell it to go to a route? Can I pass parameters; multiple parameters? Can I add multiple routes to multiple different regions on the page? If I’m a child component, can I reach up and learn anything about my parent, and if so, what can I do? Will, with this router, do I have the option of Lazy loading the routes or loading them all up front? Can I route to two different states on the same page? 23:28 - Auxiliary Route 24:51 - Offline Compilation CSS (Cascading Style Sheets) 29:38 - Bundling; Development Experience 32:46 - Relative Pass 41:25 - Treeshaking 43:21 - What’s left before Angular goes live? Picks rollup.js (Rob) Google Play’s Family Plan (Jules) Plunker (Stephen) Ford and Chevrolet (John) Adobe Lightroom (John) X-Men Apocalypse (Joe) P.I. (Joe)
02:59 - Rob Wormald Introduction Twitter GitHub 03:46 - Stephen Fluin Introduction Twitter GitHub Blog 04:28 - Improvements Coming for Routing in Angular 08:22 - Syntax 11:10 - Preloading Data 13:59 - Brian Ford’s Router => The New Router Lifecycle Hooks canActivate canDeactivate 17:23 - Does the new router do these things? Can I click on a link and tell it to go to a route? Can I pass parameters; multiple parameters? Can I add multiple routes to multiple different regions on the page? If I’m a child component, can I reach up and learn anything about my parent, and if so, what can I do? Will, with this router, do I have the option of Lazy loading the routes or loading them all up front? Can I route to two different states on the same page? 23:28 - Auxiliary Route 24:51 - Offline Compilation CSS (Cascading Style Sheets) 29:38 - Bundling; Development Experience 32:46 - Relative Pass 41:25 - Treeshaking 43:21 - What’s left before Angular goes live? Picks rollup.js (Rob) Google Play’s Family Plan (Jules) Plunker (Stephen) Ford and Chevrolet (John) Adobe Lightroom (John) X-Men Apocalypse (Joe) P.I. (Joe)
02:59 - Rob Wormald Introduction Twitter GitHub 03:46 - Stephen Fluin Introduction Twitter GitHub Blog 04:28 - Improvements Coming for Routing in Angular 08:22 - Syntax 11:10 - Preloading Data 13:59 - Brian Ford’s Router => The New Router Lifecycle Hooks canActivate canDeactivate 17:23 - Does the new router do these things? Can I click on a link and tell it to go to a route? Can I pass parameters; multiple parameters? Can I add multiple routes to multiple different regions on the page? If I’m a child component, can I reach up and learn anything about my parent, and if so, what can I do? Will, with this router, do I have the option of Lazy loading the routes or loading them all up front? Can I route to two different states on the same page? 23:28 - Auxiliary Route 24:51 - Offline Compilation CSS (Cascading Style Sheets) 29:38 - Bundling; Development Experience 32:46 - Relative Pass 41:25 - Treeshaking 43:21 - What’s left before Angular goes live? Picks rollup.js (Rob) Google Play’s Family Plan (Jules) Plunker (Stephen) Ford and Chevrolet (John) Adobe Lightroom (John) X-Men Apocalypse (Joe) P.I. (Joe)
In this week's episode of Chit Chat Across the Pond we have Bart Busschots with another installment of Programming by Stealth. He covers the syntax for images and links in HTML and the attributes you can apply and more importantly why you should apply them. He promises that with the first 5 episodes under our belts we'll be ready to move on to understanding CSS, or Cascading Style Sheets. You can read along with his detailed tutorial and download the example files at bartbusschots.ie/s/2015/12/27/programming-by-stealth-5-of-x-images-links/.
02:29 - Sean Fioritto Introduction @sfioritto planning for aliens 02:52 - Design and Sketching with CSS Background & Overview Cascading Style Sheets (CSS) Sketching with CSS by Sean Fioritto Skip Using Photoshop; Move Straight to Code => Get Pixels to Screen Faster 06:34 - Developer Designer Communication Tooling and Muscle Memory 12:23 - Using CSS Over Photoshop, Alternative Programs, and Frameworks Sketch InVision Macaw 15:29 - Grid Systems and Resets (Frontend Tools) i.e. Grid Systems The Grid System Responsive Grid System CSS Resets What Is A CSS Reset? CSS Tools: Reset CSS 17:27 - Prototyping (Workflow) Git 23:14 - Documentation 26:14 - Adopting New Practices (Progressive Enhancement) (Killer) Interactive Demo Presentations “Style Tiles” Fluency "Pixel Pushers" 45:33 - The Modern Web Moving Forward 47:30 - Keep Up with Scott Sketching with CSS by Sean Fioritto planning for aliens The ginormous, unstoppable list of Angular resources Picks NoSQL Distilled: A Brief Guide to the Emerging World of Polyglot Persistence by Pramod J. Sadalage and Martin Fowler (David) RoT.js (David) The Spatials (David) The User is Drunk (Saron) Drunk Kitchen (Saron) The Reckoners Series by Brandon Sanderson (Chuck) Bootstrapping Design: Roll Your Own Design by Jarrod Drysdale (Sean) The Ruby DSL Handbook by Jim Gay (Sean) Ryan Castillo: 7 Recurring Recipes for Consultancies (Sean) ExpeditedSSL (Sean) The Life-Changing Magic of Tidying Up: The Japanese Art of Decluttering and Organizing Marie Kondo (Sean)
02:29 - Sean Fioritto Introduction @sfioritto planning for aliens 02:52 - Design and Sketching with CSS Background & Overview Cascading Style Sheets (CSS) Sketching with CSS by Sean Fioritto Skip Using Photoshop; Move Straight to Code => Get Pixels to Screen Faster 06:34 - Developer Designer Communication Tooling and Muscle Memory 12:23 - Using CSS Over Photoshop, Alternative Programs, and Frameworks Sketch InVision Macaw 15:29 - Grid Systems and Resets (Frontend Tools) i.e. Grid Systems The Grid System Responsive Grid System CSS Resets What Is A CSS Reset? CSS Tools: Reset CSS 17:27 - Prototyping (Workflow) Git 23:14 - Documentation 26:14 - Adopting New Practices (Progressive Enhancement) (Killer) Interactive Demo Presentations “Style Tiles” Fluency "Pixel Pushers" 45:33 - The Modern Web Moving Forward 47:30 - Keep Up with Scott Sketching with CSS by Sean Fioritto planning for aliens The ginormous, unstoppable list of Angular resources Picks NoSQL Distilled: A Brief Guide to the Emerging World of Polyglot Persistence by Pramod J. Sadalage and Martin Fowler (David) RoT.js (David) The Spatials (David) The User is Drunk (Saron) Drunk Kitchen (Saron) The Reckoners Series by Brandon Sanderson (Chuck) Bootstrapping Design: Roll Your Own Design by Jarrod Drysdale (Sean) The Ruby DSL Handbook by Jim Gay (Sean) Ryan Castillo: 7 Recurring Recipes for Consultancies (Sean) ExpeditedSSL (Sean) The Life-Changing Magic of Tidying Up: The Japanese Art of Decluttering and Organizing Marie Kondo (Sean)
02:29 - Sean Fioritto Introduction @sfioritto planning for aliens 02:52 - Design and Sketching with CSS Background & Overview Cascading Style Sheets (CSS) Sketching with CSS by Sean Fioritto Skip Using Photoshop; Move Straight to Code => Get Pixels to Screen Faster 06:34 - Developer Designer Communication Tooling and Muscle Memory 12:23 - Using CSS Over Photoshop, Alternative Programs, and Frameworks Sketch InVision Macaw 15:29 - Grid Systems and Resets (Frontend Tools) i.e. Grid Systems The Grid System Responsive Grid System CSS Resets What Is A CSS Reset? CSS Tools: Reset CSS 17:27 - Prototyping (Workflow) Git 23:14 - Documentation 26:14 - Adopting New Practices (Progressive Enhancement) (Killer) Interactive Demo Presentations “Style Tiles” Fluency "Pixel Pushers" 45:33 - The Modern Web Moving Forward 47:30 - Keep Up with Scott Sketching with CSS by Sean Fioritto planning for aliens The ginormous, unstoppable list of Angular resources Picks NoSQL Distilled: A Brief Guide to the Emerging World of Polyglot Persistence by Pramod J. Sadalage and Martin Fowler (David) RoT.js (David) The Spatials (David) The User is Drunk (Saron) Drunk Kitchen (Saron) The Reckoners Series by Brandon Sanderson (Chuck) Bootstrapping Design: Roll Your Own Design by Jarrod Drysdale (Sean) The Ruby DSL Handbook by Jim Gay (Sean) Ryan Castillo: 7 Recurring Recipes for Consultancies (Sean) ExpeditedSSL (Sean) The Life-Changing Magic of Tidying Up: The Japanese Art of Decluttering and Organizing Marie Kondo (Sean)
On this show the fellows were joined by Dr. Rick Kopak from iSchool at the University of British of Columbia. There he researches information design and human computer interaction. Paul & Chris get schooled on the interesting concepts behind information design and how much the field is changing thanks to all our handheld digital devices. An example of structuring information might be Hypertext. Making information more useful might be as simple as laying it out with CSS, adding interactivity with JavaScript or perhaps ratings, a comment system or a way to monitor social capital. Schemas are at the core of information design. From there designers can create Personas and shape the information presented in a document to make it more usable. Rick is currently researching On The Measurability of Information Quality. Paul & Rick reminisce about HyperCard, an Apple app that predates the World Wide Web. Project Xanadu was the first hypertext project started in 1960 and continued development even after the creation & adoption of the World Wide Web. iOS Design Guidelines create consistency in the way information is presented and may be responsible for their popularity. Flat vs. Realism, an interactive exploration of digital design. We discuss the complexity & expectations of Facebook vs. the simplicity of Twitter. The Myers-Briggs Type Indicator is often used in business & academic worlds. The perils of social networks, How I Became Amazon’s Pitchman For a 55-Gallon Drum of Personal Lubricant on Facebook. The blue light from your digital devices may affect your sleep. In fact, there’s loads of information on getting a good night’s sleep. Rick is curious to try some amber glasses to block the blue light. Is the Jawbone collecting useful data or just a nag? Depends on your personality. Thanks to Rick for sharing his time and knowledge with us all. He’ll be back in the final show of next season to talk fiction and audio books. Support Montreal Sauce on Patreon
Cascading Style Sheets are a bit of a tricky beast in HTML. Given this fact, I wanted to dedicate an entire section to just this topic. Let's start with the basics, shall we? What are Cascading Style Sheets (CSS)? Well, we've already talked a little bit about HTML formatting tags (like ), but that kind of formatting is embedded within your HTML code itself. What I mean by that is while you are typing out the HTML code for your page, you'll actually have to type in in order to apply styles to some of your HTML. What if you don't want to clutter your HTML with style code, but you still want to apply styles to your website… well that's where CSS comes in. Cascading Style Sheets actually exist as a completely separate file to your HTML code. ...continue reading
This episode was recorded 22 May 2013 live and in person at Adobe's offices in Fremont in Seattle. You can download the m4a file or subscribe in iTunes. (Or subscribe to the podcast feed.) John Nack is Principal Product Manager, Adobe Digital Video. He has a blog (definitely worth reading, especially if you use Photoshop) and is @jnack on Twitter. This episode is sponsored by Microsoft Azure Mobile Services. One of the cooler features recently added is the ability to create custom APIs. Originally you were limited to standard operations on your database tables — but now you can design any API you want. This allows you to create a full REST/JSON API that's tailored to your app, that works as efficiently as possible. (And it's all in JavaScript. Mobile Services runs Node.js. Write your apps in your favorite text editor on your Mac.) Things we mention, in order of appearance (pretty much): Adobe LiveMotion Photoshop John's Blog Kurt Vonnegut Granfalloons despair.com Cocoa 64-bit Carbon 64-bit Unfrozen Cave Man Olive Garden South Bend, Indiana Tiramisu St. Sebastian Breadsticks Monkeys 2005 Movable Type DeBabelizer GifBuilder Anarchie 1984 Mac 2001 Algonquin Hotel Apple II PCjr ASCII Art Clip Art Googly Eyes Bill Atkinson MacPaint Rorschach Test Apple II GS Great Books Quadra 840AV Quadra Ad Director SuperCard Søren Kierkegaard Immanuel Kant Notre Dame Football Windows NT HTML New York City 1998 Flash Macromedia Illustrator Navy ROTC San Francisco GoLive NetNewsWire After Effects Thomas Knoll Camera Raw Photoshop Touch Germany Philistinism Perfectionism Volkswagen Carbon-dating Web Standards SVG CSS Gus Mueller Acorn Neven Mrgan Khoi Vinh Croatia Portland JDI Healing Brush Buck Rogers Creative Cloud Facebook Smugmug WWDC Jetta Ketchup Death-march Comic Book Guy John Gruber “If you see a stylus, they blew it.” Microsoft Surface Metro UI Rahm Emmanuel: “You never want a serious crisis to go to waste.” The Mythical Man-Month Content-Aware Fill Shawshank InDesign Adobe Magazine Nike PageMaker Postscript SLR Lightroom Black & Decker Dr. Evil Loren Brichter Instagram Kickstarter NGO Tumblr Acquisition Troy Gaul Blurb The Onion: Report: 98 Percent Of U.S. Commuters Favor Public Transportation For Others Data T-1000 Syria MacApp Resource Manager John Knoll Industrial Light & Magic QuickTime OpenDoc Corba OLE SnapSeed Mac System 6 Apple events AppleScript Audio Bus 1992 “The only time you should start worrying about a soldier is when they stop bitchin'” Alan Kay: “The Mac is the first computer good enough to be criticized.” TapBots Tweetbot 2 Android Kai's Power Tools Kai Krause Fremont RUN DMC Porsche Boxster Flavawagon Google Glass Robert Scoble
Alexis Gallisá, Art Director for GiantBomb.com is on the podcast this week. Among the topics covered are his work on Giant Bomb and the effort required to redesign its website, his early motivations for getting interested in web design, and the invaluable feedback of the Giant Bomb community. We also talk about his life with diabetes, explore the phrase "your diabetes may vary", and Alexis opens up about the unique advocacy opportunities that present itself when you decide to eat 60 chicken nuggets in front of a 20,000 person livestream. Enjoy. Follow Alexis on Twitter at @alexisg. And if you're not familiar with giantbomb.com, you should fix that. Now. Run Time - 49:29 Send your feedback to feedback@justtalkingpodcast.com.
CSS is central to the web. What happening with it these days? Author and expert Eric Meyer joins Jen Simmons to talk about the past, present and future of Cascading Style Sheets.
Cascading Style Sheets.
This keynote will focus on the unique potential offered to web developers - the ability to use the web platform to build compelling applications that reach across different devices, scenarios and environments. In discussing the approaches necessary to deliver great experiences across all these spaces, we will also uncover unique opportunities in a platform that reaches from mobile phones to the biggest display screen in your house. Chris Wilson is a Developer Advocate at Google Inc. He began working on web browsers in 1993 when he co-authored the original Windows version of NCSA Mosaic, the first mass-market WWW browser. After leaving NCSA in 1994 and spending a year working on the AIRMosaic web browser for SPRY, Inc., he joined Microsoft’s Internet Explorer team as a developer in 1995. Over the course of 15 years, Chris represented Microsoft in many standards working groups, in particular helping develop standards for Cascading Style Sheets, HTML, the Document Object Model and XSL through the W3C working groups. He also developed the first implementation of Cascading Style Sheets in Internet Explorer – the first, in fact, in any mass-market web browser. Beginning in 2001, he spent a few years working on the WPF project, but rejoined the IE team in 2004 to lead the IE Platform and Security team, then moved to work on the Javascript engine team in 2009. In 2010, Chris left Microsoft and joined Google’s Developer Relations team, and is currently working on the Google TV project. In his free time, he enjoys photography and hiking with his wife and daughter, and scuba diving in the cool waters of Puget Sound. Occasionally he remembers to share his thoughts on his blog. Follow Chris on Twitter: @cwilso Licensed as Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/).
Saving Word documents, Organic Light Emitting Diode Displays (will replace LCD for flat panel TV, faster, larger screens, higher dynamic range, eventually cheaper), running XP mode in Windows 7 Virtual PC (best way to run legacy programs), Profiles in IT (Hakon Wium Lie, creator of Cascading Style Sheets for browsers), US innovation ecosystem theatened (policies are driving new companies to India and China, restrictive Visa policy, high taxes), Costa Rica attracting high tech (excellent workforce development, lower taxes, good infrastructure), last typewriter factory in the world shuts down in Mumbai India, Microsoft purchases Skype (overpaid, difficult to integrate with products, based on old Kazaa peer-to-peer technology), Sony attacked by Anonymous (10 servers compromised, 77 million customer records downloaded, attacked using Amazon clould), Osama bin Landen sneakernet (couriers carried thumbdrive to CyberCafe to send and receive email), and Google Chromebook announced (available June 15, Acer and Samsung, $349 to $499 list price). This show originally aired on Saturday, May 14, 2011, at 9:00 AM EST on WFED (1500 AM).
Saving Word documents, Organic Light Emitting Diode Displays (will replace LCD for flat panel TV, faster, larger screens, higher dynamic range, eventually cheaper), running XP mode in Windows 7 Virtual PC (best way to run legacy programs), Profiles in IT (Hakon Wium Lie, creator of Cascading Style Sheets for browsers), US innovation ecosystem theatened (policies are driving new companies to India and China, restrictive Visa policy, high taxes), Costa Rica attracting high tech (excellent workforce development, lower taxes, good infrastructure), last typewriter factory in the world shuts down in Mumbai India, Microsoft purchases Skype (overpaid, difficult to integrate with products, based on old Kazaa peer-to-peer technology), Sony attacked by Anonymous (10 servers compromised, 77 million customer records downloaded, attacked using Amazon clould), Osama bin Landen sneakernet (couriers carried thumbdrive to CyberCafe to send and receive email), and Google Chromebook announced (available June 15, Acer and Samsung, $349 to $499 list price). This show originally aired on Saturday, May 14, 2011, at 9:00 AM EST on WFED (1500 AM).
Nick and Michael from the Creare Group discuss the advantages of having a lean CSS file. They also go on to show some simple optimisation techniques followed a song to remember the process.
ACC 168 - Introduction to Internet Presentation Tools - Class Videos (High Res)
ACC 168 - Introduction to Internet Presentation Tools - Class Videos (High Res)
Daryl Quenet of Beanstalk discusses site structure including Valid Markup and Cascading Style Sheets, Website Templating, Search Engine Friendly URLs, Dynamic Websites and Duplicate Content and Internal Site Navigation
Daryl Quenet of Beanstalk discusses site structure including Valid Markup and Cascading Style Sheets, Website Templating, Search Engine Friendly URLs, Dynamic Websites and Duplicate Content and Internal Site Navigation
CSS level 2 became a standard in 1998. The last revision of HTML4 dates from 1999. That’s long time ago in Web years, but they aren’t forgotten: after several years of work, CSS is close to a revision and browser support is better than ever. It’s necessary, because CSS needs to grow: vertical text, columns, print support, complex layouts and much more is increasingly demanded. Likewise, there is a big effort to revise HTML. Interest is so high, the W3C is trying a new process, to let more people participate in the editing work. There are also new forms, standards for combining SVG and HTML and new work on the security of forms. Bert’s here to tell us: we haven’t seen the end of the Web page yet. Bert Bos was, in 1994, one of the original authors of CSS. He joined W3C in 1995 to set up W3C’s internationalization activity and was part of the groups that created HTML and XML. He is now coordinator for W3C’s style sheet and math activities. Bert studied mathematics in Groningen, The Netherlands, and holds a PhD from that university. He is co-author with Håkon Wium Lie of the book "Cascading Style Sheets: designing for the Web" (3rd ed., Addison-Wesley, 2005). Licensed as Creative Commons Attribution-Noncommercial-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa-nc/3.0/).