Skip to main content

speaking engagements & events

FILive Workshop: Responsive Typography & Design Finesse

Tue, 06/17/2014

With all the frameworks, themes and samples out there these days, taking the first step to make your site responsive is pretty accessible - for large sites and small. But beyond just making everything scale and reflow, there’s a lot more to consider to make sites not just functional but truly usable (and even delightful) on small-screen and/or touch-based devices. One of the most often-overlooked considerations is type size and proportion as screen size changes. We’ll explore how to design for both readability and meaning on various devices, how you can easily mitigate FOUT (Flash Of Unstyled Text) and how to get even more beauty from your type choices by leveraging OpenType features like ligatures and old-style figures. We won’t stop with just type: there are still plenty of considerations once you’ve made that first step into designing responsively. We’ll also look at what it means to design for capabilities of the device rather than the fabled ‘mobile context of use’: things like responsive images and high-resolution screens, how to choose the right input types on forms and how performance can be one of the most important design considerations you can make throughout your design process. Responsive design is a journey. Let’s get a few steps ahead. You’ll need your laptop, your favorite code editor, a few web browsers and lots of energy. It’ll be a long day but you’ll leave having built real stuff, and take away loads of sample code, resources and examples to use in your own projects going forward.

What You’ll Learn:

  • Review of the core elements of a responsive design and how to build them
  • Responsive Typography - what it means and why it matters (there is no ‘content first’ without type!)
  • How to incorporate advanced ideas without sacrificing browser support
  • Exactly what it means to deliver a ‘device-appropriate experience’ (rather than a ‘pixel-perfect’ one)
  • How to think responsively & design responsibly (& what that means & why it matters)

Event Site

Comments

Rosaria's picture

Hey! Your websites are

Hey! Your websites are running slow , this kind of consumed just like a minute to load up, I personally have no idea whether it is just me or maybe websites although google and yahoo performed acceptable for me. Nevertheless, I'm going to thank you so much for placing beautiful article. In my opinion it has been literally helpful user who seem to click here. This is actually wonderful everything that you actually have concluded here and wish to check out a lot more amazing articles by you. After viewing the articles, I've book marked your webblog.
saber rao's picture

This is acceptable in this

Submitted by saber rao (not verified) on Fri, 10/14/2016 - 11:32am
This is acceptable in this game of pokemon go that you can get free pokecoins with the hack at http://pokemongohacker.net/ and you would not believe what you can do with the resources.
Ariana's picture

Tech2017 is a place where you

Submitted by Ariana (not verified) on Wed, 03/08/2017 - 8:47am
Tech2017 is a place where you can find latest Android and iOS apps. Here you can also find out best emulators to get many apps for free. http://techin2017.com/
xbox live gold codes's picture

Gaming objectives play styles

Submitted by xbox live gold codes (not verified) on Thu, 03/23/2017 - 11:41am
Gaming objectives play styles and preferences across xbox one and MIcrosoft pc games. at the heart of direct x 12 is than http://xblivecodes.net ever before maximizing use of existing graphics hardware.
Gurgaon's picture

Wonderful post its really

Wonderful post its really helped me and others as well im looking for more info thanks anyway
steve's picture

I am very Happy to share this

Submitted by steve (not verified) on Thu, 06/22/2017 - 3:27am
I am very Happy to share this article here, Thank you so much for this latest update here. I think you should visit here also. http://www.onedollarwebhostings.com/
karry's picture

Click here http:/

Submitted by karry (not verified) on Wed, 08/09/2017 - 10:23am
Click here http://robloxfreerobuxgenerator.com/ for getting the robux generator,roblox robux generator,free robux,roblox free robux and many others with which help you will play this game with full freedom.
Michelle M. Williams's picture

This is has been the problem

Submitted by Michelle M. Williams (not verified) on Wed, 09/20/2017 - 11:40am
This is has been the problem with the old site as those sites are not designed to work on mobile devices now these owners are facing problems an they have to redesign the fully. I am also having an http://www.aubestsessays.com/ writing service blog which was designed 15 years back now I am planning to redesign that site.

Post a Comment