Newsletter Subject

Performance, Sketch and Animation Handbook

From

smashingmagazine.com

Email Address

newsletter@smashingmagazine.com

Sent On

Tue, Jun 11, 2019 01:11 PM

Email Preheader Text

Daily routine is wonderful — predictable, efficient and comfortable. But when we need to find t

Daily routine is wonderful — predictable, efficient and comfortable. But when we need to find that one spark of a genius idea, breaking out of the regular schedule can do wonders. Issue #231 • Tue, June 11, 2019 • [View in the browser]( 💨 [Smashing Newsletter]( Dear Friend, Daily routine is wonderful — predictable, efficient and comfortable. But when we need to find that one spark of a genius idea, breaking out of the regular schedule can do wonders. In a way, that’s also because we’re used to following patterns in our lives. It’s perfectly reasonable to go to a cinema on a Friday night, but it seems to be a bit off to go on a Monday morning. It may seem fine to be burning the midnight oil, just to realize the next morning how terrible the output of the work was. Last but surely not least, it often feels strange to take off early on a Tuesday, as it’s the beginning of the work week. It doesn’t have to be. Some of the most profound ideas that I have discovered for my work and life stem took place whenever I broke my daily routine and got away from the hustle bustle of everyday life. I often felt that I have to beat the entire world by working more and working harder, and sometimes even felt awkward when I took a few more days off. However, every now and again we need to step away to see the big picture, so that we can recharge when diving into fine details and keep ourselves going. It’s outside of the comfortable day-work-time when wonderful ideas emerge. So, what about a little experiment? What if you asked your team members to do something that makes them happy on a Thursday morning? What if you gave them a few extra vacation days, or asked them to work outside of the office on Wednesdays? Or perhaps consider introducing ‘no-meetings-on-Fridays’ or ‘do-what-you-love-Wednesdays’? But most importantly, perhaps take a bit of time off. You are smart, helpful, and hard-working — so take at least a day or two to step away, and maybe do something kind to yourself and to people around you, or the people you’ve never met. And guess what: the world will keep spinning, and you might finally catch that idea you’ve been chasing in vain all these years. — Vitaly (@smashingmag) --------------------------------------------------------------- Table of Contents 1. [Another Lens](#a1) 2. [SmashingConf Toronto 2019 (June 25-26)](#a2) 3. [Improving Performance With Inline CSS](#a3) 4. [Programming Design Systems](#a4) 5. [A Designer-Friendly Pseudo 3D Engine](#a5) 6. [Give Your Products More Life With Animation](#a6) 7. [Real Data For Your Mockups](#a7) 8. [Freebie: Animated Icon Pack](#a8) 9. [Small Nuggets Of Web Dev Wisdom](#a9) 10. [Upcoming In Smashing Membership](#a10) 11. [New On Smashing Job Board](#a11) 12. [Our Next Smashing Workshops](#a12) 13. [Our Most Popular Articles](#a13) --------------------------------------------------------------- #1. Another Lens We all are biased in some way, and seeing things through our personal lenses can often get into the way of creating truly thoughtful, inclusive work. To examine how bias influences our worldview and our work, the Design Team at Airbnb partnered up with journalism startup News Daily. The result is [Another Lens]( a toolkit that helps designers — and other creatives — ask the right questions to overcome skewed perspectives and reframe their work. A good reminder to challenge our reasoning whenever we’re designing or building. (cm) [Another Lens]( --------------------------------------------------------------- #2. SmashingConf Toronto 2019 (June 25-26) The web is diverse and fascinating because it’s designed and built by people who are diverse and fascinating. For our second [SmashingConf Toronto]( we’ll explore the bright and dark sides of front-end and UX: Service Workers, Design Across Cultures, Design Systems, Performance, Vue.js, Animation, Designing for Touch, and much more to come! [SmashingConf Toronto, June 25-26, with Jenny Shen, Scott Jehl, and many others!]( Meet [Kristina Podnar]( and [Scott Jehl]( at SmashingConf Toronto: A friendly, inclusive event focused on real-world problems and solutions. Also, we’ve got your back: [Convince Your Boss!]( A team that learns and grows together, stays together! Get a 15% discount for four or more conference tickets — [tickets are now available]( Also, don’t forget to take a peek at our [hands-on workshops]( that focus on all things design, front-end and UX. We look forward to seeing you there! --------------------------------------------------------------- #3. Improving Performance With Inline CSS With browsers having to download and parse CSS files before rendering a page, your CSS can easily become a performance bottleneck. To improve the perceived performance, Milica Mihajlija suggests [extracting and inlining critical CSS]( for above-the-fold-content. However, inlining prevents the file from being cached for reuse. To close this gap, Scott Jehl found a solution that uses Service Worker and Caching APIs to [enable caching for inline code](. Combined, Milica’s and Scott’s solutions make a perfect match to take your site’s performance to the next level. (cm) [Extract Critical CSS]( --------------------------------------------------------------- From our sponsor GDPR Compliant Cookie Consent For Your Website CookiePro helps website owners achieve and maintain cookie compliance quickly and easily. [Get started with an automated scan of your website]( against the largest database of pre-categorized cookies – Cookiepedia – customizable templates and consent models that can be tailored to address GDPR requirements for consent, and complete records of consent to prove compliance. [Get started for free →]( [Get your free .design domain name.]( --------------------------------------------------------------- #4. Programming Design Systems Are you a designer who wants to become a better programmer? Or vice versa? Then Rune Madsen’s free digital book [Programming Design Systems]( is for you. The practical introduction to design systems focuses on the elements of visual design and how they relate to algorithm design. Currently covering the topics “Shape”, “Color”, and “Layout, the book is a work in process with more chapters coming up, so that by the end of the book, you’ll know how to create new and interesting designs and how to evaluate whether these can be considered successful. (cm) [Programming Design Systems]( --------------------------------------------------------------- #5. A Designer-Friendly Pseudo 3D Engine When Dave DeSandro wanted to make a video game, most 3D engines were too powerful and complex for his purpose. So he decided to come up with a solution himself. One that lets him design and display simple 3D models without a lot of overhead. Meet [Zdog](. Zdog is a pseudo 3D engine, that means that its geometries exist in 3D space but are rendered as flat shapes in and . It’s an effective trick that turns dots into spheres and circles into toruses to create the 3D illusion. Clever! (cm) [Zdog]( --------------------------------------------------------------- From our sponsor Get Your Free .design Domain Name! Thinking of building your portfolio? [.design]( is like .com and .net, but it’s more relevant to what you do as a designer. Your .design name comes with free email, SSL, & a Site Builder. [Claim Your .design Domain Name, Before It’s Gone]( [Get your free .design domain name.]( --------------------------------------------------------------- #6. Give Your Products More Life With Animation Animation makes your digital products feel more real and more emotional. To help you make full use of this power, you might want to take a look at the free [Animation Handbook]( by Ryan McLeod. It teaches you the value of motion, seven animation principles, and how thoughtful animations can ensure greater trust with users. Valuable lessons learned from leading designers at Google, Headspace, Lyft, Zova Fitness, and others are also part of the book. (cm) [Animation Handbook]( --------------------------------------------------------------- #7. Real Data For Your Mockups Over are the times of using lorem ipsum to populate your design mockups. The open-source [Data Populator]( fills them with meaningful content instead. Available for Sketch and Adobe XD, the plugin lets you prepare JSON data with corresponding keys that fill the placeholders in your design. And well, designing with real data comes with some benefits — apart from being motivating. Real content informs design decisions and, since data is relentless, it makes it easier to design for robustness, too. (cm) [Data Populator]( --------------------------------------------------------------- #8. Freebie: Animated Icon Pack If you’re looking for a versatile animated icon pack, Brodie Pointon has got you covered. His [Flight Icons]( are built for iOS, Android, web, and video. They’re available in both JSON and GIF formats and are based on Cole Bemis’ open-source [Feather Icons]( (if you don’t need the animated feature, be sure to check those out, too). (cm) [Flight Icons]( --------------------------------------------------------------- From our sponsor Online Masters in Information Design and Strategy [Online Masters in Information Design and Strategy]( Earn your master’s degree [online](. --------------------------------------------------------------- #9. Small Nuggets Of Web Dev Wisdom What did you learn today? To keep track of and share the things he learned, Manuel Matuzovic started the project [TIL]( (short for “Today I learned”). Whether it’s centering a flex-item or a handy DevTools shortcut, Manuel summarizes his discoveries in brief tips and provides a link to the original resource. A treasure chest for every web developer. (cm) [TIL]( --------------------------------------------------------------- #10. Upcoming In Smashing Membership Thank you for being smashing! Over the last months, we’ve been increasing the number of webinars (without increasing the price of membership — it still starts at just $5 a month!) and have also improved video quality since we’ve moved to Zoom. Also, the eBook version of Andy Clarke’s brand new book “[Art Direction for the Web]( is now available as a part of the Membership, too. Obviously. Coming up next: - 📺 Smashing TV on June 13 at 16:00 GMT “[The Five Whys Of Web Font Loading Performance]( with Zach Leatherman - 📺 Smashing TV on June 19 at 16:00 GMT “[Video Editing With CSS And JavaScript]( with Eva Ferreira - 📺 Smashing TV on June 27 at 15:00 GMT “[Designing Landing Pages That Convert (And Look Great!)]( with Laura Elizabeth - 📺 Smashing TV on July 9 at 16:00 GMT “[The Power Of Digital People]( with Kristina Podnar We are very grateful for your support which allows us to bring you great content, pay all our contributors fairly, and reduce advertising on the site. ([You could become a Member, too]( and join us in Smashingland where everyone is beautiful and you never get merge conflicts. 😉) --------------------------------------------------------------- #11. New On Smashing Job Board - [Senior Web Application Developer (m/f/d) Angular / TypeScript]( at CompuGroup Medical Mobile GmbH (Berlin) “Your contribution: Deliver great web applications with Angular/AngularJS on the basis of the CGM LIFE electronic health record with web applications that are no simple visualization tools, but unique end-to-end secure designs that contain significant business logic and complex workflows.” - [Product Manager Integrations]( at VONQ (Rotterdam) “As our Product Manager Integrations you solve problems that matter to developers. You see the bigger picture and that makes you see a solution or opportunity from different angles. You will use your expertise to make recommendations throughout the lifecycle – from setting priorities and objectives, to decision-making and product support.” - [UI / UX Designer]( at Harvard Medical School (Boston, MA) “We’re searching for a UI/UX Designer to join our multidisciplinary team working to create novel online learning experiences in medical education — HMX from Harvard Medical School. You’ll have a seat at the table and an opportunity to design innovative interactive learning modules, data visualizations (static and dynamic), and learning platform interfaces.” --------------------------------------------------------------- #12. Our Next Smashing Workshops In our workshops, we are looking into the current state of front-end and interface design, covering advanced challenges and actual real-life solutions to front-end problems. Coming up next: 🇨🇦 [SmashingConf Toronto]( (Jun 24–27) in Toronto, CA. 🇬🇧 [JAMstack_conf_london]( (Jul 9–10) in London, UK. [Smart Responsive UX Design Patterns]( --------------------------------------------------------------- #13. Our Most Popular Articles - [When Do We Need A Design System? An Interview With Brad Frost]( Design systems are a wonderful yet intricate tool. They provide us with a solid ground to stand on as we tackle the increasingly diverse and fast-moving digital landscape. However, like most things in our field, the hard part of design systems isn’t specific design tools or code frameworks; it’s wrangling people and all their quirks. - [Switching From WordPress To Hugo]( WordPress is a fantastic CMS that powers a big chunk of websites out there, which all have different features. As a result, it has a pretty robust architecture that can feel a bit too complex to run a simple blog. Let’s have a look at how Hugo can help us create a blog that is simple and fast. - [Increase Customer Centricity With Workshops]( While building a strong customer culture takes a multi-prong approach, workshops are fun and easy — perfect for jumpstarting a sluggish culture and giving participants the thinking tools necessary to filter decisions through the customer lens. This article reviews four types of workshops that drive customer centricity at the general and project-specific levels. --------------------------------------------------------------- This newsletter issue was written and researched by Cosima Mielke, Iris Lješnjanin, Vitaly Friedman and Christiane Rosenberger. Sent to truly [smashing]( readers via [Mailchimp](. We sincerely appreciate your kind support. You rock. [Follow us on Twitter]( • [Join us on Facebook]( --------------------------------------------------------------- With useful tips for web devs. Sent 2× a month. Email: newsletter@smashingmagazine.com. [unsubscribe]( • [update preferences]( • [view in your browser](

