background preloader


Facebook Twitter

Custom Tabs. Last updated by Paul Kinlan: Monday August 30, 2015. 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! « Blog. You’ve waited over a year. 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 « Blog. Both raised initials and dropped initials can add gusto to a website, giving readers a monumental letter to kick start the reading experience.

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. <p>here is a drop cap created with a pair of pseudo-classes. THIS IS NOT A DRILL – #FONTACULAR IS BACK! « Blog. Building Functional Footers « 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. 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: SSI lets you dynamically add content into an HTML page easily, with your primary filename ending in shtml, shtm, or stm rather than html to process the include content, which could be html, htm, txt, or inc. When not on a server, and existing on their own, the ssi-titled files have separate HTML working independently of one another. Hammers and Hamburgers “I suppose it is tempting, if the only tool you have is a hammer, to treat everything as if it were a nail.”

Getting Menus Under Control « Blog. When designing website menus, it’s important to consider quantity and location. 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. Menu Conventions Many navigation conventions used during the Internet’s infancy are still in use today.

And when even more menu choices get added, what should users see first? A hamburger-icon prompts a user to click to expand menu choices. Use Factors Whichever menu convention—or conventions—you employ will depend on a lot of factors, including but not limited to: Who – user profile(s) – Do users have an experienced, average, or below-average understanding of the site, content, and/or web navigation itself? Tone of Voice: Quiet, Loud, or Indiscernible. Introducing Web Typography Essentials « 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. 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 Each month you’ll learn about Web typography fundamentals in how-to articles, interviews, and profiles.

Typefaces That Tell a Story « Blog. Like music, typefaces show the influence of a time in history, genera or current vogue. 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, 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.