Entries Tagged as 'Diary'

The NEW Web Typography at SXSW 2016

Last Sunday (13 March 2016), I had the pleasure of presenting material from my new book The NEW Web Typography, which is coming out late this spring. I had a packed room of a few hundred people attending and then over thirty people came to my book signing immediately after.

I’m working on a revised article as well, based on the talk, but, in the meantime, here are my slides.

 

Relaunching JasonSpeaking.com

I wrote a lot of articles in 2015, most of which I am very proud of, but I haven’t been keeping up with my blog very well. That’s all about to change. JasonSpeaking.com will be reposting the best of what I have posted elsewhere, along with new stuff I just want to talk about unfiltered.

I’ve spent the last few days retooling JasonSpeaking, taking an older design that was a bit ahead of its time, and retooling it for the modern age of experience design. That’s what you are looking at now (Assuming you are in a Web browser). I have redone the typography using Google Web Fonts (my old service is going out of business), and adjusting the pages for modern mobile devices. I’ve spent time balancing the typography, widths, and other factors, and think I have a simple but interesting design. Of course I will always be tinkering with it (that’s the nature of perfectionist designers) but I’m happy enough with what I have to put out this post.

In conjunction with my new business venture, Invisible Jet Studios (redesign of that site is ongoing), I’m excited to be starting a new chapter in my life, training, teaching, and talking about how to create effective experience design and the future of technology. Look for a new newsletter soon, along with more workshops and conference talks.

Speaking of which, if your company or organization is interested in having an informative yet entertaining talk, all you have to do is call (or email).

Get my new book on CSS3 for $9.99 (cheap!)

Buy the eBook version of CSS3:VQS this week for $9.99»

CSS3: Visual Quickstart Guide by Jason Cranford Teague

CSS3: Visual Quickstart Guide

After months of research, coding and writing, my latest book—CSS3: Visual Quickstart Guide—is finally in shops and available for purchase online. This book covers everything you can do with Cascading Style Sheets today, including the latest advances in design and interactivity. This is a particularly exciting time to be a Web designer: we are about to get a whole new set of tools for our Web designs. This book will show you how the CSS3 capabilities ready for prime time (or soon will be) that will explode your creativity.

CSS3: VQS is a slim concise volume covers the breadth of CSS3, much of which remains unchanged since CSS2/2.1. If you are an old hat at CSS, Here’s a brief peak of the new material I cover in the book:

  1. Borders –  Border images and rounded corners.
  2. Backgrounds – Multiple backgrounds can be added to a single element, backgrounds can be more precisely positioned, backgrounds can be extended clipped to the inside or outside of a border and backgrounds can be resized.
  3. Color –Color opacity settings, gradients in backgrounds, and HSL color values.
  4. Text – Text shadows, text overflow, and word wrapping.
  5. Transformations – Scale, skew, move, and rotate an element in 2D or 3D space.
  6. Transitions – Simple dynamic style transitions.
  7. Box – Drop shadows, boxes can be resized by user, overflow can be set separately in horizontal and vertical directions, outline offset allows you to set space between the outline and the border and box model specifications allows you to set how width and height are applied to the box.
  8. Content – Styles used to add content to an element.
  9. Opacity – Elements can be transparent.
  10. Media – Ability to style pages based on the viewport size, color, aspect ratio, resolution and other important design considerations.
  11. Web fonts – Updates and extends the ability to link to fonts for use in a design.

The book also includes:

  • Compatibility tables showing the exact browser version each CSS property is compatible with
  • Quick reference tables showing all property values, their compatibility, and default values
  • Quick fixes for common CSS problems
  • How to organize and debug your code
  • 33 best practices for CSS

A support Webpage where you can download all of the code from the book

For a limited time, you can buy an eBook version of CSS3:VQS directly from Peachpit for the low, low cast of $9.99. Get all of the advantages of the most thorough resource on the latest version of CSS3—with information on how you can apply these cutting edge techniques to your Web site today—in a convenient electronic format. This deal is only available from my publisher this week, so get it now.

Buy the CSS3:VQS eBook now for $9.99 and let me know what you think.

Blast From the Past: Me at SXSW2009

I was Googling myself today to see what images there are out there of me, and came across this video interview I did at SxSW 2009 for Austin Lifestyles. Wow! What a difference two years makes! This was taken shortly after I left AOL, so I was not working at the time. I still haven’t seen the last half of the final season of Battle Star Galactica, but I definitely know how Felicia Day is now and I’ve finished three more books since then.

Headed to Web Directions USA

The Web typography road show is heading to the southern USofA for the Web Directions USA Conference. Oddly enough, the conference was originally to be called Web Directions North, as a follow up to Web Directions in South, which is held in Australia. Someone must have pointed out to the organizers that any event with the word “North” in the title was not likely to draw a huge audience in Georgia.