Edit & Download HTML

Add To Favourites

EDM Keywords (215)

written worldview world workshops working work wordpress wonders wednesdays websites website web way wants video value vain ux used use two tuesday touch toruses toolkit took today times time things terrible team teaches take tailored tackle table svg surely sure support stand spheres something solution smashingland smashing sketch site simple share seems seeing see seat searching scott run robustness reuse result researched rendering rendered relevant relentless relate reframe recharge realize real purpose provides products process price powers powerful power populate placeholders performance people peek part page outside output others opportunity one office objectives number net need much moved month mockups membership member meetings means maybe matter master makes make lot looking look lives link lifecycle life lets least learns layout last know keep jumpstarting json join javascript interview increasing improve idea hugo help happy hands guess grateful got going go general gave fun fridays four forget focus find fill file field feel fascinating facebook explore expertise examine everyone end emotional elements easier early dynamic download diving diverse discoveries discovered developers designing designer designed design decided days day css create covered convert consent complex comfortable come close circles cinema check chasing challenge centering canvas cached burning built building browsers browser broke bring bright boss book blog bit biased beginning become beautiful beat basis based available asked also

smashingmagazine.com

Smashing Magazine

Marketing emails from smashingmagazine.com

View More
Sent On

01/10/2024
Sent On

24/09/2024
Sent On

