Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.


Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

Twitter: Follow Vitaly Friedman on Twitter

Google Profile:

53 CSS-Techniques You Couldn’t Live Without

CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don't have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn't it great? Well, actualy, it is.

Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you'll find a list of techniques we , as web-architects, really couldn't live without. They are essential and they indeed make our life easier. Let's take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.

Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Thanks!

You might want to take a look at the article Powerful CSS-Techniques For Effective Coding.


Preventing Spam: Bulletproof Solutions

Spam is probably one of the most difficult problems we have to deal with. E-Mail-filters, such as those used in GMail, provide accurate results, but not every company is willing to use extern services for its private mails. The problem occurs when web-developers have to display e-mail-addresses on a web-page.

How can you make sure that not a single spam mail will find its path to the inbox of your client? Or, speaking in more concrete terms, the question is, how should you display e-mails on a web-page in order to minimize spam attacks? Let's take a look at some modern and bulletproof solutions and techniques which will help you to prevent spam in your mailbox or the mailbox used by your clients. [Content Care Oct/13 2016]


Web 2.0: Buzz-Monitoring and Tracking

You'd like to improve the link popularity of your site. Or maybe to keep track on the latest web buzz. It would be nice to inform your readers about it the minute the news occured. Or maybe you just want to monitor the activities of your users and be able to find the best topics they might be interested in - quickly and efficiently. In these cases tracking tools can be extremely useful and improve your search enormously.

We've taken a look around and listed the best buzz-monitoring, observing and tracking tools a web-developer might be willing to use analyzing and monitoring his/her recent web-projects. [Content Care Oct/03/2016]


19 Free Quality Fonts

Over the last days we've decided to take a look at new fonts and choose the most beautiful ones. In fact, many new fonts occured - some of them just weren't available for download one year ago, some of them were created over the last 12 months. The results are listed below - the most beautiful fonts, created by the open-source community and free for personal, academic and (sometimes) commercial use [Content Care Oct/06/2016]


Diagrams: Tools and Tutorials

Being a web-developer means not only being able to design web-sites or program their functionality. Sometimes it also means to be able to explain complex issues clearly and be able to present to your potential customers reasonable and convincing arguments - in order to find the best compromise between the customer's wishes and the standards you respect. In fact, it is essential to make sure the customer understands which advantages you are actually offering and why this or that layout and markup are better for a given web-project. [Content Care Oct/02/2016]

Developing web-sites over the last few years, I've been stumbling over the same problem over and over again: how can I visualize my idea easily and quickly? Since human being is used to visualize things, trying to understand the idea behind them, recently I've spent hours googling for useful tools and tutorials which would help me to create images - mostly, diagrams, charts, chart-flows etc. to visualize my personal ideas to my potential clients.

I'd like to present the results of my search. If you have any further suggestions, ideas or constructive criticism, don't hesistate to comment on this article!


↑ Back to top