Web Directions USA

A lot has been happening this years, and—now that I’ve finished my new book on CSS3—I’m turning my full attention back to Web typography. I’ve retooled and reworked my 2010: The Year of Web Typography presentation, expanding and enhancing information about Webfont service bureaus,and refining the slide layout and color scheme to make them a lot easier to read on those big brother style projectors we use to show our slides.

Web Directions USA isn’t free, but you can save a bunch of money using my discount code to get $100 off the ticket price. Just go to the Web Directions registration page and enter the discount code WDUSA-JCT.

But that’s not all! The day after the conference (Saturday) there will be a hack day event called Amped. I’ll be on hand to give 1:1 Web typography and CSS3 advice all day long:

Amped is the Hackday, reloaded, brought to you by Web Directions, happening in Atlanta this September 25. We’ve taken the traditional hack day, pulled it apart, thought long and hard about what’s great, what’s not so great, and how as many different kinds of web folks can come together for one intense 10 hour period of hacking, designing and making amazing things.
So come on out and say hello. See you in Atlanta.

CSS Summit Contest Winners

Thanks to everyone who participated. Altogether, there were 75 entries, but there can be only 2.

And the winners are… @mthie and @sn0flke.

Let’s have a big round of applause for our contestants.

Of course, it’s not too late to get in one the CSS Summit goodness, learning from the top names in the industry. Register now for the low, low price of $149, and—if you act now—you can get a 10% (~$15) discount using the code CSSCRANFORDTEAGUE. You can also use the discount to get a meeting room ticket, getting 10% off the $449 price (~$45).

I hope to “see” you there.

CSS Summit

Win a ticket to the CSS Summit!

•••THIS CONTEST IS CLOSED•••

It’s been a crazy busy few weeks for me as I finish up my new book CSS3 Visual Quickstart for Peachpit, but I’m really excited that in just over a week I’ll be presenting at the online event of the year for CSS: The CSS Summit. The summit is an online only event lasting from 9am–5pm Central Time (10am–6pm EST) brining together some of the best minds writing about CSS today to give you the inside scoop on Web design.

In addition to my own teachings on fluid web typography, you can hear:

  • The wonderful Stephanie (Sullivan) Rewis teaching the gospel of CSS and progressive enhancement.
  • My buddy David McFarland talking about CSS Animations.
  • The energetic Zoe Gillenwater helping you get effective and efficient design with CSS.
  • My sister from another mother, Desnise Jacobs helping you troubleshoot your CSS.

All of this for the low, low price of $149, and, if you act now, you can get a 10% (~$15) discount using the code CSSCRANFORDTEAGUE. You can also use the discount to get a meeting room ticket, getting 10% off the $449 price (~$45).

Wanna’ go? Of course you do, and I have two tickets to give away to two lucky readers.

How to Enter to Win Tickets

There are three ways to enter to win one of the two tickets.

  1. Follow @jasonspeaking on twitter and then tweet “I want to go to the #CSSsummit to hear @jasonspeaking» http://ow.ly/2cxRd” .
  2. Follow @fluidwebtype on twitter and then tweet “I want to go to the #CSSsummit to learn @fluidwebtype» http://ow.ly/2cxRd” .
  3. Add a comment at the bottom of this post with a link to a Web site that is using Webfonts (not using Flash or images) to create particularly inspiring typography.

Three ways to enter, and yes, you can enter all three ways once a day to improve your chances to win. The more you enter, the better your chances.

RULES: The contest starts at 12:00 PM EST, Friday, July 16th and runs through 12:00 PM EST, Tuesday July 20th. Winners will be announced later that same day. You have to be following @jasonspeaking or @fluidwebtype when the winners are announced OR have left a comment. This is the only way I will have to contact you. Only one entry per channel per day will be accepted. The judges decisions (mine) are final.

GOOD LUCK!

What Kind of Conductor are You?

I’m back from my whilrwind tour of Berlin and London, and still trying to process the great big bolus of knowledge I aquired during my travels. My own sessions went well, and I’ll be sharing more about those later. For now, you can view some of the photos I took , including more panoramic shots I’ve been taking on my iPhone with the remarkable application Pano.

I’ll be posting more in the coming weeks about Next10, but I had to start with what was surly the most remarkable and inspirational session I saw while there. A Noted conductor Maestro Itay Talgam spoke about what might seem like a non-sequitur at a tech conference—music conductors and their conducting styles. To be honest, I was very surprised how wonderful and useful this information was. I had not planned on attending this keynote, but after watching a few minutes of the live feed on my laptop in the main hall, realized I needed to see the rest in person. I’m glad a I did!. It starts a bit slowly, but what Itay has to say about the different methods conductors have to work with their symphonies, and by implication how good managers can best work with their team, should be required viewing for all managers. Here is his talk from Next10 in it’s entirety. There are two problems with this video. First, the audio is out of synch and second is they do not show the video examples he is using to illustrate his points—which does cut down on its effectiveness—but I think you will get the point.

