Create Jigsaw Puzzle Effect for Photos

Create Jigsaw Puzzle Effect for Photos

read more

This Weeks Twitter Design News Roundup N.24

This is our weekly Twitter Design News Round-Up, a collection of fresh design related resources that we have shared via Twitter in the past week.
Just in case you are not one of our Twitter followers, click here: twitter.com/speckyboy.
As always, if you have any cool links that you would… read more

Pros And Cons Of 3 Popular CSS Meta Frameworks

Pros And Cons Of 3 Popular CSS Meta Frameworks

read more

CSS Heart – A web designer way of wishing Valentine’s Day

CSS Heart – A web designer way of wishing Valentine’s Day

read more

Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery)

In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial.

If you do not want to complete part one of this tutorial, you can download the source files created in that lesson here.

Step 1 –… read more

Creative Button Animations with Sprites and JQuery (Part 1: Photoshop)

This tutorial will show you how to build creative hover animations for buttons using sprites. The particular effect illustrated in this tutorial is inspired by the “Download” buttons on Tutorial9.net. Part 1 of this tutorial explains the design process in Photoshop. In Part 2 we will convert it to XHTML… read more

Creating A Quality WordPress Theme: 12 Points to Consider

By Cameron Chapman

Many designers enjoy creating WordPress themes. And creating a theme isn’t that difficult if you have a basic grasp of CSS and can follow directions (WordPress’s Codex has extensive documentation). But that doesn’t mean that every designer out there who can create a theme has created a good… read more

Smashing Network Update: Add Widget To Your Site and New Members

In the last few months, you may have noticed some major changes happening on Smashing Magazine’s front page. Since November 2009, when we launched the Smashing Network, which features manually selected articles from the best design blogs, we’ve been working hard to improve the usability of our website and make… read more

You Can Use CSS3 Right Now

CSS3 makes a designer’s work easier because they’re able to spend less time hacking their CSS and HTML code to work in IE and more time crafting their design. It is the future of web design and can be used today.

This article will hopefully show you to care a little… read more

How to Pull Your Google Buzz with jQuery

Embed your buzz stream into a website yourself by pulling your Google Buzz using jQuery. read more

18 Incredible CSS3 Effects You Have Never Seen Before

I did some search around the web and there are heaps of CSS3 examples that are really make my eyes wide opened! It’s incredible! So, in this post, I will show you my findings of 18 Incredible CSS3 Effects that will blow you away! read more

The Most Common HTML and CSS Mistakes to Avoid

Beginners through advanced coders make mistakes in their HTML and CSS files, either through carelessness or lack of experience. Clean code is very important though and will help further your skills as a developer, as well as save you time in editing later on! It never hurts to review if… read more

Create an Animated Sliding Button Using MooTools

Don’t use stale, ugly buttons! Use the power of CSS3 and MooTools to make animated sliding buttons! read more

Enhance Your WordPress Post Thumbnails in 5 Minutes Using CSS

WordPress finally introduced a Post Thumbnail feature in version 2.9 which has made life quite a bit easier for WordPress theme developers that love to integrate thumbnails into their themes. There are many different ways to dress up post thumbnail images, but for this tutorial we are going focus on… read more

17 Google Chrome Extensions for Web Designers and Developers

Firefox is the browser of choice for most designers and developers in part because of the vast selection of add ons that are available. While Chrome does not offer anywhere close to as many extensions (yet), there are still a number that can be very handy for designers and developers…. read more

The Myth of DPI

The size of an image in a website layout is important. From proper alignment to getting just the right amount of white space, sizing photos and graphics properly beforehand is essential to creating a balanced look.

Images on the web are measured in pixels. Yet many people… read more

HOW TO: Integrate Google Buzz Into Your WordPress Blog

We’ve discussed how you can integrate Buzz with your other social networks, but what about integrating Buzz with your blog? If you use a self-hosted WordPress blog (sorry, WordPress.com users), there are already a variety of Google Buzz plugins and add-ons available.

While it’s clear that people are really taking to… read more

Designing for the Future with HTML5+CSS3 : Tutorials and Best Practices

In today’s post, we would like to showcase some of the best blogs and websites in the industry built with HTML5+CSS3. read more

25+ Alternative & Open Source Database Engines

There are many open source databases which are getting popular day-by-day & may have advantages over what you’re already using. read more

Collective Housing Units – By LAN Architecture

