Author - admin

“The Notch” and CSS

Apple’s iPhone X has a screen that covers the entire face of the phone, save for a “notch” to make space for a camera and other various components. The result is some awkward situations for screen design, like constraining websites to a “safe area” and having white bars on the edges. It’s not much of a trick to remove it though, a background-color on the body will do. Or, expand the website the whole area (notch be damned), you [...]

We’re Touring Through Southeast Asia: Join The Mozilla Developer Roadshow!

   We love exploring opportunities. While many of us are quite familiar with publications and events surrounding us, we often lack the global perspective on what’s happening in the web industry across the world. For example, do you know what the state of web design in Singapore is? What about front-end events in Kuala Lumpur? What about the acceptance of UX-driven processes in Hong Kong? That’s [...]

Monthly Web Development Update 09/2017: Functional CSS, Android 8 And iOS 11

   Editor’s Note: Welcome to this month’s web development update. It’s actually the first one that we publish, and from now on, Anselm will summarize the most important things that happened over the past month in one handy list for you. So that you’re always up-to-date of what’s going on in the web community. Enjoy!Today, I’d like to begin this update with a question I’m asking [...]

Launching Your Design Career: Which Type Of Education Is Best For You?

   If you’re stuck in a job you hate and have dreams of becoming a designer and working in a creative role that fills you with excitement daily, the road to entering this completely new industry can feel daunting.Making a major career shift late in life to follow your passion is scary. Not only is it sometimes difficult to know where to start to learn about [...]

Web Design Weekly #290

Headlines AMPersand Ethan Marcotte shares his opinions about Google’s “Accelerated Mobile Pages” (AMP) project. Good read. (ethanmarcotte.com) The average web page is 3MB. How much should we care? (speedcurve.com) Why the Internet is Going Crazy Over This Mattress The Casper mattress is obsessively engineered and sleeps cool. Plus it ships for FREE, straight to your door. Web Design Weekly readers get $ 50 off with code: wdweekly. (casper.com) Articles From Modular Scales to Variable Fonts Scott Kellum, developer and designer, talks about using modular scales [...]

UX At Scale 2017: Free Webinars To Get Scaling Design Right

   Design doesn’t scale as cleanly as engineering. It’s not enough that each element and page is consistent with each other — the much bigger challenge lies in keeping the sum of the parts intact, too. And accomplishing that with a lot of designers involved in the same project.If you’re working in a growing startup or a large corporation, you probably know the issues that come [...]

lite.cnn.io

This little website pulls in all the main stories from CNN and strips almost everything from the design; styles, images, fonts, ads, colors. Nada, zilch, gone. At first it looks like nothing but hypertext and it feels like an extraordinary improvement but Sam Saccone made a thread about potential improvements that the team could use to make that experience even faster such as server side rendering and replacing the React framework with something smaller, like Preact. Either way this approach [...]

The CSS Grid Challenge: Build A Template, Win Some Smashing Prizes!

   Layout on the web has always been tricky, but with CSS Grid being now supported in all major browsers, most of the hacks that helped to achieve complex layouts have become obsolete. Firefox even has a CSS Grid Inspector built in, so that there’s nothing to hold you back from making even the most challenging flexible layout reality.To explore the possibilities and features of CSS [...]

Meet XRespond Testing Tool: Let’s Make Building Responsive Websites Simpler

   The way people consume information is constantly evolving. As web designers and developers, we keep up with all of the different screen shapes and sizes, learning to create beautiful, flexible software. Yet most of the available tools still don’t reflect the nature and diversity of the platform we’re building for: the browser.When I was making my first responsive website in 2012, I quickly realized how [...]

Web Design Weekly #289

Headlines Gain Motion Superpowers with requestAnimationFrame Benjamin De Cock, User Interface Designer at Stripe dives into the power of `requestAnimationFrame` by sharing some first hand experience and great examples. (medium.com) Serve web fonts without JavaScript (blog.typekit.com) Articles Managing CSS & JS in an HTTP/2 World Delivering CSS & JS on your websites is completely different with HTTP/2. In this article Trevor Davis shares how his team approached it. (viget.com) Offline-Friendly Forms Max Böck offers some great advice and tips to help make your forms handle bad internet [...]