
Smashing Magazine we smash you with the information that will make your life easier. really.
-
Beautiful Examples of Vexel Artworks and Tutorials
By Aquil Akhter, July 3rd, 2009 in Inspiration | 45 Comments
Vexel art is a digital art that is an entirely pixel-based form of raster art that imitates the vector graphics technique, but is distinguished from normal vector graphics or raster images. "Vexel" itself is a mixture of two words ‘Vector’ and ‘Pixel’. Vexel designs are composed by using multiple layered shapes. It can be done in Photoshop, but vexel designs are not limited to only Photoshop; essentially, it can be done with any image editing software that has a good Pen Tool.
Below are some truly amazing examples of vexel artwork and also some outstanding tutorials that will help you to master the technique or at least get some understanding of how this technique can be used. Feel free to explore further works of the artists presented below. Enjoy and be inspired.
-
Power Tips For WordPress Template Developers
By Jacob Goldman, July 2nd, 2009 in Developer's Toolbox | 75 Comments
With its latest releases, WordPress has extended its potential well beyond blogging, moving toward an advanced, robust and very powerful content management solution. By default, WordPress delivers a very lightweight, minimal system that offers only basic functionalities. But where the WordPress core falls short, there are a wealth of plug-ins that extend its limitations.
Plug-ins often offer simple solutions, but they are not always elegant solutions: in particular, they can add a noticable overhead, e.g. if they offer more functionality than needed. In fact, some general and frequently needed WordPress-functionalities can be added to the engine without bloated plugins, using the software itself.
This article presents 8 tips for WordPress template developers that address common CMS implementation challenges, with little to no plug-in dependence. These examples are written for WordPress 2.7+ and should also work in the latest WordPress-version.
-
Clever JPEG Optimization Techniques
By Sergey Chikuyonok, July 1st, 2009 in How-To | 123 Comments
When people talk about image optimization, they consider only the limited parameters offered by popular image editors, like the "Quality" slider, the number of colors in the palette, dithering and so on. Also, a few utilities, such as OptiPNG and jpegtran, manage to squeeze extra bytes out of image files. All of these are pretty well-known tools that provide Web developers and designers with straightforward techniques of image optimization.
In this article, we'll show you a different approach to image optimization, based on how image data is stored in different formats. Let's start with the JPEG format and a simple technique called the eight-pixel grid.
-
Best Practices For Effective Design Of “About me”-Pages
By Mark Nutter, July 1st, 2009 in Design Showcase | 78 Comments
The "about me"-page is one of the most overlooked pages in development and one of the highest ranked pages on many websites. In a world that's becoming increasingly connected through the Web, it's important that you engage your audience in a personal and friendly way, otherwise you risk just being another faceless web designer among a sea of websites.
We had to go through hundreds of sites to come up with the following list. It seems most designers and developers run out of steam by the time they got around to developing their about pages. Most designers we came across simply threw up a few hastily written words about themselves instead of treating the page as an important asset. Others, however, have truly taken the time to treat their about page as if it were important as the home page. In fact, some went as far as using their about pages as their home page.
We present 60 beautiful and effective about pages that engage users and neatly present their designers. We also examine the growing trend of Business Card Websites (BCW's).
-
Desktop Wallpaper Calendar: July 2009
By Smashing Editorial, June 30th, 2009 in Graphics | 174 Comments
Desktop wallpapers can serve as an excellent source of inspiration. However, if you use some specific wallpaper for a long period of time, it becomes harder to draw inspiration out of it. That’s why we have decided to supply you with smashing wallpapers over 12 months.
And to make them a little bit more distinctive from the usual crowd, we’ve decided to embed calendars for the upcoming month. So if you need to look up some date, isn’t it better to show off a nice wallpaper with a nice calendar instead of launching some default time application?
This post features 40 free desktop wallpapers, created by designers across the globe. Both versions with a calendar and without a calendar can be downloaded for free.
Please notice:
- all images can be clicked and lead to the preview of the wallpaper;
- you can feature your work in our magazine by taking part in our desktop wallpaper calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?
So what wallpapers have we received for July 2009?
-
45 Incredibly Useful Web Design Checklists and Questionnaires
By Cameron Chapman, June 29th, 2009 in Developer's Toolbox | 98 Comments
Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there's a lot to keep track of and a lot to make sure gets done. That's where checklists can make your life a whole lot easier. With lists of points covering multiple areas from content to usability to accessibility to standards, you're a lot less likely to overlook important parts of a site.
Below are 45 checklists to make your design process easier and more organized. Consider using these checklists as a jumping off point for creating your own customized list, based on your own needs.
Also consider our previous articles:
- 15 Essential Checks Before Launching Your Website lists some important things to check before you make your sites public.
- 10 Designer's Checkpoints To Be Aware Of offers a list of things every designers should know about their sites.
-
50 Free Resources That Will Improve Your Writing Skills
By Smashing Editorial, June 28th, 2009 in Developer's Toolbox | 97 Comments
Effective writing skills are to a writer what petrol is to a car. Like the petrol and car relationship, without solid skills writers cannot move ahead. These skills don’t come overnight, and they require patience and determination. You have to work smart and hard to acquire them. Only with experience, you can enter the realm of effective, always-in-demand writers.
Of course, effective writing requires a good command of the language in which you write or want to write. Once you have that command, you need to learn some tips and tricks so that you can have an edge over others in this hard-to-succeed world of writers. There are some gifted writers, granted. But gifted writers also need to polish their skills frequently in order to stay ahead of competition and earn their livelihood.
We collected over 50 useful and practical tools and resources that will help you to improve your writing skills. You will find copywriting blogs, dictionaries, references, classes, articles, tools as well as related articles from other blogs. Something is missing? Please let us know in the comments to this post!
-
35 Examples Of Stunning Macro Photography
By Moin Anjum, June 26th, 2009 in Inspiration | 74 Comments
Macro photography is also known as close-up photography. Compared to other types of photography, macro photography is quite difficult, because of the nifty equipment, lightning and other techniques involved. However, in the end it comes down to what kind of pictures you want to take and what level of precision you are striving for.
In this inspirational showcase, we've collected some beautiful macro pictures, as well as some useful macro photography tutorials – for people at all levels of experience.
You may also be interested in the following related posts:
Sponsors
- Advertise with us!
Smashing Links
Stay in touch
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 75 JavaScript Techniques
- 70 Best Photoshop Tutorials
- 70 Best Illustrator Tutorials
- 53 CSS Techniques
- 50 Blog Designs
- 50 Graffiti Artworks
- 50 Brilliant Photos
- 50 Movie Posters
- 40 Free Fonts
- 40 Creative Layouts
- 35 Beautiful Icon Sets
- Beautiful Desktop Wallpapers
- Beautiful Macro Photos
- Beautiful Underwater Photos
- Free Design Templates
- Free CSS Layouts
All Posts
- 35 Designers × 5 Questions
- 50 Designers × 6 Questions
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- AJAX Tutorials
- Badges and Pins
- Batch Image Processing
- Black & White Photography
- Block Quotes
- Blog Designs 1, 2, 3, 4, 5
- Blog Headers
- Book Covers
- Brochures and Booklets
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Calendar Designs
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Clean Code
- CSS Editors
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Divine Proportion
- Domain Tools
- Dreamweaver Tutorials
- Drupal
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4, 5, 6
- Font Management
- Form Design Patterns
- Forums
- Fractals
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graffiti
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Style 1, 2
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4, 5
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- JavaScript Techniques
- jQuery
- Laptop Sleeves
- Laptop Designs
- Link Building
- Links in New Windows?
- Macro Photography
- Mascots
- Moleskine Art
- Motion Graphics
- Motion Blur Photos
- Movie Posters
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Packaging Design
- Pagination
- PDF Magazines
- Photoshop Actions
- Photoshop Tutorials 1, 2
- Pixel Art
- Podcasts
- PNG Transparency
- Portfolios
- Pricing Tables
- Product Designs
- Rain Photography
- RSS Best Design Practices
- RSS Feed Icons
- Screencasting
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Smoke Photography
- Source Code Editors
- Splash Pages
- Start Pages
- Stock Icons
- Space, Nebula wallpapers
- Tab-Based Interfaces
- Tag Clouds
- Textures
- Textures & Backgrounds
- Texture Design
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase 1 2, 3
- Underwater Photography
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Version Control Systems
- Vintage & Retro Posters
- Vintage & Retro Designs
- Vintage & Retro Tutorials
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Weblog Engines
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
- Wordpress Toolbox
- WYSIWYG Editors
Fresh Bookmarks
22 Free Seamless Vector Pattern Resources Perfect For Web Design
A collection of resources and articles related to vector patterns.
10 New PHP Content Management Systems
All based on PHP.
25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.
Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.
20+ CSS Data Visualization Techniques
Get inspired.
CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.
Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,
Webdesign: Five Minute Upgrade
Making Your Design Pop.
45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.
The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.
Blogroll
- Bittbox
- CatsWhoCode
- Colorburned
- Design Disease
- Designm.ag
- Deziner Folio
- Dr. Web Magazin (.de)
- Dr. Web Shop (.de)
- Freshome Blog
- FudgeGraphics
- I Love Typography
- MakeUseOf.com
- Naldzgraphics
- Noupe.com
- Pro Blog Design
- Search-This
- Six Revisions
- SmileyCat
- Spoon Graphics
- Typesites
- Usability Post
- Walyou
- Webdesigner Depot
- Weburbanist
- Wellmedicated