Arriving in Europe

One thing I was dreading about this trip was the Jet lag. In my past visits to Europe, one of the most agonizing miseries I remember all three times was the unbearable fatigue I felt the first few days as my body got used to the lack of sleep. This generally followed a sleepless 8 hour trans-atlantic trip. This is my fourth trans-atlantic trip (averaging one a decade) and the first I actually got some sleep on. So I’m awakening, if not fresh and bright eyed, at least with the psychological sense that the night has passed and a new day has dawned.

Of course this also means that I didn’t get any work done on my Marriott 2.0 presentation, but, although I’m not done with it, I’m at least comfortable with the direction that’s taking. After watching several TED presentations I’ve decided that given the short format, it’s most important to tell a story, so that’s how I’m approaching this, and I think it will make a good one. The trick now is to integrate the why of the Marriott 2.0—which I think is what most of my audience will be primarily concerned with but makes a less interesting story—with the how—which can get more technical but will make a better story. I’ll let you know how the balance goes.

One thing I was dreading about this trip was the Jet lag. In my past visits to Europe, one of the most agonizing miseries I remember all three times wasa sleepless 8 hour trans-atlantic trip followed bythe unbearable fatigue I felt the first few days as my body got used to the lack of sleep. This is my fourth trans-atlantic trip (averaging one a decade) and the first I actually got some sleep on. So I’m awakening, if not fresh and bright eyed, at least with the psychological sense that the night has passed and a new day has dawned.

Of course this also means that I didn’t get any work done on my Marriott 2.0 presentation, but, although I’m not done with it, I’m at least comfortable with the direction that’s taking. After watching several TED presentations I’ve decided that given the short format, it’s most important to tell a story, so that’s how I’m approaching this, and I think it will make a good one. The trick now is to integrate the why of the Marriott 2.0—which I think is what most of my audience will be primarily concerned with but makes a less interesting story—with the how—which can get more technical but will make a better story. I’ll let you know how the balance goes.


One Week to Next10

Next10 in Berlin next week

Next10 in Berlin next week

Just a little less than a week until I’ll be in Berlin, spreading the good word about Web typography, and I’m finding I had to really rework my presentation for this audience. SXSW was full of techno and design geeks, who wanted to here the “how to’s.” I suspect the audience for Next10 are going to care a lot more about the “why’s and what for’s.” So, I’m skipping all of the code and just including an overview of what’s possible now in Web typography—web safe fonts and web font bureaus—then concentrating on what the different services offer, why Web typography is important for brand differentiation, and what to look for in good fonts.

This has been a great exercise, as it’s gotten me to think about Web fonts from a less technical and more tactical point of view, focusing on how to choose the best fonts. Also, since I only have 45 minutes to present, so had to radically cut down on my material, which I hope will have the overall effect of making this a much leaner and more focused presentation.  This is even more important since I just found out I only have 30 minutes to present at Voices That Matter in June (more on that later).

In addition to Web typography, I’m also going to be giving a brief presentation about Marriott.com, the work we did to create a “Game Changer” (the theme of next 10) for Hotel Web sites. I’ve been struggling a bit to find my focus and value add for this session. It may only be 10 minutes long, but that means I have to stay even more focused. I think I had a break through today, though. I’ll see if I still feel the same way tomorrow morning.

The Evolution of HTML & CSS

I’m hard at work on my new book, CSS3 Visual Quickstart Guide, and I’m looking to get some feedback from you, my viewing audience. As part of chapter 1, I’ll be quickly tracing the evolution of both CSS and HTML, and I put together this timeline to help to show their relative development over the last 20 years (wow, has it really been that long). The bars in this timeline are based partially on the publication of each of the standards, but also on their relative effect on the Web. For example, although CSS1 was published in 1997, it took several years to catch on. Also, obviously, as one version of a standard grew in popularity, it’s predecessor would decline, but not always evenly.

This is not to meant to be an empirically exact chart, but to give viewers a general overview of when each of the standards was in it’s prime.

To help me out, either post a comment below or send me a message and let me know what you might add, subtract, change or improve, and thanks in advance for any help.

The Evolution of HTML & CSS Since 1991

The Evolution of HTML & CSS Since 1991

How I changed my mind about iPhone Dev

From time to time, I have been called on to design iPhone apps, both native and Web apps. If you don’t know the difference, it’s simple: native apps are written in a computer code called Objective C (hard) while Web apps are created using the core Web technologies of CSS, JavaScript, and HTML (easy). I’ve always assumed that if you really wanted to do something cool with your iPhone apps, the best solution was native apps because, although they are harder to create, they have a lot more power.