17/09/2024
Sent On

10/09/2024
Sent On

03/09/2024
Sent On

27/08/2024

Email Content Statistics

Subscribe Now

Subject Line Length

Data shows that subject lines with 6 to 10 words generated 21 percent higher open rate.

Subscribe Now

Average in this category

Subscribe Now

Number of Words

The more words in the content, the more time the user will need to spend reading. Get straight to the point with catchy short phrases and interesting photos and graphics.

Subscribe Now

Average in this category

Subscribe Now

Number of Images

More images or large images might cause the email to load slower. Aim for a balance of words and images.

Subscribe Now

Average in this category

Subscribe Now

Time to Read

Longer reading time requires more attention and patience from users. Aim for short phrases and catchy keywords.

Subscribe Now

Average in this category

Subscribe Now

Predicted open rate

Subscribe Now

Spam Score

Spam score is determined by a large number of checks performed on the content of the email. For the best delivery results, it is advised to lower your spam score as much as possible.

Subscribe Now

Flesch reading score

Flesch reading score measures how complex a text is. The lower the score, the more difficult the text is to read. The Flesch readability score uses the average length of your sentences (measured by the number of words) and the average number of syllables per word in an equation to calculate the reading ease. Text with a very high Flesch reading ease score (about 100) is straightforward and easy to read, with short sentences and no words of more than two syllables. Usually, a reading ease score of 60-70 is considered acceptable/normal for web copy.

Subscribe Now

Technologies

What powers this email? Every email we receive is parsed to determine the sending ESP and any additional email technologies used.

Subscribe Now

Email Size (not include images)

Font Used

No. Font Name
Subscribe Now

Copyright © 2019–2025 SimilarMail.