background preloader

MUST READS!

Facebook Twitter

Custom Tabs. Last updated by Paul Kinlan: Monday August 30, 2015.

Custom Tabs

App developers face a choice when a user taps a URL to either launch a browser, or build their own in-app browser using WebViews. Both options present challenges — launching the browser is a heavy context switch that isn't customizable, while WebViews don't share state with the browser and add maintenance overhead. Chrome Custom Tabs give apps more control over their web experience, and make transitions between native and web content more seamless without having to resort to a WebView. Chrome Custom Tabs allow an app to customize how Chrome looks and feels. An app can change things like: Toolbar color Enter and exit animations Add custom actions to the Chrome toolbar and overflow menu Chrome Custom Tabs also allow the developer to pre-start Chrome and pre-fetch content for faster loading. You can test this now with our sample on Github. The WebView is good solution if you are hosting your own content inside your app. Simple to implement. THIS IS NOT A DRILL – #FONTACULAR IS BACK! « Fonts.com Blog.

You’ve waited over a year.

THIS IS NOT A DRILL – #FONTACULAR IS BACK! « Fonts.com Blog

The time is now. Sound the horns and raise the banners! #FONTACULAR. IS. BACK. Sally forth into the world of typographic delights with selections from Linotype’s Avenir Next type family. Or maybe you’re looking for a charming, versatile script design. Perhaps you need a slab serif design in your arsenal. If you’ve partied along with us for our last two #Fontacular events, you know that winning amazingly-designed prizes is part of our shindig’s appeal.

Designed by the indominatable Emrich Stuidio, our first treasure up for grabs is our 18″ x 24″ four-color commemorative poster—it will make any design fan’s heart burst with joy. That’s it for now, be sure to check back tomorrow as we unveil the next batch of wondrous #Fontacular deals. Making Initial Letters Part II: Dropped Initials « Fonts.com Blog. Both raised initials and dropped initials can add gusto to a website, giving readers a monumental letter to kick start the reading experience.

Making Initial Letters Part II: Dropped Initials « Fonts.com Blog

Having learned about raised initials and styling them for the Web in Part I of this series, readers should be ready to move on to the bigger challenges awaiting them with dropped initials, commonly known as drop caps. HTML & CSS, Without JavaScript Throughout this Initial Letters series, we’ve challenged ourselves to render raised initials and drop caps using purely HTML and CSS, without any JavaScript™ for media-queries across small to large screens or to dynamically adjust type size and leading. Although JavaScript could be helpful, not using JavaScript lets us deploy a lightweight solution with less resources, and a layout that won’t run into problems if the user has JavaScript disabled.

<p>here is a conventional drop cap sized large, and sitting beneath the first line of text. THIS IS NOT A DRILL – #FONTACULAR IS BACK! « Fonts.com Blog. Building Functional Footers « Fonts.com Blog. The Backend A site with a vast number of pages would benefit from having its menu as well as its footer as an include.

Building Functional Footers « Fonts.com Blog

Includes can be done with PHP, ASP, JavaScript (JS), or jQuery. If those methods sound unfamiliar, or even if you are familiar with them and they’re too challenging or time-consuming to execute, consider creating the include using standard HTML and server side includes (SSI). When the primary file and included file are in the same directory on your server, this line will add the include content: Getting Menus Under Control « Fonts.com Blog. When designing website menus, it’s important to consider quantity and location.

Getting Menus Under Control « Fonts.com Blog

How many navigation points should you show the reader? How few? Where will the menu be located, and does it warrant using a hamburger? And what’s a hamburger? As you define and design the menu’s broad strokes, its structure and hierarchy, you’ll also need to mind the details that shape your menu’s overall look and feel. Introducing Web Typography Essentials « Fonts.com Blog. Unless you’ve been living in a cave, reading nothing but old and mildewed newspapers and books, you know that typography has been undergoing radical changes.

Introducing Web Typography Essentials « Fonts.com Blog

As the Web has evolved, so too has digital typography—and for the better. But what’s changed? Why do Web fonts matter? And what will Web Typography Essentials deliver to its readers? For starters, you’ll see lots of typography, specifically Web typography. The Rules and Typefaces Have Changed Many typefaces have been updated for digital displays, making them optimized for reading on the Web. Leaving the Standards Behind If Demos sounds new and intriguing, and even mystifying, maybe that’s because you’ve been limiting yourself to Web-safe fonts, such as the Arial®, Georgia®, and Verdana® typeface designs along with the other “System Fonts.” To Boldly Go. Typefaces That Tell a Story « Fonts.com Blog. Like music, typefaces show the influence of a time in history, genera or current vogue.

Typefaces That Tell a Story « Fonts.com Blog

Again like music, some are fleeting, such as grunge fonts and disco music; while others, like rap and geometric sans, have become permanent parts of the artistic spectrum. For the next couple of days, Fonts.com will be offering discounts on fonts from three of these genres in its Type Through the Eras program. Highlighted are a number of designs influenced by wood type, experimental typography and sign painting. Wood Type In the early part of the 19th century an American found a way to mass-produce fonts of wood type.

Today, the first mass produced wooden letters are collector’s items, marking the end of one era of creating fonts – and the beginning of another. Experimental Those who make fonts have always experimented with the design of typefaces. Digital renditions of these designs – and new experiments – include the Architype Bayer-type™, Buxom™ and Shatter™ typefaces. Sign Painting.