This project is a new sustainable social housing complex, built in Begles, France. It’s a great architectural approach, a project with a diversity of architectural propositions and communal and private spaces.

<!–break–>

The brain behind this project is LAN Architecture, they tryied to invent a new urban lifestyle, witch I think it… read more

20 CSS3 Tutorials and Techiques for Creating Buttons

In May last year we published an article entitled 22 CSS Button Styling Tutorials and Techniques, it proved to be pretty popular, and the most amazing thing about that post is that none of the tutorials even touch on the subject of CSS3.. What a difference a year makes!
Of… read more

More Google Buzz Tips, Resources, Extensions, and Icons to Keep You Buzzed.

Here’s a quick round up of the best tricks, resources, and tutorials that have sprung up in the last few days to keep you buzzed. read more

50 Inspiring Dark Web Designs

We’ve already shown here many great examples of web design to inspire you, from Clean White Web Design and Portfolio Designs to iPhone apps websites. We deliver great doses of inspiration to help you get new ideas.

Today, continuing our mission of delivering inspiration, we will present a selection of dark… read more

BREAKING: AT&T and Others Announcing Rival to Apple App Store

Twelve of the world’s biggest phone networks – including AT&T, Orange and Telefonica – will announce their rival technology tomorrow to Apple’s App Store. The combined audience for the app platform will be 2 billion customers. Phone manufacturers Samsung, LG and Sony Ericsson are also part of the… read more

Ready to launch? Make sure with these tips

All of a sudden the site you have been working on for months is approved and the client wants it live. However, things can still go horribly wrong if you are not prepared. read more

Making a Sleek Feed Widget With YQL, jQuery & CSS3

Making a Sleek Feed Widget With YQL, jQuery & CSS3

read more

The Definitive Guide To Styling Web Links

Hyperlinks (or links) connect Web pages. They are what make the Web work, enabling us to travel from one page to the next at the click of a button. As Web Standardistas put it, “without hypertext links the Web wouldn’t be the Web, it would simply be a collection of… read more

Best of the Week #106

It’s time for our best news of this week, the first one of 2010. We have a lot of graphic and web design, a bit of architecture, ads, tech news, awesome reads and other crazy stuff! So take a look at the links we’ve selected for your inspiration and to… read more

15 Essential Tools for Windows Based Web Developers

I’ve drawn up a list of the essential Windows based tools that perform a range of functions, from writing and editing code to checking for errors, running local servers to testing speeds, but all will make you and your web sites more efficient. read more

Sites of the Week #89

For this Sites of the Week we have selected some great sites such as Kodu and Glitch. Also we’re featuring the new site for the Future of Web Design, by Carsonified and much, much more! As usual we would love to hear from you, keep sending your suggestions to us… read more

Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

read more

Mutiple column lists using one

A way of creating multiple column lists by using just one unordered list. read more

Animate Panning Slideshow with jQuery

Build a slideshow that smoothly scans across a larger image. read more

What Does “Support” Mean?

In the past, people have taken “support” to mean “everybody gets the same thing.” Support does not mean that everybody gets the same thing. read more

The Life, Times (and Death?) of Internet Explorer 6 (Comic Strip)

In recent years Internet Explorer 6 has become the browser web designers love to hate. Security issues, JavaScript errors and inexplicable CSS rendering quirks have made it the brunt of many jokes. With IE6 in its twilight and big companies like Google dropping support, it seems like a good time… read more

The Even Background under the Text

One of web-design fashionable trends of last years is designing the heading with contrast background. In this article we will show how to solve this task with CSS. read more

Using a Pre-Launch Checklist for your Website

More Than One Week Before Launch
Site-wide

Notes
Task
Completed by
Date
Comments

Check the home page, contact page, and any pages with different templates. Update browsers and versions as necessary. Checking each browser on every platform is a separate task because not… read more

A Better jQuery In-Field Label Plugin

This article looks at different methods for adding in-field labels, and concludes by editing an existing plugin to address some accessibility concerns. read more

20 Great Project Management Tools

Project Management Tools can help us organize and manage project especially for team members that located at different locations. read more

7 wonderful Analog and Digital clocks using CSS and Javascript

7 wonderful Analog and Digital clocks using CSS and Javascript

read more

14 Fantastic Free WordPress Themes

This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace’s hosting solutions here.

Whether you’re a web developer whose clients need a great look and feel for their blogs, or just someone eager to bring a fresh new look to your own web site, there… read more

