I love smashing magazine. I love to stalk them, I love to read them, I love to write for them (I’m currently formulating my first post for them a a guest writer. I’m analyzing different organization programs for mac).. all together, smashingmagazine.com is just a great resource for anybody, whether you are a digital designer, an artist, a writer, a freelancer, or whatever you may be.
Smashing magazine had put together somewhat of a compilation book that is now available for pre-order. According to their website, the book will be 300 pages, containing full color images on coated paper. You’re getting this book from a panel of experts so you know all the content will be top notch in there. I have pulled some information/images directly off their website because it won’t do them justice to just paraphrase information about this amazing book. Here is the information on some of the chapters. (credit/source: smashingmagazine.com)
The Smashing Book is a printed book about best practices in modern Web design. The book shares technical tips and best practices on coding, usability and optimization and explores how to create successful user interfaces and apply marketing principles to increase conversion rates. It also shows how to get the most out of typography, color and branding so that you end up with intuitive and effective Web designs. And lastly, you will also get a peek behind the curtains of Smashing Magazine.
Various chapters included in this book are as follows:
The Art And Science Of CSS Layouts
In modern Web design, developing a layout is a craft that requires patience, precision and solid knowledge of CSS. While design elements create flow and hierarchy in the design, Web layouts build up a skeleton of the website, providing a space and structure where design elements can breathe and serve their purpose. However, laying out a page is often a tricky and time-consuming matter that can be undermined by numerous browser inconsistencies and trade-offs between various types of layouts.
There are some practical guidelines to help you approach this issue in a manageable and effective way. This article throws light on various kinds of layouts, discussing their advantages and disadvantages and suggesting situations in which each would work best. It also talks about techniques and related issues that will help you gain a better understanding of CSS layouts in general.
User Interface Design In Modern Applications
User interface design isn’t just about buttons and menus. It’s about the interaction between the user and the application or device, and in many cases about the interaction between multiple users through that device. This means that user interface design isn’t about how a product looks, but about how it works. It’s not just about arranging buttons and picking colors, but about choosing the right tools for the job. Does a particular interface even need buttons? If so, what do they need to do? What do you need to provide for the user to figure out how your application works and accomplish what they want with ease?
Web Typography: Rules, Guidelines And Common Mistakes
Typography covers a wide range of topics and applications, even wider now with the Web and the digitization of information. Typography is not just about choosing a nice font. It is a complex meta language that brings value to communication, that increases the readability and legibility of content, giving tone to a brand and corporate image, helping to sell products and making information better understood by the audience. However, the poor application of a few common rules of typography is enough to make readers turn away.
Usability Principles For Modern Websites
We don’t know a single Web designer who wouldn’t want an outsider’s opinion of their website. Bonus points if you find a designer willing to give you feedback. Keep in mind, though, that a designer’s opinion isn’t your user’s opinion. To identify with our users, we must focus on much more than the outward appearance of our websites, as difficult as that is to do. To complicate matters, modern websites quickly become huge multi-faceted structures. Competing websites often offer similar functionality, but one will win out because it provides a superior user experience. This is where the Web is headed, a sort of evolution of website design.
The Guide to Fantastic Color Usage In Web Design and Usability
Considering the cultural implications of the colors on your website is important, especially if you expect international traffic. Green, for instance, a popular color, is taken in Western society to mean environmental consciousness. In China, a green hat could imply that a man’s wife is cheating on him. The color is sacred in the Islamic world, and it has significance in Catholicism. In some African countries, green represents the natural richness of Africa. It has also been associated with money, jealousy, growth, sickness, inexperience, evil, fertility, hope, youth and death. This is just one example of the cultural and psychological implications that color can have for your website’s audience.
Performance Optimization For Websites
Slow and unresponsive websites are annoying. And if your website is annoying, your visitors are unlikely to buy goods or contact you, and you will lose money. Hence, optimizing your website to provide a good user experience is important. Yahoo’s Firefox plug-in YSlow provides tips on how to make websites more responsive. We will not settle for YSlow’s tips alone, though, but take two further steps by optimizing MySQL and PHP as well.
In this chapter, we get technical. You will require root-level access to your server machine. If you are in a shared-hosting environment, you may not have this level of access. But the section will still be useful to you because you can check if your Web host’s machine meets your requirements, and if it does not, you will know what to demand from your host.
Design To Sell: Increasing Conversion Rates
Most websites are not works of art or things made to be appreciated solely for their beauty or expression. Websites are functional interfaces that serve a specific purpose. If you run an online store, the purpose of your website is to sell goods. If you run a Web application, your website is there to get people to sign up. Whatever industry you operate in and whatever type of business, organization or community you run, you want your website to perform by getting those sales, sign-ups, subscribers or clicks.
“Conversion” is an online marketing term that describes an instance of a visitor to your website performing an action that you deem to be desirable. The main question is, how do you turn a new visitor to your website into a loyal customer? To answer this, we’ll look at what it takes to sell effectively.
How To Turn A Site Into A Remarkable Brand
The term “remarkable” means being worthy of notice or attention or, in the context of Web development, naturally persuading the viewer to mention or recommend a website to a friend. Developing a remarkable brand for your website means that people will likely give credit or refer to your website voluntarily, which is a big bonus when you are starting to build and develop your website.
Any niche or industry has hundreds or thousands of websites all based on the same topic, but from the crowd always emerges a bunch of websites that re-appear time and again. These websites are often mentioned in conversation and cited in sources of information or are the homes of highly sought after products. Given their high profiles, they can all be classified as remarkable, but how did they manage to build this great reputation?
Learning From Experts: Interviews And Insights
Many of the most successful and well-recognized designers are willing and eager to provide guidance to others who want to improve their own skills. We posed a series of questions to leading designers and developers in an effort to get some answers to common questions. The participants bring a great deal of diversity in skills and expertise, and all have valuable insight that can help those looking to grow.
This chapter contains ideas, insights and tips from Dan Rubin, Jason Santa Maria, Paul Boag, Jeff Croft, Andy Budd, Collis Ta’eed, Wolfgang Bartelme, Keith Robinson, Jonathan Snook, Elliot Jay Stocks, Khoi Vinh, Veerle Pieters, Chris Coyier, Dave Shea, Darren Hoyt, Henry Jones, Kiam McKay, Nick La, Jon Hicks, Larissa Meek and others.
The Smashing Story
How did Smashing Magazine come into existence? How do we work, and what happens behind the scenes? What is our secret recipe for success? Our readers are asking, and Smashing Magazine is answering.
The Smashing Magazine story is not the classic story of two guys coming up with a great idea in the right place at the right time. It is a story of dedication, patience and hard work… truly hard work. Perhaps the most unusual thing about Smashing Magazine’s birth is that we never actually sat down together to discuss the whole thing. We never threw up a whiteboard and brainstormed on a groundbreaking concept for a successful magazine with a solid marketing model. In fact, Smashing Magazine is the result of a random experiment, initiated by two like-minded Web workers with shared passion and knowledge, as well as valuable experience (Sven) and energetic motivation (Vitaly).
So all in all, this will be an extremely comphrehensive book that is a must have for anybody interested and/or working in this industry. I plan on getting my paws on a copy, so I will most likely be writing a review. This book is available for pre-order currently. You will receive 20% off as well as a 30 day/money back guarantee… not that you’ll ever dream of returning it, but just as a safety. There is no shipping, but there is something called “social shipping”. Somewhat like a “pay it forward” gesture if you will. You can willingly throw extra money on your order, and that money will go into a shipping pool to help them get books to hard to reach places. The book is currently in its final stages of production and is expected for release in September.
As a side note… have you ever wondered what certain people would look like in website form?! This website made me giggle a little so I thought I would share. http://www.outlawdesignblog.com/2009/what-if-websites-were-people/