Menu Search
Jump to the content X

Using System UI Fonts In Web Design: A Quick Practical Guide

For perhaps the first time since the original Macintosh, we can get excited about using system UI fonts. They’re an interesting, fresh alternative to web typography — and one that doesn’t require a web-font delivery service or font files stored on your server. How do we use system UI fonts on a website, and what are the caveats?

Using System UI Fonts On Your Website: The Practical Guide

System UI fonts being amazing kind of snuck up on us. Google has been toiling away at Roboto with great success (including regular updates), Apple made a splash with San Francisco, and Mozilla asked renowned type designer Erik Spiekermann to create Fira Sans.


Freebie: Voyage Icon Set (40 Icons, AI, EPS, SVG, PNG)

Have you been looking for nice icons to spice up your travel agency or the airline website? Today, we're happy to release the Voyage Icon Set, a set of 40 free icons available in AI, EPS, PDF, SVG and PNG formats. This icon set was designed and created by Digital Visions Queenstown and is free to use in private as well as commercial projects.

Freebie: Voyage Icon Set (40 Icons, AI, EPS, SVG, PNG)

You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms isn't cool. Please note that this icon set is available under a Creative Commons Attribution 3.0 Unported license. We'd kindly like to ask you to provide credits to the creator and link to this article if you would like to spread the word about the freebie.

Advertisement Advertise with us!

AngularJS’ Internals In Depth, Part 2

In the previous article in this series, I discussed scope events and the behavior of the digest cycle. This time around, I’ll talk about directives. This article will cover isolate scopes, transclusion, linking functions, compilers, directive controllers and more.

AngularJS' Internals In Depth, Part 2

If the figure looks unreasonably mind-bending, then this article might be for you. This article is based on the AngularJS v1.3.0 tree.


The State Of Airline Websites 2015: Lessons Learned

With this article, we start exploring various industries and study the current state of front-end, UX and performance of relatively complex websites. First up are airline websites. Some sections of the article were written by the editorial team. We'd love to hear your flights booking experience in the comments to this article! — Ed.

Zurich Air prompt a little pop-up if they assume that you are about to abandon the purchase.

From my home in Phoenix, Arizona, the entire world is only a few clicks away. I’ve booked flights to St. Louis, San Francisco, Honolulu, New York, London, Melbourne, Entebbe and beyond. Sometimes I’ll land in one location, travel around and leave from another. Sometimes I’ll switch or cancel a flight, and sometimes the weather does that for me. Regardless, I always get to where I want to go, and fantastic technology is in place to help me every step of the way.


Are You Getting Cheated When Buying A WordPress Theme?

I’ve been around the block quite a bit as an SEO specialist, and in my experience website speed has emerged as an increasingly important search engine ranking factor over the last few years. Google, in particular, considers website loading speed to be very important and has made it one of the more important factors in its ranking algorithm.

Are you ripped off when buying Wordpress themes?

How does speed affect your rankings? The truth is, as with everything concerning Google, we don’t really know — we cannot isolate that factor alone.


Web Development Reading List #111: Preconnect, Dynamic Responsive Images, DOM Event Listeners

What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.


Each week when reviewing links I’m grateful that so many people write such great articles. Useful technical articles that help you resolve front-end issues, inspirational articles that motivate you to enjoy work again, and sort of "social" articles that reveal that there are still start-ups out there that do their best to be meaningful, and not just seeking an exit strategy to sell out. I’d love more people in the world think like that, embrace their employees’ work time, try to force workaholics to stop working, and build health monitors in the team.


Why Performance Matters, Part 2: Perception Management

Time can be analyzed from two different points: objective and psychological. When we talk about time that can be measured with a stopwatch, we’re talking about objective time, or clock time. Objective time, though, is usually different from how users perceive time while waiting for or interacting with a website or app.

Why Performance Matters, Part 2: Perception Management

When we talk about the user’s perception of time, we mean psychological time, or brain time. This time is of interest to psychologists, neuroscientists and odd individuals like me. Objective time is dealt with by technical means, and those means have limits — whether financial, technical or otherwise — that become insurmountable at some point.


Why We’re Addicted To Our Smartphones, But Not Our Tablets

Remember all of the wisecracks about executives and their BlackBerry addictions? Back then, constant contact was limited to the few and the mighty — relatively speaking, of course. But now, the last laugh might be on us. In record time, our smartphones have become indispensable, and as mobile technology has become integrated into nearly every aspect of our lives, our smartphones are shifting from device to dependency.

Why We're Addicted To Our Smartphones, But Not Our Tablets

But while it’s now clear that we are locked in an intense relationship with our smartphones, one has to wonder why this courtship hasn’t turned into a love triangle with tablets. After all, no matter how sleek our iPhone 6 is, our iPad or Android tablet is equally smooth and packed with life-organizing apps.


Flexbox For Interfaces All The Way: Tracks Case Study

The days of floats and margin trickery are finally behind us, as CSS furnishes developers with new and improved properties perfect for those delicate layouts. Layout features such as vertical alignment, evenly distributed spacing, source-order control and other patterns such as “sticky” footers are quite effortless to achieve with flexbox.

Tracks preview

In this article, we’ll discuss layout patterns well suited to flexbox, using the interface from the Tracks application, which also takes advantage of atomic design principles. I’ll share how flexbox proved useful and note the pitfalls of pairing it with particular layout patterns. We’ll look at those patterns that caused concern, provide suggestions for fallbacks and share additional tactics to start using this CSS property immediately.


Why Static Website Generators Are The Next Big Thing

At StaticGen, our open-source directory of static website generators, we’ve kept track of more than a hundred generators for more than a year now, and we’ve seen both the volume and popularity of these projects take off incredibly on GitHub during that time, going from just 50 to more than 100 generators and a total of more than 100,000 stars for static website generator repositories.

Why Static Website Generators Are The Next Big Thing

Influential design-focused companies such as Nest and MailChimp now use static website generators for their primary websites. Vox Media has built a whole publishing system around Middleman. Carrot, a large New York agency and part of the Vice empire, builds websites for some of the world’s largest brands with its own open-source generator, Roots. And several of Google’s properties, such as “A Year In Search” and Web Fundamentals, are static.


↑ Back to top