Extension to the OpenType font specification
POPULARITY
Scott and CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web. Show Notes 00:00 Welcome to Syntax! 00:57 Who is Stephen Nixon? Process Type Foundry. Mark Simonson Proxima Nova. 05:42 What is a type foundry exactly? ArrowType. 09:09 Font / type making. 09:15 How do you make a font? RoboFont. Glyphs. 11:58 Fonts vs typefaces. 13:02 How many fonts have you made? 14:17 What are variable fonts and how can web developers utilize them? 19:22 Animating fonts. Variable Fonts. Recursive. 20:28 Do you code your demo sites yourself? 21:50 Are variable fonts more complex to design (and develop). Matthew Carter Adobe Fonts, Matthew Carter Wiki. Multiple Masters Variable Fonts. Just My Type. 27:03 Hand painted fonts. House industries. Golden Sign Co. Gen Ramirez. 29:39 Creating a monospace font. 32:19 Creating fonts with dyslexia accessibility in mind. 37:58 Typography for the web. 38:29 What are some 80/20 rules developers can employ to make more visually appealing typography? 40:58 Type scale calculations. Scott's Fluid Type Calculator. 45:42 What are your biggest web type pet peeves. 48:46 Do you have any favorite type tools? Wakamifondue. Fixing Variable Font Inheritance. 50:34 Supper Club Questions. 50:44 How do you feel about ligatures in coding fonts? Ligatures In Programming Fonts Hell No. 55:11 What font do you use? Name Sans v05. Name-Mono. 56:43 What is your favorite font of all time? Typotheque. Soehne. Grillitype Typefaces. Phnotype. 58:49 Sick Picks + Shameless Plugs. Sick Picks Stephen: Children of Time, No-Recipe Recipes. Shameless Plugs Stephen: ArrowType, Skewing Fonts. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
Aurooba and Brian dig into the Font Library - a flagship feature launching in WordPress 6.5. Along the way they discuss the long road getting it into core, some user interface issues, and the future of "composability" in WordPress.A full transcript of the episode is available on the website. Watch the video podcast on YouTube and subscribe to our channel and newsletter to hear about episodes (and more) first!Fonts in WP Tavern - https://wptavern.com/a-pared-back-web-fonts-api-may-land-in-wordpress-6-0-or-not-at-allRich Tabor - Composability - https://rich.blog/theme-composition/WordPress 6.5 - https://make.wordpress.org/core/6.5Brian's Tavern Article - https://wptavern.com/synced-pattern-overrides-punted-font-library-approved-as-wordpress-6-5-nears-releaseBrian's website – https://www.briancoords.comAurooba's website – https://aurooba.com (00:00) - S02E12 - Font Library (00:09) - Intro and WordPress 6.5 (03:08) - Font Library and Developers Naming Things (05:05) - Release Landing Page, Playground, and WP CLI (09:49) - Styles Panel in the Site Editor (13:23) - Typography Panel and Tech issues (18:05) - Variants and Variable Fonts (19:52) - Google Fonts and GDPR (21:43) - Saving changes in the site editor (24:58) - Font Library's Journey to Core (28:01) - Ongoing Discussion for the Font Library (32:25) - The Hosting Companies Responsibility (35:47) - Composability
In this episode of Syntax, Wes and Scott go over some of the results the State of CSS survey for 2023, including drop-shadow, subgrid, logical properties, media range, and more! Show Notes 00:25:21 Welcome 01:31:22 Soccer update 03:52:05 Syntax Brought to you by Sentry 04:03:18 StateOfCSS.com State of CSS 2023 04:21:11 Top 5 Most Used Features 09:13:09 Drop-shadow 13:00:11 Subgrid 18:31:21 Logical properties 20:11:20 Media range 20:52:11 Object view box 23:10:14 Anchor positioning 28:21:09 Intrinsic sizing keywords 29:32:00 View Transitions API Can I use… Support tables for HTML5, CSS3, etc Astro Supper Club × Astro 2.0 with Fred Schott — Syntax Podcast 580 31:43:18 Updates to colors in CSS 35:07:05 Accent color, current color 36:36:11 Scroll snap and overscroll behaviour 39:04:22 Touch action 40:16:01 Line clamp or variable font Variable Fonts 45:28:11 Accessibility features 48:33:12 :Has has jumped 49:32:11 @Property 53:52:13 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Kodiak Cakes Strawberries & Cream Oatmeal Packets (Pack of 6) Wes: Food Storage Containers, Baby Food Storage Containers with Lid, Baby Food and Toddler Snack Containers Shameless Plugs Scott: Syntax Podcast (@syntaxfm) | TikTok Wes: Web Unleashed 2023 - FITC 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 Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
Variable Fonts คืออะไร? ทำไม 4 บริษัทชั้นนำอย่าง Adobe, Microsoft, Apple และ Google ถึงร่วมมือกันผลักดันสิ่งนี้? พูดคุยแบบภาพพร้อมเสียงไปกับ อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร เรื่อง Variable Fonts ที่จะทำให้ผู้ชมและผู้ฟังเข้าใจดีเทลของ Variable Fonts ตลอดซีซัน 4 ตั้งแต่จุดเริ่มต้น!
Variable Fonts ทำหน้าที่เป็นแค่หนึ่งในลูกเล่นของแบบตัวอักษรจริงหรือ? อธิบายชัดถึงคุณสมบัติ Variable Fonts ผ่านการพูดคุยกันของ อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร Variable Fonts มีประโยชน์อย่างไร? ทำอะไรได้บ้าง? ทำไมนักออกแบบ กราฟิกดีไซเนอร์ และเว็บไซต์ดีไซเนอร์ต้องทำความรู้จักเอาไว้แต่เนิ่นๆ?
แกนเอียงกับ Variable Fonts มีความสัมพันธ์กันอย่างไร? . พูดคุยลงลึกเชิงเทคนิคไปกับ อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร เรื่อง ‘แกนเอียง' ใน Variable Fonts ว่ามีความแตกต่างจากแกนเอียงของ Static Font อย่างไร? สามารถคัสตอมองศาการเอียงได้มากน้อยแค่ไหน? ทำไมถึงสามารถลดจำนวนไฟล์จากหลักร้อยให้เหลือเพียงไฟล์เดียว?
อยากทำ Variable Fonts ต้องเริ่มจากอะไร? ถ้ามีฟอนต์อยู่แล้วสามารถทำได้ไหม? เช็กบ็อกซ์ 3 สิ่งที่ควรรู้ก่อนลงมือทำ Variable Fonts กับ อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร อยากทำ Variable Fonts ต้องเริ่มต้นอย่างไร? อะไรคือสิ่งที่ควรคำนึง? มีอะไรที่แตกต่างไปจากการทำฟอนต์แบบเดิมบ้าง?
ทำไมนักออกแบบต้องสรุป Design Space ให้ชัดเจนก่อนทำ Variable Fonts? อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร ชวนนักออกแบบกำหนด Design Space ก่อนทำ Variable Fonts ทำไมการทำ Design Space ถึงสำคัญ? หากไม่ทำจะส่งผลอย่างไรต่อการทำ Variable Fonts?
Optical (OPSZ) ใน Variable Fonts พิเศษอย่างไร? และเมื่อไรที่ควรทำ? ทำไมถึงต้องสั่งทำ ‘พอยต์ไซส์เฉพาะ' ในเมื่อทุกฟอนต์มีทุกพอยต์ไซต์ให้ใช้งาน? ไปหาคำตอบพร้อมกันในเอพิโสดนี้! อีกหนึ่งฟีเจอร์ของ Variable Fonts ที่ อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร อยากให้ผู้ใช้งานได้รู้ถึงความพิเศษก่อนตัดสินใจสั่งทำไปใช้งาน
Variable Fonts ในมุมมองของนักออกแบบตัวอักษรเป็นอย่างไร? ทำไมนักออกแบบและลูกค้าถึงต้องทำความเข้าใจให้ตรงกันก่อนสั่งทำ? อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร ร่วมแชร์ประสบการณ์และความคิดเห็นจากมุมมองของนักออกแบบที่มีต่อ Variable Fonts การมาถึงของมันทำให้นักออกแบบต้องปรับตัวอย่างไร?
บทสรุปของ Variable Fonts เก็บตกภาพรวมปิดท้ายซีซัน 4 ของ Variable Fonts กับ อนุทิน วงศ์สรรคกร ผู้ร่วมก่อตั้ง คัดสรร ดีมาก และ ศุภกิจ เฉลิมลาภ ผู้อำนวยการฝ่ายเทคนิค ของ คัดสรร ดีมาก และ ผู้ร่วมก่อตั้ง กะทัดรัด อักษร ที่จะมารวบยอดตอบสิ่งที่หลายคนทดไว้เป็นความสงสัย Variable Fonts คืออะไร? ใช้อะไรได้บ้าง? และในความเป็นจริงแล้วเราจำเป็นต้องทำ Weight 100-900 เลยหรือเปล่า?
Designer, tinkerer and typographer Jason Pamental joins me to chat about what creative possibilities variable fonts bring. We also dive into web font performance, how to improve loading speed with practical tips, and why this all will become obsolete in the nearer future. From this easy going conversation, you'll learn: ➡️ What's different with typography for screen design. ➡️ About the most common typographic challenges on the web. ➡️ What effect bad web typography has on people. ➡️ About the adoption of variable fonts in 2022.
Jouez avec la typographie grâce aux variable fonts...
In deze aflevering hebben we het over twee tools die erg handig zijn bij het stylen van e-mailtemplates, de werking van variable fonts in combinatie met het prachtige Lexend lettertype en last but not least, een hele bak handige/toffe nieuwe CSS features! 1:03 - E-mail styling met HEML en MJML - https://heml.io, https://mjml.io 6:58 - Variable font - https://youtu.be/0AsAjHPupKQ?t=1643 10:03 - Lexend - https://www.lexend.com 15:30 - @layer - https://www.w3.org/TR/css-cascade-5/#at-ruledef-layer 19:20 - @container - https://css-tricks.com/next-gen-css-container/ 22:11 - Masonry grid - https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/ 24:59 - content-visibility - https://web.dev/content-visibility/ 29:50 - aspect-ratio - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio 29:50 - ::marker - https://developer.mozilla.org/en-US/docs/Web/CSS/::marker 34:27 - focus-visible - https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible 34:39 - focus-within - https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within 38:14 - Logical properties - https://css-tricks.com/css-logical-properties/ 47:14 - :is() - https://css-tricks.com/almanac/selectors/i/is/ 47:15 - :where() - https://css-tricks.com/almanac/selectors/w/where/ 55:12 - Wormhole - https://wormhole.app 55:41 - The Circle (US) - https://www.netflix.com/nl-en/title/81044551
Segundo episodio de la tercera temporada del podcast con una entrevista a Elena Ramírez de Ashler Design donde hablamos sobre tipografía en la web, posibilidades, buenas prácticas, estándares, soporte y Variable Fonts. Get full access to Don Serifa at donserifa.substack.com/subscribe
DIY Pixel Fonts + A History of Variable Fonts This week, we'll dive into the world of variable fonts and how they are shaping up to change the way we read things online. We've also got a great tutorial on how to create your own monospace font and a glyph identification game to test your eye for certain designs. Weekly Typographic Newsletter Links
Cassidy (@cassidoo) has been building but also educating developers on how to build apps on React, JavaScript, JAMStack and many other technologies over the past years. We got her on our podcast where she gave us insights into React Hooks, how WPO (Web Performance Optimization) plays out in the React world, why it is important to think about state from the start and that its important to always have your end user in mind before even writing your first line of JavaScript.In the podcast she references additional resources which here are the links for: The performance benefits of Variable Fonts, Mandy Michael (@Mandy_Kerr), Isabela Moreira (@isabelacmor) and A/B Testing with React (YouTube).https://twitter.com/cassidoohttps://reactjs.org/https://jamstack.org/https://uxdesign.cc/the-performance-benefits-of-variable-fonts-79af8c4ff56chttps://twitter.com/Mandy_Kerrhttps://twitter.com/isabelacmorhttps://www.youtube.com/watch?v=xpfR0rRfcNk
Cassidy (@cassidoo) has been building but also educating developers on how to build apps on React, JavaScript, JAMStack and many other technologies over the past years. We got her on our podcast where she gave us insights into React Hooks, how WPO (Web Performance Optimization) plays out in the React world, why it is important to think about state from the start and that its important to always have your end user in mind before even writing your first line of JavaScript.In the podcast she references additional resources which here are the links for: The performance benefits of Variable Fonts, Mandy Michael (@Mandy_Kerr), Isabela Moreira (@isabelacmor) and A/B Testing with React (YouTube).https://twitter.com/cassidoohttps://reactjs.org/https://jamstack.org/https://uxdesign.cc/the-performance-benefits-of-variable-fonts-79af8c4ff56chttps://twitter.com/Mandy_Kerrhttps://twitter.com/isabelacmorhttps://www.youtube.com/watch?v=xpfR0rRfcNk
Today is March 16, 2020, and for this Monday Medley episode we're covering: The CSS Podcast WordPress 5.4 Variable Fonts Performance Effects Let's dive in! ---- Una Kravets and Adam Argyle, two developer advocates at Google, have started a podcast to discuss everything CSS. Aptly named The CSS Podcast, they're covering all aspects of the web's core styling language. So far there has been one episode released on March 12 that discusses the Box Model. The CSS Podcast is available on Apple Podcasts, Spotify and more. ---- WordPress 5.4 will be packed with updates and new features. Most notably are the updates to the block editor, including a new social icons block, a new buttons block that allows more than one inline button, and several updates to existing core block editor features. WordPress 5.4 is scheduled for release on March 31st. For more information, check out the Kinsta and WPBeginner blogs for more information, or see the WordPress 5.4 development cycle. ---- Variable fonts are a hot topic in the web design community because they include all the variations of a typeface in a single file, rather than individual files for each variation. However, it is important to recognize the performance effects of a single large file and how to mitigate them. For example, if you're loading 12 variations of a static font, it is typically quicker to load the variable font. Read more about use cases and test cases for variable fonts on the LogRocket blog. ---- Want to know more? Head to fewdaily.com for more of today's topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow! --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app
This is a talk from “beyond tellerrand // Berlin 2019”. Jason Pamental talking about “Dynamic Typography with Variable Fonts” at the sixth #btconf in Berlin.
Highlights · CSSCAMP Barcelona 2019 Таймкоды: 03:22 Interactive web animation with SVG by Cassie Evans https://youtu.be/8p5SDI4TNDc 13:40 App's Too Fast: How To Change The Pace For Better UX by Adam Argyle https://youtu.be/P11U3tUdk8g 22:30 When Houdini Met Goldblum by Oliver Turner https://youtu.be/aULlyfQOF18 34:55 Writing CSS Algorithms by Lara Schenck https://youtu.be/LPuLoB-eJYw 53:10 Dynamic Typographic Systems with Variable Fonts by Jason Pamental https://youtu.be/8BQaxNgkdUw 01:07:50 Mind over Matter: Optimize Performance Without Code by Stéphanie Walter https://youtu.be/tMteQurM-Ng 01:15:00 More Than You Ever Wanted to Know About Resource Hints by Harry Roberts https://youtu.be/APUJLTT9lUs 01:27:00 Building Socially-Inclusive Design Systems by Tatiana Mac https://youtu.be/KxT0EwGrXWU 01:29:30 Time Control in Web Accessibility by Sergei Kriger https://youtu.be/E__nqhAsGB8 01:35:22 потушили свет Мы в соцсетях: 1. Twitter: https://twitter.com/ProconfShow 2. Telegram: https://t.me/proConf 3. Youtube: https://www.youtube.com/channel/UCvasfOIImo7D9lQkb1Wc1tw 4. SoundCloud: https://soundcloud.com/proconf 5. Itunes: https://podcasts.apple.com/by/podcast/podcast-proconf/id1455023466
In this episode we're talking about variable fonts. What are they, how do they differ from regular fonts, and how can they help in the design and performance of our websites? Drew McLellan talks to a font of knowledge on the matter, Jason Pamental.
In this episode of Views on Vue Charles Max Wood joins Mandy Michael at JAMstack Conf SF, where she gives a talk about responsive typography and variable fonts. Mandy explains what variable fonts are and how they can be used to shrink, stretch and do some very fun and creative thing with them. They discuss how to use them and Mandy explains some of the demos from her talk. Charles asks Mandy what some of the things were that she had to cut from her talk. She had to cut a few longer demos, details and performance improvements that can be made with responsive typography. Mandy shares what she is working on now with responsive typography and explains how much fun she has had expressing herself through variable fonts. To see more of Mandy’s demos and to learn more about responsive typography and variable fonts see the links below. Panelists Charles Wood Guest: Mandy Michael Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://jamstackconf.com/sf/ https://variablefonts.dev/ https://codepen.io/collection/XqRLMb/ https://twitter.com/Mandy_Kerr? https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue
In this episode of Views on Vue Charles Max Wood joins Mandy Michael at JAMstack Conf SF, where she gives a talk about responsive typography and variable fonts. Mandy explains what variable fonts are and how they can be used to shrink, stretch and do some very fun and creative thing with them. They discuss how to use them and Mandy explains some of the demos from her talk. Charles asks Mandy what some of the things were that she had to cut from her talk. She had to cut a few longer demos, details and performance improvements that can be made with responsive typography. Mandy shares what she is working on now with responsive typography and explains how much fun she has had expressing herself through variable fonts. To see more of Mandy’s demos and to learn more about responsive typography and variable fonts see the links below. Panelists Charles Wood Guest: Mandy Michael Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://jamstackconf.com/sf/ https://variablefonts.dev/ https://codepen.io/collection/XqRLMb/ https://twitter.com/Mandy_Kerr? https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue
Variable Fonts! What are they, can you use them, and how can you get started today
マリーナベイ・サンズ - シンガポールを象徴する随一の5つ星リゾートデスティネーション ガーデンズ・バイ・ザ・ベイ - Visit Singapore 公式サイト JSConf.Asia Singapore 2019 Variable Fonts and the Flexible Nature of Screens and Devices by Mandy Michael | JSConf.Asia 2019 - YouTube Variable Fonts Experiments - a Collection by Mandy Michael on CodePen Decovar: A multistyle decorative variable font by David Berlow Evan You on Vue.js: Seeking the Balance in Framework Design | JSConf.Asia 2019 - YouTube vuejs/vue-function-api: Vue2 plugin for the function-based RFC. 化け猫アイコンメーカー(HTML5版) ブルーピリオド (5 冊) Kindle版 GitHub Sponsors ktsn/vuex-smart-module: Type safe Vuex module with powerful module features Meguro.es # 22 @ メルカリ - connpass
Font leggeri e piu' impaginazione con le forme ...Ecco i link.elenco di "icone" in css: https://css-tricks.com/examples/ShapesOfCSS/ una rivista:https://www.behance.net/gallery/2159303/Travel-MagazineTutorial:https://www.html5rocks.com/en/tutorials/shapes/getting-started/Guide ai variable fontshttps://webdesign.tutsplus.com/articles/how-to-use-variable-fonts-on-the-web--cms-30212
Shiva is a Chennai based type designer, Illustrator and Graphic designer. On today's episode, he shares his experience of being mentored by Tal Leming, his experience of interning at Pentagram and other important events that shaped his design career. Shiva also shares his opinions on variable fonts, custom brand typefaces, font names, research & experimentation, the Indian identity and many other important topics - like Memes. RELEVANT LINKS Shiva Nallaperumal - http://www.shiva-n.com DJ Academy - http://www.djad.in SM Shah - http://www.logobook.com/designer/s-m-shah/ Designed this way with Vaibhav Kumaresh - designedthisway.com :) Nikunj Patel - https://www.instagram.com/spiralofsorts/?hl=en Tal leming - https://www.typesupply.com FF Beowolf - https://www.moma.org/collection/works/139326 Kufic - https://en.wikipedia.org/wiki/Kufic Hassan Massoudy - https://en.wikipedia.org/wiki/Hassan_Massoudy Ellen Lupton - http://elupton.com Abbott Miller - https://www.pentagram.com/about/abbott-miller Thinking with type - http://thinkingwithtype.com Design writing an research - http://uk.phaidon.com/store/design/design-writing-research-9780714838519/ Pentagram - https://www.pentagram.com Calcula - https://www.typotheque.com/fonts/calcula SOTA - http://www.typesociety.org/catalyst/ Dekho - codesign.in/dekho & designedthisway.com Iron And wine - http://ironandwine.com Enemy - http://www.losttype.com/font/?name=enemy Typotheque - https://www.typotheque.com Bold Monday - https://www.boldmonday.com IBM Plex - https://www.ibm.com/plex/ Variable Fonts - https://v-fonts.com Doggo Pupper Memes - https://knowyourmeme.com/memes/doggo Screen Saviors - https://www.instagram.com/screensaviors/?hl=en
The Weekly Typographic — Episode 20 Variable Fonts, Design Challenges, Arabic & Mirco ✨ Could not be more excited to have a special guest this week, Mirco Monsees. With a handful of great links from all of us, this one ran a little longer than usual, but was an excuse for some really fun chatting. Weekly Typographic Newsletter Links
Show Description****************Tim Brown is our guest to talk about his new book coming soon called Flexible Typesetting from A Book Apart. Listen on Website →Links***** NiceWebType.com CodePen Axis Praxis ShopTalk Show #296 Variable Fonts with Jason Pamental Mandy Michael on Twitter Font Style Matcher Web Font Handbook A Book Apart Sponsors********
Soledad Penadés talks about CSS Grid and tools
Jen Simmons (@JenSimmons), Designer Advocate at Mozilla, creators Layout Land, host of The Web Ahead, and driving force with Rachel Andrew behind CSS Grid in our browsers, is Jeffrey Zeldman's guest. Free speech, Libertarianism, and doxxing. The CSS Grid Inspector and other tools coming our way—including Flexbox Inspector and Shape Path editor, Variable Fonts tooling, and tools for font features. #metoo and #blacklivesmatter. Video blogging's unheralded heroes. Rough consensus and running code. Layout Land and modern layouts. Team teaching with Rachel Andrew. What goes into a great instructional video. Links for this episode:Layout LandThe Web AheadJenSimmons.comLearn CSS Grid | Jen SimmonsThe Web Behind: Videoblogging with Jay Dedman, Ryanne Hodson and Michael Verdi | The Web AheadAn Event Apart News: Revolutionize Your Page: Real Art Direction on the Web by Jen Simmons—An Event Apart videoAn Event Apart News: Modern Layouts: Getting Out of Our Ruts by Jen Simmons – An Event Apart VideoJen Simmons (@jensimmons) | TwitterBrought to you by: ZipRecrutier (Visit the link to post jobs on ZipRecruiter for FREE). Squarespace (Visit Squarespace.com to get a free trial and use the offer code BIGWEBSHOW for 10% off your first purchase).
Jen Simmons (@JenSimmons), Designer Advocate at Mozilla, creators Layout Land, host of The Web Ahead, and driving force with Rachel Andrew behind CSS Grid in our browsers, is Jeffrey Zeldman’s guest. Free speech, Libertarianism, and doxxing. The CSS Grid Inspector and other tools coming our way—including Flexbox Inspector and Shape Path editor, Variable Fonts tooling, and tools for font features. #metoo and #blacklivesmatter. Video blogging’s unheralded heroes. Rough consensus and running code. Layout Land and modern layouts. Team teaching with Rachel Andrew. What goes into a great instructional video.
Host Jeffrey Zeldman interviews Bram Stein, Typekit's director of web fonts and author of the Webfont Handbook (A Book Apart, 2017). The two designers discuss creating great font stacks, optimizing web font performance, FOUT versus FOIT, the horror of fallback fonts, and new technology including variable fonts and font-display: FOUT or FOIT. Links for this episode:Bram Stein (@bramstein) | TwitterIndra Kupferschmid (@kupfers) | TwitterA Book Apart, Webfont HandbookVariable Fonts for Responsive Design · An A List Apart Blog PostFonts In Use – Type at work in the real world.Font Face Observer — fast and simple web font loadingTypographicaAlphabettesThe Typekit Blog | Variable fonts, a new kind of font for flexible designIntroducing OpenType Variable Fonts – John Hudson – Mediumfont-display - CSS | MDNBrought to you by: ZipRecrutier (Visit the link to post jobs on ZipRecruiter for FREE). HelloFresh (For $30 off your first week of HelloFresh, visit HelloFresh.com and enter BWS30). Videoblocks (Go to Videoblocks.com/bigwebshow to get all the stock footage, audio, and images you can imagine for just $149).
Jason Pamental is the author of Responsive Typography from O'Reilly Media. He recently won one of the Best Of awards for his web typography talk at the annual CSS Dev Conference 2017.
Jason Pamental is the author of *Responsive Typography* from O’Reilly Media. He recently won one of the Best Of awards for his web typography talk at the annual CSS Dev Conference 2017.
Jason Pamental is the author of Responsive Typography from O’Reilly Media. He recently won one of the Best Of awards for his web typography talk at the annual CSS Dev Conference 2017.
Variable fonts are coming. How will it change the web design and development process? Tim Brown and Bram Stein explain how variable fonts will work and what you can do with them now. Read more »
This week's special guest is my friend Tim Brown, Head of Typography at Adobe. We discuss the recent announcement of Variable Fonts and what that means for type on the web, the complexity of CSS, and the future of responsive web design.
Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby Ruby 2.4.0-preview2 Released, Ruby: Hash default value – be cautious when you use it и Raise On Developer Mistake DeviceToken and turbolinks-ios, N+1 is a Rails feature, not a bug и Send SMS messages like emails in Rails with Textris Sidekiq 4.2.1, Graphql-Client - GraphQL Client is a Ruby library for declaring, composing and executing GraphQL queries, Swift 3.0 Released и Vapor - a web framework and server for Swift that works on macOS and Ubuntu JavaScript Angular 2.0.0 officially released, We Have Seriously Underestimated Angular, Dependency Injection in Angular 1 and Angular 2 и Introducing debugger.html Three JavaScript performance fundamentals that make Bluebird fast, Introducing OpenType Variable Fonts и A Nerd's Guide to Color on the Web React-game-kit - make games with React & React Native, Reframe.js - a javascript plugin that makes unresponsive elements responsive, GraphicsJS - a lightweight JavaScript graphics library with the intuitive API, based on SVG/VML technology и Dmitry Baranovskiy: Zen of JavaScript (video)