Developing Sites With AJAX: Design Challenges and Common Issues

Almost every movie has a scene in which a character pull the protagonist aside and says, “There’s something you should know about [insert another character's name here].” Most of the time, we find out some dark secret about a supposed friend of the protagonist or that the main ally is… read more

Qatar Convention Center, a ‘Crazy’ & ‘Green’ Building

The building will be open only in 2011 but the project of the Qatar Convention Center already deserve being featured here. The organic shapes and structural solutions explore limits of imagination and transform a simple convention center in a master piece, a landmark of the Education City.

<!–break–>

The QNCC is a… read more

Qatar Convention Center, a ‘Crazy’ & ‘Green’ Building

The building will be open only in 2011 but the project of the Qatar Convention Center already deserve being featured here. The organic shapes and structural solutions explore limits of imagination and transform a simple convention center in a master piece, a landmark of the Education City.

<!–break–>

The QNCC is a… read more

How iPad Affects the Way we Design Websites?

The iPad is here and sooner or later we need to learn to design the web keeping it in our minds. So what are the things we need to consider? read more

Defining a Multivariate Test: Getting Started with Multivariate Testing

Multivariate testing is becoming more popular amongst the web design and development community, and rightfully so. Take a look and see how the smallest changes can produce the biggest results. read more

Mobile Web Design: Tips and Best Practices

Last year, more than 63 million people in the United States accessed the Internet from a mobile device. It’s forecast that by 2013 there will be more than 1.7 billion mobile Internet users worldwide. With those kinds of numbers, it’s imperative that web designers and developers learn optimal development and… read more

Applying Mathematics To Web Design

“Mathematics is beautiful.” This may sound absurd to people who wince at numbers and equations. But some of the most beautiful things in nature and our universe exhibit mathematical properties, from the smallest seashell to the biggest whirlpool galaxies. In fact, one of the greatest ancient philosophers, Aristotle, said: “The… read more

Code a Corporate Website from a Photoshop Design: PSD to HTML Tutorial

Last week we published a tutorial for designing a basic corporate website layout in Photoshop, and in this tutorial we will walk through the process of coding that design in HTML and CSS. Here is a look at the design that we will be coding (click the… read more

Bring your websites alive: From Boring to Exciting!

Some have a passion for web design; others consider it a mere task! This article is for those who consider web design more than just a task, in fact, it is …. read more

10 Brilliant CSS3 and jQuery Examples

This post is all about CSS3 and Javascript. With all the new features that come with CSS3, there are whole lot of animation possibilities that can’t be achieve before. So, Check this out and get inspired. read more

This Weeks Twitter Design News Roundup N.23

This is our weekly Twitter Design News Round-Up, a collection of fresh design related resources that we have shared via Twitter in the past week.
Just in case you are not one of our Twitter followers, click here: twitter.com/speckyboy.
As always, if you have any cool links that you would… read more

13 Useful JavaScript Solutions for Charts and Graphs

Graphs and charts are used to simplify complex data and make it easy to read and understand. So it really wouldn’t make sense if it was difficult to integrate a graph into a website. Thanks to Javascript and a bunch of talented developers, we have at our disposal solutions for… read more

Expandable Drop Down Ticker

A one of a kind jQuery ticker script that can be viewed both sequentially and simultaneously, via drop down menu. The ticker’s contents can be defined either inline on the page, or inside an external file on the same server and fetched via Ajax. read more

Top 15 Jquery CSS Animated Navigation Tutorials

Top 15 Jquery CSS Animated Navigation Tutorials

read more

We’re Ready for CSS3, but are we Ready for CSS3?

We’re all smitten with CSS3. It’s reinvigorated that sense of newness that CSS and Web Standards brought our way just a few years ago. We’re able to more easily replicate the set of design standards that has become nearly universal much faster than before with just a few CSS declarations…. read more

How nth-child Works

How nth-child Works

read more

100+ Resources for WordPress Theme Developers

One of the great things about working with WordPress and developing your own themes is the community and all of the resources that are available. If you’re not sure how to do something or looking to see what solutions other theme designers and developers are using, you… read more

60 Excellent Gadget Photoshop and Illustrator Tutorials

Designing your own (or redesigning existing) gadgets such as MP3 Players, Game Consoles and Computers is an incredible way to improve your general skills in Adobe Photoshop and Illustrator (or any other design-related software package for that matter). You’re bound to pick up new skills every time, even if you’re… read more

Choosing The Best CSS Framework: A Complete Guide

There are plenty of reasons to use a CSS Framework to build your websites. They can speed up development, make your sites more aesthetically pleasing, and they can help eliminate all those nasty cross-browser compatibility issues. read more

15 jQuery Plugins for Better Web Page Element Layouts

CSS does a pretty darn good job of helping to lay out a web page… but not always. Even with all the versatility that CSS offers (including CSS3), it sometimes is not enough and, dare I say it, I really hate to say it – HTML tables are on [very… read more

JavaScript WYSIWYG Editor � TinyEditor

TinyEditor is a simple JavaScript WYSIWYG editor that is both lightweight (8KB) and standalone. It can easily be customized to integrate with any website through CSS and the multitude of parameters. read more

Making a Photoshoot Effect With jQuery & CSS

Making a Photoshoot Effect With jQuery & CSS

read more

SimpleFolio: A Free Clean Portfolio WordPress Theme

Today we are glad to release a beautiful, simple and clean portfolio WordPress theme — SimpleFolio, designed by Omar E. Corrales and released for Smashing Magazine and its readers. SimpleFolio is a portfolio theme that includes a blog and a very extensive option page, that allows you to exclude all… read more

Anatomy of The Perfect Sidebar

The sidebar is an important element of every blog. In a standard two-columns layout it’s placed to the right of the main section and includes information and links related to the content of blog posts.
A well organized sidebar should include some important items, such as subscription options, advertisements, recent… read more

CSS3 Techniques You Should Know

CSS3 Techniques You Should Know

read more

Best of the Week #105

It’s time for our best news of this week, the first one of 2010. We have a lot of graphic and web design, a bit of architecture, ads, tech news, awesome reads and other crazy stuff! So take a look at the links we’ve selected for your inspiration and to… read more

CSS3 Click Chart

A chart-style page displaying and describing some popular CSS3 features.

read more

The Creative Examples Of Colorful Splash Pages

You may have often noticed some splash pages that appear to welcome you to certain website and then never appear again. These pages are called Website Splash Pages which are not being used frequently. Some of these splash pages are bright and creative, some are dark yet appealing, and some… read more

50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has… read more

Sites of the Week #88

For this Sites of the Week we have selected some great sites such as Jilion and Philadelphia Official Visitor Site. Also we’re featuring the new Aiga Design Archives, and much, much more! As usual we would love to hear from you, keep sending your suggestions to us and we will… read more

Hire the Best of Web Designers, By Design – Guest Post

Usually I am sitting on the designers side of the fence, where the web design processes are clear and defined. And maybe sometimes I do sneer at the client who has never even heard of what HTML or CSS is, never mind what good design is. So, when the opportunity… read more

The Art And Science Of The Email Signature

Email signatures are so easy to do well, that it’s really a shame how often they’re done poorly. Many people want their signature to reflect their personality, provide pertinent information and more, but they can easily go overboard. Why are email signatures important? They may be boring and the last item on… read more

CSS text-indent: An Excellent Trick To Style Your HTML Form

A simple but great trick to style your HTML Form input using CSS text-indent property. read more

CSS Animation: Rotating a Coke Can

It doesn’t even use any CSS3, just good ol’ CSS2.
Really interesting proof-of-concept from the same guy who brought us CSS Paper Bird and CSS 3D Meninas.

Read more at ajaxian.com →

read more

How to Grow as a Web Designer

The field of web design is constantly changing and growing.

Getting in a rut is often the result of not staying up to date with the latest trends and technologies in the industry. Even if we do stay up to date, many of us at one time or another… read more

11 Outstanding Online Resources for Web Developers

This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace’s hosting solutions here.

If you’re a web developer, you’re almost certainly constantly looking for ways to improve your skills, expand your technology arsenal, and keep on top of the latest trends in development and design…. read more

5 Great Free Tools For Your Invoicing Needs

Sending invoices and quotes to multiple clients is an everyday task in the life of a web designer. Paid tools are expensive, but have a look on free apps available here! read more

Don’t Touch That Dial — Lessons Web Designers Can Learn From Television Broadcasts

Each year, the battle for television ratings begins. Networks unveil their latest creations, jockeying for position in the ratings race, doing everything and anything within their means to gain and keep as many viewers as possible. Months, sometimes years of planning, preparation, marketing, shooting, and editing are laid bare on… read more

FeedCount-Like Google Analytics Counter (PHP & jQuery)

A tutorial on creating a dynamic FeedCount-like interface that can display your website’s statistics like pageviews, visits, etc. (one or all of them) using PHP. read more

10 jQuery Plugins for Easier Google Map Installation

At first glance the Google Map API may seem scary, I mean, were do you possibly start? You probably only want to display a simple map that displays directions to your clients address, you don’t really want an all singing and dancing interactive map with more options than necessary. There… read more

Wonderful Ateliers at City of Arts

Today our architecture inspiration comes from Cordoba, Argentina. It’s a campus with ateliers to several art classes, such as painting, sculpture, photography and music. I can say that the mix of colors and the vibrant forms are amazing, and I can imagine how all this architecture can influence each one… read more

10 Stunning Examples of jQuery Animations

jQuery can pretty much do anything you can think of. If you are interested in using jQuery for animated effects, here are 10 Stunning Examples of jQuery Animation to get you on your way. read more

Pure CSS3 Animated AT-AT Walker from Star Wars

As a huge Star Wars fan I couldn’t resist not to publish this CSS3 trick. read more

Convert your site to a friendly mobile viewer

Tips on how to create a mobile version of your site. read more

85+ Excellent Resources And Tutorials Especially For Designers To Discover The Best Of The Web In January

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list… read more

Google-Style Element Fading Using MooTools or jQuery

Google recently introduced an interesting effect to their homepage: the top left and top right navigation items don’t display until you move your mouse or leave the search term box. read more

The Informer Volume 1

Design Informer is 3 Months Old
Incredible Growth in Just a Few Months

I have been an avid follower of blogs such as Smashing Magazine and Web Designer Depot for a long time. A little over 3 months ago, I decided that it was time that I also gave back to the… read more

30 examples of creative infography

The following examples take information architecture to another level by making it beautiful. read more

20 Years of Adobe Photoshop

Photoshop has been a part of every web designer’s life since they picked up their first mouse.

On February 10th, 2010, Photoshop turns twenty. To mark this anniversary, we’ve come up with an article that takes you through the evolution of Photoshop from its modest beginnings as a… read more

Pure CSS Tab Menu on Webkit-based Browser

Pure CSS Tab Menu on Webkit-based Browser

read more

Multiple Backgrounds and CSS Gradients

CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms.

Two such features that I have been having the pleasure of enjoying… read more

Creative Bookmarks: Best of January 2010

Happy belated new year Creative Bookmarkers! We’re well on our way into twenty-ten, and have a handful of outstanding resources to share from January.

Quick Nav:

Photoshop TutorialsIllustrator TutorialsWeb/Blogging TutorialsFreebies, Inspiration, & ResourcesPhotoshop TutorialsCreate a Clean Blue Portfolio Design in Photoshop

There are a couple of nice photoshop layout tutorials from around the… read more

An Explosion of Adobe Fireworks Resources

An often overlooked member of the Adobe Creative Suite is Adobe Fireworks. This application software can be used to create vectors, design application interfaces, digital artwork, and create rapid prototypes of websites. Adobe Fireworks can also generate PDF’s, export CSS based layouts, and a variety of other features. However,… 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… read more

Top Articles On The Web Design Billboard In January’10

A perfect layout, A Good Design and Nice Resource can produce a creative output. Layout, textures, typography and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs. Professionalism is built upon knowledge and experience. However, When it comes… read more

The Abduzeetles Rockband Website in Fireworks

What’s up guys, this tutorial is a kind of special for me, since I saw for the first time this site I was amazed with the colors, the shapes and the real life that it appears to be. I’m talking about The Beatles Rockband’s website, it’s simply wonderful. And thinking… read more

iPhone CSS—tips for building iPhone websites

With the rapid rise in mobile browsers, it has probably never been more important to ensure your sites can be handled on these platforms. By far one of the most popular such browsers is Mobile Safari on the iPhone—this is one of the easiest browsers to develop for: it runs… read more

25 UI Inspiration and Design Pattern Resources

Are your fresh design ideas no longer fresh or are you a designer who continually re-uses the same old and trusted design patterns that have followed you for many a year? Or, you might just be a UI designer that is stuck in a rut? If you are looking to… read more

Pure CSS Coke Can

I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image).

Read more at www.romancortes.com →

read more