Although much valuable information for all sorts of web and print professionals can be found online, it is often difficult to weed through all the noise and find good quality content. I believe it’s vital that professionals in different creative fields supplement their online learning and research through well-edited and high-quality print publications.Print magazines, more often than not, are well-researched and are headed by top-notch editorial staff, usually containing information and resources on the cutting edge of their respective industries’ trends and happenings.To that end, to help you fulfill part of your offline research needs, I’ve compiled a list of print magazines that are of interest to professionals in three different categories: Web Designers, Digital Artists, and Photographers. And be sure to comment so you can tell us your personal favourite print magazine, if you don’t see it listed here.You may be interested in the following related posts:45 Incredibly Useful Web Design Checklists and QuestionnairesProfessional Web Design ForumsUseful Podcasts For Designers And DevelopersUseful Web Design E-Mail Newsletters[Offtopic: by the way, did you know that Smashing Magazine has one of the most influential and popular Twitter accounts? Join our discussions and get updates about useful tools and resources — follow us on Twitter!]Magazines for Web Designers.net Magazine / Practical Web Design.net is the world’s best-selling magazine for web designers and developers, featuring tutorials from leading agencies, interviews with the web’s biggest names, and agenda-setting features on the hottest issues affecting the internet today. If you’re serious about web design, then .net is the magazine for you. This is easily the best and most important magazine for web professionals, and it should be noted that .net is sold as Practical Web Design overseas.Visit the .Net Magazine / Practical Web Design official websiteWeb DesignerWeb Designer will help you design and develop stunning websites, providing exclusive interviews, professional advice, behind-the-scenes features with top developers and agencies, site showcases, plus how-to articles and tips for a variety of design and development software.Visit the Web Designer Magazine official websiteMagazines for Digital ArtistsComputer ArtsThe world’s best-selling creative magazine will inspire you, bring you the inside track on the creative industry, and reveal cutting edge skills and techniques. Every issue showcases the best illustrators, graphic designers and web designers from around the world. The tutorials section is the envy of the industry, giving you the skills and inspiration you need to be a better artist.Visit the Computer Arts official websitePhotoshop UserPhotoshop User is more than just an amazing Photoshop resource, it’s also the official publication of the National Association of Photoshop Professionals (NAAPP). Each issue includes behind-the-scenes features, how-to articles, help desk Q&A, step-by-step tutorials, and down & dirty tricks. Photoshop User is widely recognized as the most trusted resource for Adobe Photoshop and Lightroom training, advice, and how-to information for the graphic design, photography, and digital arts worlds.Visit the Photoshop User official websitePhotoshop CreativePhotoshop Creative provides Photoshop users with lashings of practical advice and inspiration. Whether you’re brand new to the program or simply looking to improve your existing skills, this is the magazine for you. We don’t like to leave anyone out, so we want to make sure there’s something for everyone – from the Adobe Photoshop Elements user right through to those lucky enough to own Photoshop CS3.Visit the Photoshop Creative official websiteDigital ArtistDigital Artist is the perfect magazine for anyone who uses their computer as a canvas. It is the only community-focused magazine to cover all art styles and all art software, making each issue a medley of breathtaking images to inspire you to create your own. The magazine includes tutorials and guides, an extensive Q&A section, reports on new artists and their current projects, plus interviews, features, and galleries.Visit the Digital Artist official websiteCorel PainterThe official Corel Magazine, offering professional tips and techniques, digital art concepts and theory, special effects, and more.Visit the Corel Painter official website3D Artist3D Artist is dedicated to bringing you interviews with leading lights in the 3D industry, fascinating features on development and technologies that are shaping what you see on TV and in film, in advertising and architecture and in good old art. The magazine showcases the best and most exciting 3D images every month with a monster 11-page gallery.Visit the 3D Artist official website3D World3D World is a high-quality magazine crammed full of news, inspiration and practical advice about 3D graphics. Includes news and analysis of all the latest trends in the 3D industry, in-depth reports on the hottest new 3D projects, detailed, step-by-step technical walkthroughs, artistic and creative advice from professionals at leading international studios, and impartial reviews of the latest creative hardware and software.Visit the 3D World official websiteLayersLayers is the only magazine that covers everything Adobe Creative Suite 4 has to offer. Each issue is filled with top-notch tips and techniques for Adobe Illustrator, InDesign, Photoshop, Flash, Acrobat, Lightroom, After Effects, Dreamweaver, and more.Visit the Layers official websiteMagazines for PhotographersPractical PhotographyPractical Photography delivers a diverse range of content that teaches photo enthusiasts to take better photos and how to creatively enhance them in Photoshop.Visit the Practical Photography official websitePhoto TechniquePhoto Technique philosophy is that the photographic medium has never existed on the basis of unrelated techniques or unskilled aesthetics. For that reason, they incorporate the technology and methodology used in creating photographs into two categories. The first is a series of portfolio/article combinations that demonstrate both the means and the end result. The second is expanded technical articles intended to completely follow a process in detail, rather than offer short snip-its or tips. The magazine will never address the interest of a point-and-shoot mentality; the intent is to elevate the magazine to a more professional level.Visit the Photo Technique official websitePhoto ProIf you’re a working photographer or have dreams of setting up your own photographic business, this is the magazine for you. Every issue of Photo Pro is packed with inspirational images, expert advice and reviews of the kit that you need to get ahead. There’s also must-read business guidance from successful working photographers. It’s the ultimate manual for modern pros.Visit the Photo Pro official websitePopular PhotographyPopular Photography is the world’s largest photography magazine and the leading technical authority, buyers guide and how-to resource for the photo enthusiast. Geared toward those who are passionate about photography, each monthly issue presents unmatched technical expertise and a wide range of articles on the technique, craft and equipment used in making outstanding images.Visit the Popular Photography official websitePhotography MonthlyPhotography Monthly is the UK’s most interactive photography magazine, featuring expert advice, product reviews, tips and techniques, and more.Visit the Photography Monthly official websiteDigital PhotoOnline and on newsstands, Digital Photo (formerly PC Photo) is the top digital photography magazine. Get the latest news, equipment reviews and previews, photography tips and more.Visit the Digital Photo official websitePhoto LifeFor over 30 years, Canadian photography amateurs and professionals have turned to Photo Life as a partner in furthering their photographic skills. The magazine covers all aspects of photography, including industry news, photographic techniques and tips, field tests, travel, digital, secrets of the trade, and much more. Photo Life has something for everyone, plus it’s supplemented with images from some of the country’s best photographers, including those of our readers.Visit the Photo Life official websitePhoto District News (PDN)Photo District News (PDN), the award-winning monthly magazine for the professional photographer, has been covering the professional photographic industry for over two decades. Every month, PDN delivers unbiased news and analysis, interviews, and portfolios of the latest photographic work. PDN delivers the information photographers need to survive in a competitive business – from marketing and business advice to legal issues, photographic techniques, new technologies, and more.Visit the PDN official websiteRelated Resources12 Print Magazines for Web and Graphic DesignersGraphic Design Magazines at Design Dump14 Essential Magazines for Graphic DesignersRelated PostsYou may be interested in the following related posts:45 Incredibly Useful Web Design Checklists and QuestionnairesProfessional Web Design ForumsUseful Podcasts For Designers And DevelopersUseful Web Design E-Mail Newsletters© Louis Lazaris for Smashing Magazine, 2010. | Permalink | 6 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine Post tags:
-
I posted to smashingmagazine.com
Print Magazines for Web Designers, Digital Artists, and Photographers
http://feedproxy.google.com/~r/SmashingMagazine/~3/T8bvDbQBALw/
March 5 2010, 5:32am | Comments »
-
I posted to designmeltdown.com
Styling web links
http://feedproxy.google.com/~r/designmeltdown/uecD/~3/T0vU2u7eNe0/
It has never occurred to me to create a collection of sites based on the styling of links. It is however a very clever idea. Smashing Magazine has a great collection of such samples that show the wide range of possibility available. http://www.smashingmagazine.com/2010/02/13/the-definitive-guide-to-styling-web-links/
- Tags:
- Hyperlinks
March 4 2010, 6:00am | Comments »
-
I posted to smashingmagazine.com
Beautiful Illustrator Artworks By Artists Around The World
Adobe Illustrator is a powerful software for illustrating that allows users to produce beautiful artwork, technical illustrations, and even graphics for both print and the web. Adobe Illustrator is a multipurpose vector illustration tool and its versatility makes it the most preferred choice among many professional artists and designers.In the past, we’ve published a collection of Beautiful Photoshop Illustrations By Artists Around The World, and this is the latest post that will showcase the power of Adobe Illustrator. We present here hundreds of brilliant illustrations by artists from around the world that will surely mesmerize you and stir your imagination. Have a look, and feel the power of Illustrator!We recognize that there are many more highly-talented illustrators that may not be mentioned here. We can’t cover them all, but with your help we can try to showcase them in future posts. Please feel free to comment on this article and mention the name of your favorite artist.[By the way, did you know we have a brand new free Smashing Email Newsletter? Subscribe now and get fresh short tips and tricks on Tuesdays!]Tom WhalenTom Whalen lives in McAdoo, a town in northeastern Pennsylvania, USA. He is a gifted and zealous designer come illustrator and he has skillfully amalgamated his passion in his idiosyncratically-designed posters.Robot Earth 3009 PosterVoltron CommissionRaiders of the lost ark posterDarkstalkers: Lord RaptorChristopher LeeChristopher Lee is a multi-disciplinary designer and illustrator of sorts, born in Sacramento, California. He is a graduate from Sacramento State University and his formal education is in graphic design. His entire life, however, has revolved around drawing since he was old enough to hold a pencil.I Am MedicThe Impossible CircusCandy Culture MagazineMusimalsThe Birdman from GargantuaJulian DoradoJulian Dorado is an Argentina based illustrator and graphic designer who creates unique characters, cute animals, wild monsters, and various other font-inspired characters.Type Apple ChanceryType Plantagenet CherokeeType Meta CapsChris LeavensChris Leavens was born and raised in Pennsylvania. He breezed through school and spent a good deal of time doodling, drawing robots, spaceships, and bizarre creatures. Currently, Chris is focusing on creating vector art using Adobe Illustrator. He produces most of his artwork — from start to finish — entirely in Illustrator, including textural elements. His work incorporates absurdity, anthropomorphisms, and a healthy dose of humor.In a ClearingWe’re Up HereBehind Our HouseMystical BitsAt the Break of DayThe Bowl EscapesAdvice from a CaterpillarZuttoZutto is a Russian-based digital illustrator, artist and character designer, with a very unique style. Her illustrations are dreamy and full of vibrant colors and fantasy characters.TundraThe magic springBlackberry cushionTrue loveWhite GhostHey, don’t be so evilMatthew SkiffMatthew Skiff is a vector illustrator living in Colorado. He is a well-known and trained graphic designer who has the ability to combine his graphic and illustration skills to create wonderful artwork. He makes illustrations for bands and creates professional t-shirt designs.Zombie LiquoriceThe Shadow ConspiracyI Wrestled A Bear OnceI See Stars/Sumerian RecordsYiying LuYiying Lu is one of the most promising designers of Sydney, Australia. She was born in Shanghai, China, and is a confident artist with many attractive designs and illustrations in her portfolio. She runs her own design studio & teaches design at the University of Technology, Sydney. Her dream job is to furnish visual refreshment to the current Google logo.Fail WhaleSerendipityFoul OwlBirdsYukio MiyamotoYukio Miyamoto has been using and abusing Adobe Illustrator since the beginning of time (well, since the late ’80s at least). His artwork is showcased and sampled in a number of design books and he has trained thousands of people in all areas of graphics for both Mac and Windows. You won’t believe your eyes when you see Yukio’s work.Musical InstrumentCameraCarNick LaNick La is a freelance illustrator and web designer from Toronto. He is a well-known designer who has founded a number of projects including N.Design Studio, the popular blog Web Designer Wall, Design Jobs on the Wall, and Best Web Gallery. He has recently launched a new website called IconDock that’s completely dedicated to icons.Abstract PeacockAbstract PhoenixFlowKoi FishWeb Designer Magazine CoverSakuraPOGO IllustrationHelen HuangHelen Huang is an illustrator born and raised in China and currently living in Los Angeles. She has a passion for illustration and is currently working as a full-time designer for an interactive ad agency.IcecreamPrincess FSun FlowerLegend of DragonDreamcatcherMichael HealdMicheal Heald is a passionate designer and diverse creative professional from the UK. His true passion and innovative outlet is his award-winning design studio Fully Illustrated where he offers creative services that include designing, branding, illustration, and 3-D motion graphics.Orekol MinersStone SkipperStats EnvyThe Creative Unity BookThe MonsterBondage DuckPuffrSusanne PaschkeSusanne Paschke is a German freelance designer and illustrator. Her passion is to accept the challenge of making something emotional out of digital vectors. She uses path tools and simple color selections to create photo-realistic illustrations.Berlin CosmeticsUnicoVectorbeautiesJonathan BallJonathan Ball is an illustrator and designer from Cardiff, UK who has immersed himself in a number of creative fields. He is well-known for creating idiosyncratic and skillful artwork that’s regularly infused with original characters.Computer Arts MonsterThe Great Panda ExtinctionBear vs ManJay is Games PosterMushroom GraveyardRyan Putnam, aka RypeRyan Putnam is an illustrative designer living in Colorado Springs, Colorado. He runs Vectips, a blog dedicated to vector illustrations and he does client work under Rype Arts. He is an outstanding illustrator who has been drawing and doodling his whole life and received a graduation degree in fine arts with a concentration on graphic design from Colorado State University.Water Works ParkWiggle WormCosmic CityStock CharactersRubens CantuniRubens Cantuni is an Italian designer with a degree in industrial design currently working as an art director and supplementing his income with freelance illustration. He is truly passionate about his creative work and wants to make a full-time living from illustration in the future.Urban AttitudeLe Desordre, c’est moiHeistEconomy is a robberyI Love LDNMasksSascha PreußSascha Preuß is a German Illustrator who is working as a freelance Illustrator under the name Bubblefriends. He is known for creating cute characters and colorful vector illustrations.RainbowfriendUnexpectedVectorguruWeihnachtenIcecreamfriendsX MasPopcorn CinemaJeff FinleyJeff Finley is an illustrator based in Cleveland, Ohio. He is co-owner of Go Media, a creative agency headquartered in Cleveland, Ohio and is an entrepreneur that specializes in illustration, graphic design, and 3-D.CalibanPts CandyFest7Halim GhodbaneHalim Ghodbane is an amazing illustrator based in Algeria. You won’t believe your eyes when you see his work.LoshaCitroen C6BB3XRod HuntRod Hunt is a London-based Illustrator and artist who has built a reputation for retro-tinged Illustrations and detailed character-filled landscapes for UK and international clients spanning publishing, design, advertising, and new media, and covering everything from book covers to advertising campaigns, theme park maps, and even the odd large-scale installation too! Rod is also the artist behind the best selling Top Gear book “Where’s Stig?” published by BBC Books.Fishy SubTokyoHot Ice CreamsZombie Apocalypse!© Aquil Akhter for Smashing Magazine, 2010. | Permalink | 6 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine Post tags: illustrator, Inspiration
- Tags:
- inspiration
- illustrator
March 4 2010, 3:10am | Comments »
-
I posted to designmeltdown.com
30 Horizontal Websites
http://feedproxy.google.com/~r/designmeltdown/uecD/~3/dISQanjdkkk/
The horizontal scrolling web site is a format that designers seem to return to time and time again. Whats interesting is that this is a style that really shows when someone is using it just to use it instead of finding a true need for it. Perfect example is that lots of photography sites use this approach, and it works well. Photography is something that looks better side by side instead of stacked in a list. http://vandelaydesign.com/blog/galleries/design-trend-showcase-30-horizontal-websites/
- Tags:
- Horizontal Scrolling
March 3 2010, 6:00am | Comments »
-
I posted to smashingmagazine.com
How To Market Your Mobile Application
http://feedproxy.google.com/~r/SmashingMagazine/~3/C1jvqkuLHZk/
App Store is a competitive environment. Against more than 140,000 apps, all screaming for attention, how do you make sure your app gets its time in the spotlight? What does it take to get good media coverage? How do you get people to talk about your app—and, ideally, how do you get them to buy it and show it to their friends?Following the simple rules laid out below, you will increase your chances in the battle for fame and glory. These tips might seem rudimentary or in-your-face obvious, but they are so often neglected in the heat of the moment.[Offtopic: By the way, did you know that Smashing Magazine has a mobile version? Try it out if you have an iPhone, Blackberry or another capable device.]Be UniqueOne of the easiest ways to stand out in the App Store is to create an app that is unique. Sure, that makes sense. Yet still thousands and thousands of apps are uninspired, shovelled out by tired developers looking for a quick buck.If you want to stick it to the man, make sure that you are either:The first developer in your category of product, orReinventing the existing category with something unique.If you’re just improving something that’s already available, your battle to market it will be uphill.Spin an Existing CategoryAt this point in the history of the App Store, very few apps create new categories. So unless you’re sitting on a revolutionary new idea, focus your attention on a unique spin of an existing category. So many things can be re-imagined with little effort. Look at your competitors and flick on your child-like consumer filter. What cool feature for this category is missing? How can you take advantage of the iPhone’s interface, accelerometer, GPS or multi-touch functionality to create a package that delivers a unique experience in this category?A unique feature will make your app stand a head taller in the crowd and raise eyebrows. And that’s exactly the effect you want if you intend to sell apps in the App Store.Think, plan and build with the intention of creating something unique. From the conceptual drafts to the final marketing, keep iterating the unique aspects of your product.Ask yourself if you are merely improving on someone else’s idea. If it already exists in the app store, the battle to market it will be uphill.Try some shortcuts to create something unique, such as mixing categories; thinking of new ways to use the accelerometer, GPS, proximity sensor and multi-touch gestures; storytelling; etc.If you’re competing in a saturated market, do the exact opposite of the leader.Be TweetableGetting people to talk about your app is imperative for success. The more people talk, the more exposure your app will get, which will hopefully translate into sales. If your app is unique, you’re halfway there—people will talk about it just because of its uniqueness. But how do you encourage people to start up conversations about your product?Learn to PitchI’m sure you’ve pitched your app to at least a dozen co-workers and puzzled family members. You know the ins and outs of your elevator speech, the highs and lows, the big sells of your product and the hard-to-understand parts. If you want your app to succeed, you will need to teach that pitch to the rest of the world.Be InterestingMake the conversation about your app easy and engaging. Make it so that people want to tweet about it. Tweetability—if no one has yet, I’m trademarking that word—refers to how well a product or message would move on Twitter. The Twitter network, with its millions of users, has a particular personality and disposition. Despite the diversity of people using the service, talking about it like a homogenous mass still makes sense in many ways. Some of the most successful apps are easily shared through social media. Imagine the twittersphere chattering in chipmunk voices, “Hey, guys. Check this out!” Instantly gratifying app + high tweetability = free exposure.Even if your app isn’t instantly gratifying or playfully humorous, you can still compose a tweet that is highly tweetable. Just think of what you would retweet yourself. How would you sell your app in 140 characters?Play to your strengths. Write good copy. And have a solid, useful and attractive landing page.Find the human angle. Are there any amusing and beneficial reasons why people would use your app?Have a memorable tagline. Sum up your app’s purpose in one line.Cater To BlogsSocial media and the blogosphere are not isolated from each other. Like ripples in a pond, the more people tweet about your app, the more likely you’ll hit a big blog.Review blogs and tech websites are part of the App Store’s eco-system, and while the exact effect they have on sales is debatable, the traffic and buzz they generate are worth pursuing.Think Like MediaTo get good media coverage, you need to think like the media. How good a story is your app? Obviously, the law of uniqueness makes a difference here, but your app should also be easy to write about. First, provide a free press package that anyone can download. Supply people with the material they need to talk about your app. Give them a high-res version of the icon, screenshots and press-related texts.Don’t be stingy with the promo keys either—in fact, dispense them liberally. Promo keys are cheap marketing collateral and a way for you to put your app in the hands of peer leaders. Throw the keys at your favorite blog, and invite them to give some away for free in a raffle. If you can find a category-specific blog, you’ve got a direct line to your target customers. It’s a great way to reach a new audience and strengthen your relationships and reputation.Blogs Are Like Kids in a SchoolyardWhile they may not want to hear this, blogs are a bit like kids in a schoolyard. If you can get the cool kids to talk about you, chances are that other blogs will pick up the story and throw you on their front page. Getting on review and media websites is vital to your marketing success, because they are less transient than tweets. Reviews stay there and bring in traffic for months.Give out promo codes to blogs without hesitation.Have an extensive and easily accessible press package.Don’t be afraid to ask individuals to endorse your app.Try to crack category-specific blogs. If you’re making a wine app, contact wine blogs.Control The HypeApp sales thrive on hype. Learn to control the hype, and you will have mastered the product launch. Hype will always be partly out of your hands, but the rules mentioned above will help you put things in motion. But hype will amount to nothing if it’s for a poor product. While there is truth to the saying that there is no such thing as bad publicity, hype can backfire and harm your efforts to generate hype in future.Hype EarlyStart hyping early. If you know you have a unique product, let people in on the secret before the launch. Having an interesting “Coming soon” website can do this, by building a mailing list and getting Google juice for your domain.Make Your Website GreatNeedles to say, your app should have its own website. To make any of the rules above work, you will need a point of reference, somewhere to send the masses. Make the website interesting; show the app in action, and think outside the box. Make the website an extension of your app, and you will have yet another great tool in your marketing toolbox.Launch BigWhen you launch, make it big. Send out the triumphant newsletter, and hit all social media. Have you or your team write up blog posts, and pull every lever and handle in your network. Hype is all about critical mass: the first wave you set in motion will give you instant feedback on how to adjust your hype machine.Maintaining hype is all about introducing new venues in which to exhibit your app. Get a steady stream of review websites to cover your app. Give away promo keys on Twitter, and serve new content on your website. Obviously, if you can get into the “What’s hot” or “New and noteworthy” sections of the App Store, you’ve made it far.In the end, hype is part luck and part skill. The best way to balance the two is to keep asking yourself whether you can do anything else to add value, mystery, polish or spin to your product. Rely on your own judgement: what would excite you about this app if it were made by another developer?Give out promo codes on Twitter and in the blogosphere.Run contests related to your app. Give away prizes that make sense for your category.Boost popularity by timing the launch of your app to coincide with a live event or trending topic. Climate-related apps spiked around the COP15 Climate Summit in Copenhagen.Release your app with a big bang. Hold an online or live event. Attract visitors in creative ways, by building a game or puzzle or just throwing a contest or giveaway.Example: Being Awesome In A Saturated MarketTo illustrate the application of these rules, let’s take a play-by-play look at one successful app. For the sake of convenience, let’s just call it “Awesome app.”Awesome app is a weather-forecasting app. This is a classic scenario: a re-thinking of an established category. I can’t think of a more tired and saturated market than weather apps, making this an excellent example of being able to re-invent and compete if we have the right frame of mind.Unique SpinThe Awesome app reverse-engineers the trend of offering up increasingly detailed and advanced weather data. Instead, it trims down functionality and focuses on the very playful and human idea of exploring the weather visually, by swiping through a virtual forecast. It builds uniqueness right into the very concept and goes in the opposite direction of the market leaders.Early Hype, Big LaunchPrior to launch, the website for Awesome app presents a “Coming soon” page that collects close to a thousand confirmed emails. A teaser video of the interface generates some buzz and earns the app a nomination in the App Star awards. The app launches at the end of December 2009. The release newsletter goes out; a more elaborate version of the website, with video and screenshots, goes up; and the developers make as much noise as they possibly can in their networks.Review WebsitesAs soon as sales get a lift from the early launch hype, emails are sent out to various review websites offering promo keys. Reviews started flowing in, and chatter about the app is monitored on Twitter, where developers offer help and follow up on questions. A “Making the app” video is posted that gives existing customers something to enjoy (and that humanizes the team), highlighting user recommendations.The website for Awesome app gets some wind of its own by being featured in various design blogs for its modern use of CSS animations, contributing hype that doesn’t have anything to do with the app itself.Picked Up by Larger WebsitesA week and a half after launch, larger websites such as TUAW started showing interest. And coverage peaks with a TechCrunch article, which ripples out to LifeHacker and other major websites. More than a month in and we’re still seeing continued interest in the app; it has gathered hundreds of five-star reviews in the App Store and has been featured in both “New and noteworthy” and “What’s hot.”What Worked?What worked for Awesome app was a combination of the marketing rules discussed above:It was sufficiently unique in a crowded market to spark interest and be seen as a “good story.”The idea of a “visual weather forecast” was easy to convey and was presented in a way that gave it high tweetability.It was completely the opposite of what leading competitors were doing.The team started hyping early with a “Coming soon” page. It was appealing enough for people to tweet about it, and it eventually attracted visitors not only because of the app but because of the design of the website.A press package with everything you could want was freely available on the website, making it easy for blogs to write about the app.Parting ThoughtNot a single dime was spent on marketing it, yet the Awesome app reached tens of thousands of people. If you have a unique product and apply some of the ideas above, you too can secure free exposure for your beloved app. It’s a rather democratic and honest process because you are required to re-invent apps by adding unique features. Marketing then becomes all about making it easier and more interesting for people to talk about and share your creation.As with most other things in life, there’s no surefire way to create a successful app. But keeping in mind some of the things we’ve talked about here—both at the conception and the execution stage—will put you in a position to build awareness of your application much more easily.(al)© Michael Flarup for Smashing Magazine, 2010. | Permalink | Be the first to comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine Post tags:
- Tags:
- workflow
March 3 2010, 3:59am | Comments »
-
I posted to designmeltdown.com
Government sites – mixing politics and design
http://feedproxy.google.com/~r/designmeltdown/uecD/~3/ioG3_tidXGE/
While I won’t show my cards regarding my political views, I will say I think most of us can agree that politics is pretty much crap. Politics and the news, my two most hated things to find on TV. Ironically I enjoy The Colbert Report and The Daily Show though. Go figure. Anyway, enjoy this fine set of well designed government sites. http://www.mostinspired.com/blog/2010/02/15/monday-marvels-24-heads-of-government-websites/
- Tags:
- Government
March 2 2010, 6:00am | Comments »
-
I posted to smashingmagazine.com
Web Design Criticism: A How-To
http://feedproxy.google.com/~r/SmashingMagazine/~3/UuYdg7rEKNo/
Web design is a relatively young field. It’s youthful, growing and made up of people from all kinds of backgrounds, many of whom lack formal design training. We have learned, and still are learning, as we go.I came into my first job as a Web designer for Boeing back in the mid-1990s, with no formal design training. I was lucky to get some training on the job, and I would guess that my experience there was similar to that of many who are reading this article. I had the opportunity to work with some very talented and highly experienced designers who all had made the jump from other design fields to the Web.It was there, as part of that training, that I learned about critiquing, both giving and receiving, through regular design reviews.[By the way, did you know we have a brand new free Smashing Email Newsletter? Subscribe now and get fresh short tips and tricks on Tuesdays!]Formal Design Reviews = Fun? Maybe not. Educational? Heck, Yeah.Image sourceThose reviews weren’t fun. They were difficult and demanding and required quite a bit of effort. However, they were also meant to yield the best possible design work through careful evaluation and constructive criticism. They weren’t inherently negative, but they did focus on what was wrong with a design and what could be improved, rather than what was working—which, to some degree, makes sense. The goal was to improve the quality of work.Many days I left those reviews feeling like a failure, and some days I felt unnecessarily beat up. But I was often reminded that these reviews weren’t personal and were tough for a reason. In hindsight, I’m glad I had them. They improved the quality of my work immensely and taught me quite a bit about how to evaluate my own work as well as the work of others. Still, I look back and can’t help but pick out problems—not with the process or intent, but with the specific things we used to evaluate our design work.Almost exclusively, we evaluated the designs based on established visual design principles, many of which are sound and worthy of consideration when evaluating a website design. But, at least in the beginning, we rarely touched on things that went beyond the visual design of the websites and products we were building. I think we could be forgiven that; again, Web design was new then, and we were all learning.Shortly thereafter, I got involved with the Web design community outside of Boeing (though Boeing had a thriving, diverse and rather large community in its own right), and I began to see how the rest of the world judged design work. It was mostly limited to informal comments in forums and such, again very much “thin-slicing” and focused on snap judgements and gut reactions related to style and visual design. I felt lucky to have what I had: formal, informed, passionate and professional feedback, even if it wasn’t as deep as it should have been.How We ReactThis hold true today, more than 10 years later. A person tends to critique a design in one of several ways. The most common, and usually least valuable, is by gut reaction. Gut reaction is valid and can be valuable; in fact; if you look at most established design principles, you’ll see something about emotional connection. On the Web especially, this connection is often formed in an instant. It can and often does develop over time, but the initial reaction should be noted and can be important to the overall success of a design.Gut reactions often hold little value in a critique because they are not properly articulated. The person giving the critique will reduce their initial reaction to words like “suck,” “awesome,” “like,” “hate,” which does nothing to help the designer improve their design. These kinds of reactions are fine to note, but to be valuable they need to be articulated well. This requires a longer look at the design and a clear understanding of what the designer is looking for.The most common reason the process breaks down is because it’s hard to follow. It takes time, attention and an understanding of what is being evaluated. Unfortunately, people don’t seem willing or able to go that extra step to make their feedback, whether positive or negative, helpful. They’re more concerned about getting their gut reaction off their chest and moving on. In some cases, they simply don’t have the tools to reflect on and articulate their reaction. A good critique requires time and a grasp of fundamental design principles.Honestly, why else would a designer fire off a “That sucks” comment? If you’re reviewing a fellow designer’s work, you should feel obligated to make your review as helpful as possible. Those unhelpful comments result more from a lack of understanding than a lack of willingness to put in the effort. To this end, I wanted to see whether established principles exist by which to judge Web design and whether we have guidelines along which to offer critiques. So, I did some research.As With Most Things, Begin With ResearchI began with some extensive research on Web design criticism and critique. I didn’t find much, but a few things are worth sharing. Jason Santa Maria, who is a wonderful designer and a leader in our field, wrote a good article about giving and taking criticism. He has some good advice there, and through his formal schooling he seems to have had a similar experience with criticism and design reviews that I did. He goes into the specifics of critiquing itself, and any designer could benefit from a quick read of it. As well, a few months ago a good post on responding to criticism was posted here on Smashing Magazine. It’s about responding to criticism rather than giving it, but some useful ideas are there.As interesting as those articles are, I couldn’t find anything on giving critiquing Web designs in particular or on established design principles by which to judge websites and applications. In hindsight, and after many revisions to this article, I’m not all that surprised. Given the broad and multi-disciplinary nature of the Web, the subject is difficult to tackle.Any Universal Web Design Principles?Some attempts have been made to define universal principles for Web design, here on Smashing Magazine and over on the much-missed Digital Web, but these (for me at least) are too broad to be readily usable. They’re a good place to start, though, and worth studying.More helpful would be to dig deeper and look at more specific principles, such as Principles of Design and Jakob Nielsen’s Usability Heuristics. With these, we could begin to dissect a Web design into its component parts and critique each individually. But let’s be realistic: not many will take the time to do that.Learning the principles of usability, user interface, typography, visual design and so on is something every Web designer should work towards. This understanding will give you some of the language and criteria you need to effectively criticize. The rest is effort.In addition to my research, I’ve spoken to many other designers about what makes for a useful critique. While one would expect many of the answers that were given, most people believe that it depends largely on engaging with the design and the designer, on having a conversation with them. I’ve noticed a lot of this happening in Dribbble, a great community for designers that’s currently in beta. I have a few invitations, which I’ll give to those with the best comments. Just note in your comment that you’re interested in the Dribbble invitation.After all this research and reflection, I’ve come to define a good critique as one that takes a gut reaction, applies context and understanding to it, and then communicates that in a constructive, conversational way.To this end, I’ve formulated some simple rules for judging a Web design.Some Guidelines For Constructive Web Design Criticism1. Note Your Gut Reaction, But Take Time to Explore It.If you can’t articulate your reaction, stop there and keep it to yourself. As I’ve said, gut reactions can be valuable, but we need to explore them. Think of the last time you saw one of your favorite websites after a redesign. You may have liked it or hated it right away, but after using the website for a bit, your opinion (hopefully an intelligent one) became more moderate. Take the latest redesign of Facebook, for example. I was immediately confused. I think I actually typed something to that effect in the search field, which had been moved to where I thought the status update field would be. But I quickly found my way around and was soon comfortable with it. What’s more, the changes made a lot of sense overall. My gut reaction was expected; big changes can be disruptive, but I needed to look more closely to see that these changes were positive.2. Learn to Articulate Your Observations, and Invite Being Questioned.A designer should never, ever critique another designer’s work unless they are willing to have a meaningful conversation about it. This is a biggie. Expressing an opinion without offering to talk about it holds little value. You may be passionate about your craft (and your opinion for that matter), but for that passion to have much merit, you need to be willing to have a two-way conversation about it. Off-hand comments, particularly anonymous ones, are unhelpful for a number of reasons, most of which are pretty obvious. The point is simply that if you’re going to form and share an opinion, be willing to go a bit deeper and have a conversation about it.3. Be Specific, and Offer Suggestions if Appropriate.This is related to the last point. The more specific you are in praising or knocking a design, the more helpful you critique will be. Use descriptive terminology, speak the language of design, relate your opinion back to established principles. Think of your critique as one side of a debate in which you have to defend your opinion.4. Always Consider Context and Audience-Appropriateness.A personal website can be judged on how well it captures the personality of the designer. A mobile-specific website should be evaluated on a mobile device. And so on. This one can be hard, especially if you don’t know the context or audience. That said, avoid critiquing a design without knowing the context going in. Sure, by understanding visual design principles, you can critique just about any design on that level, but that’s usually just scratching the surface—helpful, but not nearly as helpful as it would be if you took the time to go deeper.5. The Most Important Measure of a UI’s Success Is How Well It Meets Expectations.I recently wrote about this in depth. The point is that you should judge the utility of a user interface by how well it meets your expectations. Of course, if your expectations are exceeded in some way, that’s great, too, but simply having everything behave as you expect is a good start.6. Subjectivity Is Fine if Labeled as Such and Articulated Properly.Following on the point about noting your gut reaction, judging a design subjectively is perfectly fine. Sometimes, even after having taken our time and knowing the context and audience and all that, a design still just doesn’t feel right. As long as you articulate that in a way that makes it clear you’re not sure why you feel that way (and if you accompany it with other helpful remarks), the feedback is probably worth sharing.7. Don’t Neglect the Content.Unless you take the time to use the website and to read and absorb the content, your review will likely be superficial. While content doesn’t often fall under the responsibility of the designer, it’s still a big part of the design. Judge a design based on how well it presents the content and facilitates its use or consumption. Of course, here we have one of those “it depends on the website” situations, so context is doubly important.8. Study the Principles Used to Judge Design, and Learn the Language.I’ve touched on this quite a bit already. It’s probably the best thing you can do to give better criticism and to become a more educated designer. In order to properly form and articulate an opinion about a design, we need to know the principles and patterns we’re dealing with. And without understanding the language, we can’t easily have a conversation about the quality of the design.ConclusionGiving a great critique isn’t rocket science, as long as you take some time and use a proper frame of reference (knowledge, context, criteria) to engage and think critically about the design. So, what do you think? Agree? Disagree? I’d love for readers to weigh in here on what they think makes for a useful Web design critique and share what they think makes a Web design successful. Also, feel free to critique this article… I know I could use it.(al)© D. Keith Robinson for Smashing Magazine, 2010. | Permalink | 2 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine Post tags: criticism
March 2 2010, 5:56am | Comments »
-
I posted to designmeltdown.com
Some refreshinglingly nice tourism sites
http://feedproxy.google.com/~r/designmeltdown/uecD/~3/zQDjlZrcfJE/
Many thanks to the folks at Noupe.com for putting together a fine collection of city tourism sites. This collection is great if only because it proves that even a niche as seemingly mundane as this can be brought to life with quality web work. http://www.noupe.com/showcases/showcase-of-tourism-website-designs.html
- Tags:
- Travel & Tourism
March 1 2010, 6:00am | Comments »
-
I posted to smashingmagazine.com
The Future Of CSS Typography
http://www.smashingmagazine.com/2010/03/01/css-and-the-future-of-text/
There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text.Keep in mind that these new properties and techniques are either new or still in the works, and some of the most popular browsers do not yet support them. But we feel it’s important that you, as an informed and curious Web designer, know what’s around the corner and be able to experiment in your projects.[Offtopic: By the way, did you know that Smashing Magazine has a mobile version? Try it out if you have an iPhone, Blackberry or another capable device.]A Glance At The BasicsOne of the most common CSS-related mistakes made by budding Web designers is creating inflexible style sheets that have too many classes and IDs and that are difficult to maintain.Let’s say you want to change the color of the headings in your posts, keeping the other headings on your website in the default color. Rather than add the class big-red to each heading, the sensible approach would be to take advantage of the DIV class that wraps your posts (probably post) and create a selector that targets the heading you wish to modify, like so:.post h2 { font-weight: bold; color: red; }This is just a quick reminder that there is no need to add classes to everything you want to style with CSS, especially text. Think simple.The Font PropertyInstead of specifying each property separately, you can do it all in one go using the font shorthand property. The order of the properties should be as follows: font-style, font-variant, font-weight, font-size, line-height, font-family.When using the font shorthand, any values not specified will be replaced by their parent value. For example, if you define only 12px Helvetica, Arial, sans-serif, then the values for font-style, font-variant and font-weight will be set as normal.The font property can also be used to specify system fonts: caption, icon, menu, message-box, small-caption, status-bar. These values will be based on the system in use, and so will vary according to the user’s preferences.Other Font PropertiesA few font-related properties and values are not as commonly used. For example, instead of using text-transform to turn your text into all caps, you could use font-variant: small-caps for a more elegant effect.You could also be very specific about the weight of your fonts, instead of using the common regular and bold properties. CSS allows you to specify font weight with values from 100 to 900 (i.e. 100, 200, 300, etc.). If you decide to use these, know that the 400 value represents the normal weight, while 700 represents bold. If a font isn’t given a weight, it will default to its parent weight.Another useful property, sadly supported only in Firefox for now, is font-size-adjust, which allows you to specify an aspect ratio for when a fall-back font is called. This way, if the substitute font is smaller than the preferred one, the text’s x-height will be preserved. A good explanation of how font-size-adjust works can be found on the W3C website.Dealing With White Space, Line Breaks And Text WrappingSeveral CSS properties deal with these issues, but the specs are still in the works (at the “Working Draft” stage).White SpaceThe white-space property lets you specify a combination of properties for which it serves as a shorthand: white-space-collapsing and text-wrap. Here’s a breakdown of what each property stands for:normal white-space-collapsing: collapse/text-wrap: normalpre white-space-collapsing: preserve/text-wrap: nonenowrap white-space-collapsing: collapse/text-wrap: nonepre-wrap white-space-collapsing: preserve/text-wrap: normalpre-line white-space-collapsing: preserve-breaks/text-wrap: normalThis property can be useful if you want to, for example, display snippets of code on your website and preserve line breaks and spaces. Setting the container to white-space: pre will preserve the formatting. WordPress uses white-space: nowrap on its dashboard so that the numbers indicating posts and comments don’t wrap if the table cell is too small.Word WrapOne property that is already well used is word-wrap. It supports one of two values: normal and break-word. If you set word-wrap to break-word and a word is so long that it would overflow the container, it is broken at a random point so that it wraps within the container. The International Gorilla Conservation Programme website uses word-wrap for its commenters’ names.In theory, word-wrap: break-word should only be allowed when text-wrap is set to either normal or suppress (which suppresses line breaking). But in practice and for now, it works even when text-wrap is set to something else.Bear in mind that according to the specification, the break-strict value for the word-break property is at risk of being dropped.Word And Letter SpacingTwo other properties that are often used are word-spacing and letter-spacing. You can use them to control—you guessed it—the spacing between words and letters, respectively. Both properties support three different values that represent optimal, minimum and maximum spacing. Show & Tell uses letter-spacing on its navigation links.For word-spacing, setting only one value corresponds to the optimal spacing (and the other two are set to normal). When setting two values, the first one corresponds to the optimal and minimum spacing, and the second to the maximum. Finally, if you set all three values, they correspond to all three mentioned above. With no justification, optimal spacing is used.It works slightly different for letter-spacing. One value only corresponds to all three values. The others work as they do for word-spacing.The specifications contain a few requests for more information and examples on how white-space processing will work and how it can be used and be useful for languages such as Japanese, Chinese, Thai, Korean, etc. So, if you’d like help out, why not give it a read (it’s not that long), and see how you can contribute?Indentation And Hanging PunctuationText indentation and hanging punctuation are two typographical features that are often forgotten on the Web. This is probably due to one of three factors:Setting them is not as straightforward as it could be;There has been a conscious decision not to apply them;Designers simply aren’t aware of them or don’t know how to properly use them. The Sushi & Robots website has hanging punctuation on bulleted lists.Mark Boulton has a good brief explanation of hanging punctuation in his “Five Simple Steps to Better Typography” series, and Richard Rutter mentions indentation on his website, The Elements of Typographic Style Applied to the Web. These are two very good reads for any Web designer.So, the theory is that you should apply a small indentation to every text paragraph after the first one. You can easily do this with an adjacent sibling combinator:p + p { text-indent: 1em; }This selector targets every paragraph (i.e. p) that follows another paragraph; so the first paragraph is not targeted.Another typographic rule of thumb is that bulleted lists and quotes should be “hung.” This is so that the flow of the text is not disrupted by these visual distractions.The CSS Text Level 3 specification has an (incomplete) reference to an upcoming hanging-punctuation property.For now, though, you can use the text-indent property with negative margins to achieve the desired effect:blockquote { text-indent: -0.2em; }For bulleted lists, just make sure that the position of the bullet is set to outside and that the container div is not set to overflow: hidden; otherwise, the bullets will not be visible.Web Fonts And Font Decorationfont-faceMuch talk has been made on the Web about font-face and whether it’s a good thing—especially after the appearance of Typekit (and the still-in-private-beta Fontdeck). The debate is mainly about how much visual clutter this could bring to Web designs. Some people (the argument goes) aren’t sufficiently font-savvy to be able to pull off a design in which they are free to use basically any font they wish. Wouldn’t our sensitive designer eyes be safer if only tested, approved Web-safe fonts were used?On whatever side of the argument you fall, the truth is that the examples of websites that use font-face beautifully are numerous. Jonathan Snook’s recently redesigned website uses the font-face property.The font-face property is fairly straightforward to grasp and use. Upload the font you want to use to your website (make sure the licence permits it), give it a name and set the location of the file.In its basic form, this is what the font-face property looks like:@font-face { font-family: Museo Sans; src: local(“Museo Sans”), url(MuseoSans.ttf) format(“opentype”); }The two required font-face descriptors are font-family and src. In the first, you indicate how the font will be referenced throughout your CSS file. So, if you want to use the font for h2 headings, you could have:h2 { font-family: Museo Sans, sans-serif; }With the second property (src), we are doing two things:If the font is already installed on the user’s system, then the CSS uses the local copy instead of downloading the specified font. We could have skipped this step, but using the local copy saves on bandwidth.If no local copy is available, then the CSS downloads the file linked to in the URI. We also indicate the format of the font, but we could have skipped that step, too.For this property to work in IE, we would also need the EOT version of the font. Some font shops offer multiple font formats, including EOT, but in many cases we will need to convert the TrueType font using Microsoft’s own WEFT, or another tool such as ttf2eot.Some good resources for finding great fonts that can be used with font-face are Font Squirrel and Fontspring.text-shadowThe text-shadow property allows you to add a shadow to text easily and purely via CSS. The shadow is applied to both the text and text decoration if it is present. Also, if the text has text-outline applied to it, then the shadow is created from the outline rather than from the text. Neutron Creations website uses text-shadow.With this property you can set the horizontal and vertical position of the shadow (relative to the text), the color of the shadow and the blur radius. Here is a complete text-shadow property:p { text-shadow: #000000 1px 1px 1px; }Both the color and blur radius (the last value) are optional. You could also use an RGBa color for the shadow, making it transparent:p { text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px; }Here we define the R, G and B values of the color, plus an additional alpha transparency value (hence the a, whose value here is 0.5).The specification still has some open questions about text-shadow, like how should the browser behave when the shadow of an element overlaps the text of an adjoining element? Also, be aware that multiple text shadows and the text-outline property may be dropped from the specification.New Text-Decoration PropertiesOne problem with the text-underline property is that it gives us little control. The latest draft of the specification, however, suggests new and improved properties that may give us fine-grained control. You can’t use them yet, but we’ll give you a condensed sneak peek at what may come.text-decoration-line Takes the same values as text-decoration: none, underline, overline and line-through.text-decoration-color Specifies the color of the line of the previous property.text-decoration-style Takes the values of solid, double, dotted, dashed and wavetext-decoration The shorthand for the three preceding properties. If you specify a value of only one of none, underline, overline or line-through, then the property will be backwards-compatible with CSS Level 1 and 2. But if you specify all three values, as in text-decoration: red dashed underline, then it is ignored in browsers that don’t support them.text-decoration-skip Specifies whether the text decoration should skip certain types of elements. The proposed values are none, images, spaces, ink and all.text-underline-position With this property, you can control, for example, whether the underline should cross the text’s descenders or not: auto, before-edge, alphabetic and after-edge.Controlling OverflowThe text-overflow property lets you control what is shown when text overflows its container. For example, if you want all of the items in a list of news to have the same height, regardless of the amount of text, you can use CSS to add ellipses (…) to the overflow to indicate more text. This technique is commonly seen in iPhone apps and websites. The New York Times iPhone app uses an ellipsis for overflowing text.This property works in the latest versions of Safari and Opera and in IE6 (where the overflowing element should have a set width, such as 100%) and IE7. To be able to apply the property to an element, the element has to have overflow set to something other than visible and white-space: nowrap. To make it work in Opera, you need to add the vendor-specific property:li { white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }In the Editor’s draft of the specification, you can see that other properties related to text-overflow are being considered, such as text-overflow-mode and text-overflow-ellipsis, for which text-overflow would be the shorthand.Alignment And HyphenationControlling hyphenation online is tricky. Many factors need to be considered when setting automatic hyphenation, such as the fact that different rules apply to different languages. Take Portuguese, in which you can hyphenate a word only at the end of a syllable; for double consonants, the hyphen must be located right in the middle.The specification is still being developed, but the proposed properties are:hyphenate-dictionary;hyphenate-before and hyphenate-after;hyphenate-lines;hyphenate-character. Proposed specification for hyphenation on the W3C website.This is a good example of how the input of interested Web designers is vital. Thinking about and testing these properties before they are finalized has nothing to do with being “edgy” or with showing off. By proposing changes to the specification and illustrating our comments with examples, we are contributing to a better and stronger spec.Another CSS3 property that hasn’t been implemented in most browsers (only IE supports it, and only partially) is text-align-last. If your text is set to justify, you can define how to align the last line of a paragraph or the line right before a forced break. This property takes the following values: start, end, left, right, center and justify.Unicode Range And LanguageUnicode RangeThe unicode-range property lets you define the range of Unicode characters supported by a given font, rather than providing the complete range. This can be useful to restrict support for a wide variety of languages or mathematical symbols, and thus reduce bandwidth usage.Imagine that you want to include some Japanese characters on your page. Using the font-face rule, you can have multiple declarations for the same font-family, each providing a different font file to download and a different Unicode range (or even overlapping ranges). The browser should only download the ranges needed to render that specific page.To see examples of how unicode-range could work, head over to the spec’s draft page.LanguageUse the :lang pseudo-class to create language-sensitive typography. So, you could have one background color for text set in French (fr) and another for text set in German (de):div:lang(fr) { background-color: blue; }
div:lang(de) { background-color: yellow; }You might be wondering why we couldn’t simply use an attribute selector and have something like the following:div[lang|=fr] { background-color: blue; }Here, we are targeting all div elements whose lang attribute is or starts with fr, followed by an -. But if we had elements inside that div, they wouldn’t be targeted by this selector because their lang attribute isn’t specified. By using the :lang pseudo-class, the lang attribute is inherited to all children of the elements (the whole body element could even be holding the attribute).The good news is that all latest versions of the major browsers support this pseudo-class.ConclusionIn surveying the examples in this article, you may be wondering why to bother with most of them.True, the specification is far from being approved, and it could change over time, but now is the time for experimentation and to contribute to the final spec.Try out these new properties, and think of how they could be improved or how you could implement them to make your life easier in future. Having examples of implementations is important to the process of adding a property to the spec and, moreover, of implementing it in browsers.You can start with the simple step of subscribing to the CSS Working Group blog to keep up to date on the latest developments.So, do your bit to improve the lot of future generations of Web designers… and your own!Resources and Interesting LinksCSS3 Text (Editor’s Draft), W3CHyphenation, W3CCSS3 Fonts, W3CThe Elements of Typographic Style Applied to the WebFive Simple Steps to Better TypographyType Experiments with HTMLStyling a Poem With Advanced CSS SelectorsCSS3: Examples and Best Practices(al)© Inayaili de Leon for Smashing Magazine, 2010. | Permalink | 3 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine Post tags: CSS
March 1 2010, 2:20am | Comments »