I saw both of these presentations at SXSW, and they literally changed the way I was thinkning about developing apps for iPhones and other mobile devices. The first helped me better understand the User Interface principles particular to the iPhone (remember: 44px). The second convinced me that, contrary to what I thought coming into the room, iPhone Web apps are not only easier to create, but can be just as powerful.

Heading to Berlin to Speak at Next10

I’m heading off to Berlin in mid-May to speak at Next10. The event includes over 100 high profile tech insiders speaking and is expected to draw over 1500 participants. The topic this year is “Game Changers,” and I have not one, but two, great game changers to talk about:

Marriott.com 2.0: Building the Next Generation Online Hotel Lobby

In August 2009 I took over as the Interactive Design Manager at Marriott.com. My first assignment was to launch Marriott’s new Web 2.0 face of Marriott; a game changer in the way that hotels present their front door to the world. When I started, the design was already finished and development was well under way. All I had to do was make sure it launched on time in November.  However, what I found was a product that would not work as designed. In this session, I will walk through the issues I encountered and how I worked with the designers and developers to solve them, showing how a few minor design tweaks not only allowed the site to be deployed on time, but also made it faster and more versatile.

2010: The Year of Web Typography

Fresh on the heels of my successful Web typography presentation in March at SXSW, I’m updating and expanding that work to help the thinkers at Next10. In this hour long session, I will not only show how modern Web typography works from a technical standpoint, but emphasize how businesses can use the new capabilities to help differentiate their online brand.

Use my promotional code to get a 20% discount on tickets: SpeakersFriends2010.

DEVO Focus Group Testing the Future at SXSW

I was privileged to participated in the DEVO Live focus group at SXSW this year, where I learned a lot about the rigorous of user research testing. If you look closly, I’m at the edge of the frame when the camera pans all the way to the left, wearing my Yuri’s Night T-shirt and standing next to my buddy Phil Djwa.

They also showed us this little movie explaing what DEVO is up to with it’s re-branding:

via DEVO – Focus Group Testing the Future – #3 .

Shame on You Apple: A Musical Odyssey

Most of my friends think of me as an unabashed Apple fanboy who drools over Steve Jobs’ every word. Truth-to-tell—although I’m a great fan of Apple’s products and design philosophy—many of their policies leave me chilled or outraged.

I was reminded of this recently while I stood watching the band Stricken City at the British Music Embassy that was a part of the SXSW festivities. I was really digging the band, who had shades of Siouxsie and The Banshees and the Yeah, Yeah, Yeahs. As they started into their last song of the set, the lead singer gave out the obligatory URL and told the crowd that they could download this next song for free from their Web site.

You can't download music files directly from a Web site to your iPhone. Why not?

You can't download music files directly from a Web site to your iPhone. Why not?

Great, I’m thinking as I pull out my iPhone and navigate to the correct URL with my
“revolutionary Internet device.” I click the link to download the album, and an alert pops up telling me that due to restrictions by Apple, I cannot download the song with my iPhone. I will need to go to a computer if I want it for free or use the iTunes store to purchase it. I later choose the free option, sending the band a contribution for it’s hard work, but was miffed that I cold not grab the song and go.

There are no good technical, security, or legal reasons why I can’t download this freely available music file to my iPhone. The only possible reason for this “feature” of the iPhone is that Apple wants to be the single gateway for all information in and out of their devices. I can sympathize with this to a certain point. Apple wants to keep a quality and consistent experience for their customers. But not allowing me to download a music file and have it install in iTunes is going too far. This not only stifles competition, it also stifles innovation.

Take one of the most important apps on the iPhone: Mail. Mail has not undergone a significant improvement since it was first released with early model iPhones. It gets the job done, but there are some very basic and obvious features missing, most notably the ability to flag a particular message and view multiple accounts in a single list. Yet Apple obviously will not permit any competing products for this service. Yes, you can get some Web app based mail programs, but that’s not what I need.

I still think my iPhone is the best device I’ve ever owned, bringing me the promise of  40 years of sci-fi tech into my palm. But I would rather Apple not take page from the Microsoft playbook and establish itself as a monopoly.

Come on Apple, open up a little: you can still make the best products, gobs of cash, and keep that whole “Think Different” philosphy alive.

Sketchnotes for FWT

Thanks to Mike Rohde for making these great “sketchnotes” of my lecture at SXSW and the Web Typography dinner afterward at the Athenian Grill . For more of Mike’s great SXSW sketchnotes, visit his SXSW Interactive 2010 Flickr pages.

Sketchnotes from Fluid Web Typography.

Sketchnotes from Fluid Web Typography.

Sketchnotes from Web Typography Dinner

Sketchnotes from Web Typography Dinner