background preloader

Smashing

Facebook Twitter

Customfield

Web Typography: Educational Resources, Tools and Techniques - Smashing Magazine. Web typography has evolved a lot over the last years.

Web Typography: Educational Resources, Tools and Techniques - Smashing Magazine

Today we see rich, accessible typography, a plethora of type design choices for the web and a number of remarkable, type-based web designs. It’s a great time for web design, and it’s a great time for web typography. Still, being as excited as we are, we should not forget about the foundational principles of good type design on the web and use them properly within our projects. Great choice is good, but, most importantly, we should be making meaningful typographic choices in our designs. In this post we present an extensive overview of educational resources, tools, articles, techniques and showcases all related to web typography. We believe that such round-ups are valuable because they present many useful pointers in one place.

Educational Typography Resources Link Kerning Type and Great Typography4 There are lots of tips on the best way to perfectly kern a piece of type. Useful Typography References Link. 40 Useful jQuery Techniques and Plugins - Smashing Magazine. Over the last year, Smashing Magazine has evolved.

40 Useful jQuery Techniques and Plugins - Smashing Magazine

We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We’ve been investing more resources in the quality and relevance of our articles. We’ve also explored new formats; and on weekends we’ve been publishing more inspirational pieces, leaving the in-depth articles to weekdays. We’ve tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we’ve been receiving more requests for carefully selected, useful round-ups. In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites. TipTip jQuery PluginTipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size.

jQuery Slider plugin (Safari style) 3jQuery Slider is easy to use and multifunctional jQuery plugin. Seven JavaScript Things I Wish I Knew Much Earlier In My Career - Smashing Magazine. Advertisement I’ve been writing JavaScript code for much longer than I care to remember.

Seven JavaScript Things I Wish I Knew Much Earlier In My Career - Smashing Magazine

I am very excited about the language’s recent success; it’s good to be a part of that success story. I’ve written dozens of articles, book chapters and one full book on the matter, and yet I keep finding new things. Here are some of the “aha!” Moments I’ve had in the past, which you can try out rather than waiting for them to come to you by chance. Shortcut Notations One of the things I love most about JavaScript now is shortcut notations to generate objects and arrays. Var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4; The same can be achieved with: Much shorter, and you don’t need to repeat the name of the object. The other handy shortcut notation is for arrays. Var moviesThatNeedBetterWriters = new Array( 'Transformers','Transformers2','Avatar','Indiana Jones 4' ); The shorter version of this is: var direction = x < 200 ?

JSON As A Data Format. PHP: What You Need To Know To Play With The Web - Smashing Magazine. Advertisement In this article, I’ll introduce you to the fundamentals of PHP. We’ll focus on using PHP to access Web services and on turning static HTML pages into dynamic ones by retrieving data from the Web and by showing different content depending on what the user has entered in a form or requested in the URL. You won’t come out a professional PHP developer, but you’ll be well on your way to building a small page that uses Web services.

You can find a lot of great PHP info on the Web, and most of the time you will end up on PHP.net itself. But I was asked repeatedly on several hack days and competitions to write this quick introduction article, so here it is. What Is PHP? PHP is a server-side language that has become a massive success for three reasons: It is a very easy and forgiving language. Installing PHP Locally, And Your First Code To run PHP locally on your computer, you’ll need a local server with PHP enabled. In this file, type (or copy and paste) the following: <?