Your Logo, as a Web Font Ligature
Let’s look at an alternative approach for displaying logos on a web page. Normally, you’ll approach the challenge by using an tag. Perhaps you’ll use image replacement through CSS, perhaps you’ll even...
View ArticleHigh-Speed Coding: Goodbye, Zen Coding. Hello, Emmet!
Back in 2009, Sergey Chikuyonok wrote an article to present a new way of writing HTML and CSS code. This revolutionary plugin, called Zen Coding, has helped many developers through the years and...
View ArticleHigh-Speed Coding: Goodbye, Zen Coding. Hello, Emmet!
Back in 2009, Sergey Chikuyonok wrote an article to present a new way of writing HTML and CSS code. This revolutionary plugin, called Zen Coding, has helped many developers through the years and...
View ArticleImprove Mobile Support With Server-Side-Enhanced Responsive Design
In many ways, responsive Web design (RWD) deserves a big share of the honor for making the Web more usable on non-desktop devices. This trend of letting the browser determine more about how a Web...
View ArticleImprove Mobile Support With Server-Side-Enhanced Responsive Design
In many ways, responsive Web design (RWD) deserves a big share of the honor for making the Web more usable on non-desktop devices. This trend of letting the browser determine more about how a Web...
View ArticleCreate a Quick, Sticky Menu
During this quick tutorial we’re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It’s the perfect way to give visitors social links, additional places within a network...
View ArticleBuilding Instagram-like Photo Sharing App with HTML5
Advertise here via BSA When I started out on this app I was only really just interested in seeing if the web platform had really evolved to a point where an app like the hugely popular Instagram app...
View ArticleBuilding Instagram-like Photo Sharing App with HTML5
Advertise here via BSA When I started out on this app I was only really just interested in seeing if the web platform had really evolved to a point where an app like the hugely popular Instagram app...
View ArticleAny Old Icon: All Wrapped up!
Any Old Icon is complete, 70 icons in all! Thank you to everyone who contributed, you can be proud to have participated in the most random icon set on Earth! For the rest of you, here’s how to...
View ArticleH&FJ Web Fonts: A Field Guide
Since Hoefler & Frere-Jones announced their foray into the world of web fonts , the internet has been overflowing with the rejoicing of designers and typographers everywhere. Finally, one of the...
View ArticleTypography Basics for Developers
Typography is a fundamental element in any design that you work on. The main reason we have websites in the first place is to display information, and for that information to be consumed by users who...
View ArticleFiguring Out @font-face
Within the last five years, typography on the web has taken quite an about face (sorry, pun intended). It used to be that web designers were constrained to using web-safe fonts only; system fonts...
View ArticleFlat And Thin Are In
? ? In the last several years, we’ve seen a rapid shift in software and app interface design, from 3-D and skeuomorphic to flat and minimal. Although this trend has become nearly ubiquitous, let’s...
View ArticleDear Web Font Providers
When you buy something, I bet you want it to work. Heck, even if you use something for free — maybe borrowed from a friend — I bet you want it to work. No one prefers hiking boots that are too...
View ArticleAll About Trends in Web Design
As long as the web has been around there have been certain design trends which have popped up from time to time. Some of these trends have stuck around and, over time, some have disappeared. Think...
View ArticleCSS3, Web Fonts and Icons
We’re really lucky to be working in an industry like the web industry. Nowadays, we have so many new tips and techniques and ways of working all of the time. We’re also really lucky that we’re in an...
View ArticleUber Aesthetics and Responsiveness
Welcome to the final part of our Ghost theme design tutorial series! In the previous two parts of this series we worked on the first half of styling our theme and laid the groundwork for responsive...
View ArticleUnicode: A Beginner’s Primer
Believe it or not, there's an image format which is built right into your browser. It allows images to be downloaded even before you need them, renders them perfectly on Retina screens, and allows...
View ArticleUnicode For A Multi-Device World
A while ago, I was working on a website that required a number of icons. “No problem,” I thought. “I know how to handle this. I’ll use an @font-face icon set for high-resolution screens. It’ll be a...
View ArticleUnicode For A Multi-Device World
A while ago, I was working on a website that required a number of icons. “No problem,” I thought. “I know how to handle this. I’ll use an @font-face icon set for high-resolution screens. It’ll be a...
View Article