Menu Search
Jump to the content X X
Smashing Conf San Francisco

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 San Francisco, dedicated to smart front-end techniques and design patterns.

Author:

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Twitter: Follow The Smashing Editorial on Twitter

Google Profile: https://plus.google.com/116812091267698107544

Facebook: smashmag

45 Fresh Useful JavaScript and jQuery Techniques and Tools

Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don't close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions.

jDigiClock - Digital Clock (HTC Hero inspired)

The last section also covers a number of useful educational resources such as a compilation of useful JavaScript coding practices, a detailed comparison of JavaScript frameworks and general JavaScript programming conventions. We are looking forward to your feedback.

You may be interested in the following related posts:

Read more...

Shalom! Showcase Of Web Design In Israel

Israel is a young country with an old heart. It has been quickly built up over the last 60 years as an independent democratic Jewish state and is shockingly cutting edge for a country so new.

It is a tiny surreal sliver of land smack dab in the middle of the Middle East: a very European, modern civilization… just programmed to Jewish tradition. Israel has great weather, nice beaches along the Mediterranean sea, fresh and tasty food and a warm and friendly culture. It is home to historic holy sites of the world's three major religions, and buses drive down streets whose stones are older than anything you'll find in Europe.

Screenshot

It feels as if Israel has one foot in Silicon Valley and the other in ancient Canaan — with an undercurrent of Middle Eastern hospitality and culture in this already multi-cultural society. And yet, English is commonly spoken here because many Jews from all over the world immigrate here regularly (not to mention the thousands of tourists from around the globe who pour in for sun, falafel, nightlife and a dash of biblical archaeology.) In some areas, you hear as much Spanish, French, Russian and English on the streets as Hebrew.

You may be interested in the following related posts:

Read more...

Free Dark and Clean WordPress Theme: Designpile

In this post we are glad to release DesignPile WordPress Theme, a theme designed by Site 5 and released for Smashing Magazine and its readers. The theme comes with 3 color styles and a couple of jQuery-based goodies. It can be used for portfolios and blogs as well as corporate webAs usual, the theme is free to use in private and commerical projects.

You can download the theme for free. The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Read more...

50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community.

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

This is where we come in. We are always looking to collect such articles for our posts so that we can deliver the most useful and relevant content to our readers. In this post, we present an overview of useful CSS/jQuery coding tips, tricks and techniques for visual effects, layouts and web form design to help you find solutions to the problems you are dealing with or will have to deal with in future.

You may want to look at similar CSS-related posts that we published last months:

Read more...

60 Live-Saving Medical Icons For Free

Today we are glad to release a Free Medical Icons Set, a set with 60 original medical icons in .png 32 bit in resolutions 32×32px and 128×128px. This set was designed by the user interface design agency Centigrade and released exclusively for Smashing Magazine and its readers. The icons can serve as great in-app icons for desktop or RIAs in the medical domain. With perspective and reflective effects these can be a real stunner on landing pages or in touch screen application menus.

Free Medical Icons Set

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.

Read more...

Photoshop Keyboard Shortcuts Cheat Sheet (PDF)

Over the last months we released a variety of icon sets, tools and templates, but now we would like to release something a bit different for a change. In this post we are glad to release Photoshop Keyboard Shortcuts, a PDF-file with a handy overview of most useful keyboard shortcuts available in Adobe Photoshop. The cheat sheet was created by Kenneth Setzer and released especially for Smashing Magazine and its readers.

Photoshop Keyboard Shortcuts

The cheat sheet is a mousepad-sized image featuring a typical PC keyboard. Photoshop's keyboard shortcuts are listed for each key, with the shortcut and its icon printed on the individual key. In red is the shortcut you will get by hitting the key in combination with the Ctrl key. For example, typing "t" in Photoshop will activate the Type tool, while typing Ctrl+t will allow you to use the Transformation tool. Additional shortcuts requiring more than two keys are listed as well.

Read more...

50 Brilliant CSS3/JavaScript Coding Techniques

CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. That's a reasonable solution — after all it doesn't make sense to avoid learning CSS3 (that will be heavily used in the future) only because these features are not supported yet. The point of this article is to give you a glimpse of what will be possible soon and what you will be using soon and provide you with an opportunity to learn about new CSS3 techniques and features.

CSS3

In this post we present 50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer's workflow and replace dirty old workarounds that we used in Internet Explorer 6 & Co. Please notice that most techniques presented below are experimental, and many of them are not pure CSS3-techniques as they use jQuery or other JavaScript-library.

Read more...

The Smashing Book: Already Got Yours?

Have you gotten your copy of The Smashing Book yet? If not, it may still be worth spending $29.90 $22,90 for this printed book (+ free eBook). The book shares technical tips and best practices on typography, usability, UI design, marketing and color usage. It contains interviews with high profile designers and developers. And you will also get a peek behind the curtains of Smashing Magazine. You can buy the book now - Please note: this printed book is not available anymore, just as an ebook. [Content Care Dec/17/2016]

readers-3

Also, in this post we are giving away 35 exclusive Smashing Book Posters (folded, limited edition), and if you want to win one, just leave a comment on this post and tell us what you would do with it! So, let's find out who are Smashing Magazine's biggest fans? And we also have a new book chapter available for free download as PDF to serve as an appetizer.

Read more...

25 Fabulous High Quality Free Fonts

Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.

Beautiful Free Fonts - PT Sans

In this selection we’re glad to present you PT Sans, FF Celeste Sans Offc Black, Secca STD, Cantarell and many other regular and experimental high-quality free fonts. Please read the license agreements carefully before using the fonts — the license can change from time to time.

You may also want to take a look at our previous typography-related posts:

  • 20 New High Quality Free Fonts
    In this previous "free fonts" edition we present Madawaska ExtraLight, Apparatus SIL, League Gothic, Contra and many other high-quality free fonts.
  • 40+ Excellent Freefonts For Professional Design
    The price of good fonts usually reflects their quality and starts at 50$ per typeface. However, before purchasing a font you will probably use only once in your designs you might want to take a glance at outstanding free alternatives first.
  • 50 Useful Design Tools For Beautiful Web Typography
    A review of useful typographic tools, techniques and resources for creating effective and expressive designs. We will also look at some hands-on typography tools that help designers and developers learn how to style their Web content, test it interactively and see the changes instantly.
Read more...

↑ Back to top