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 on the go, you may sometimes find the need to test some code, fix an error, or manage remote files when you’re away from your desktop…. read more
This post has been a long time coming. Whether on Twitter or in the blogosphere, the question often arises, and I have been asked numerous times for my opinion on the ExpressionEngine vs. WordPress debate, and why one would choose one content management system (CMS) over the… read more
There are two ways you can go when designing a 404 page for your website – you could go the sensible route and make it usable and try to help the reader find exactly what they were looking for or, you could design a 404 page that not only defines… read more
An idea that shortens the process of getting usable, cross-browser consistent default CSS style. read more
CSS @font-face generator by @fontsquirrel could play a huge role in spreading webfonts love. – via @zeldman
Read more at www.fontsquirrel.com →
Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more.
<!–break–>
Make sure to click on each… read more
If there is something that can bring value for a project even before it’s done I can say that are the renders. It’s a way to show to the client how it will be the final result or at least show him something near to the real thing. I love… read more
To find a career to which you are adapted by nature, and then to work hard at it, is about as near to a formula for success and happiness as the world provides.
One of the fortunate aspects of this formula is that, granted the right career has been… read more
A CSS3 only solution for what is a typical JavaScript thing. Clever use of :target pseudo class. read more
An easy-to-read reminder of web typography with some rules and tips. read more
<p also remembered a tip from my friend Guillermo Esteves (who did the awesome Star Wars crawl using only HTML and CSS), about using Dropbox to start torrents remotely. Guillermo provides some detailed instructions for Transmission and µTorrent to set them up to "watch" a folder for new .torrent files,… read more
My journey into Dojo javascript has been exciting and I’m continuing to learn more as I port MooTools scripts to Dojo. My latest experiment is porting a simple new scroller from MooTools to Dojo. read more
You can edit the underlined values in this css file, but don’t worry about making sure the corresponding values match, that’s all done automagically for you. Whenever you want, you can copy the whole or part of this page and paste it into your own stylesheet.
Read more at css3please.com →
It’s been a while since I’ve posted some legit content. I have been very busy lately with work, freelance, running BoomSkins, etc. Recently I just finished my first iPhone specific website. It was created in an incredibly short time (less than a week) and generated it’s first sale within 15… read more
It is essential today for a web designer to know about CSS3 and there are many tutorials and resources for the CSS3. Below i’ve listed 25 Useful CSS3 Techniques and Tutorials to get you started with CSS3, hope you find this collection useful read more
Today we presents collection of best Wordpress plugins for February 2010. read more
A chart or a graph is a visual representation of data, in which “the data are represented by symbols, such as bars, lines, or slices”. These symbols can represent tabular numeric data, functions or some kinds of qualitative structures. For one reason or another, a lot of freelancers use Charts… read more
This post is an excerpt from my eBook, The Blog Business Funnel. It teaches freelancers how to run a profitable freelance business, fed entirely by a healthy and thriving blog. This excerpt is from Chapter 7: Scaling Up. FreelanceSwitch readers can claim a special discount at the end of this… read more
This article with the title 30 amazing css ajax form will explain the various techniques, tutorials, examples relating to the form. read more
Want to stand out? Buy a unique T-shirt! In this article you are going to�find a lot of cool and creative t shirt designs from talanted artists. read more
jQuery has made our life easier to achieve great result. It’s time to show you something cool. Check out the these websites, they all are using pretty amazing animation and intensive javascript effects! read more
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, and you’ll be kept up to date with loads of design news… read more
Learn how to create a very nifty looking dynamic shadow with a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base. read more
In today’s article I’m going to take a look at 5 pseudo-classes that will simplify our design process and reduces a lot of time to create a certain visual effects. You will also find demonstration below each point. read more
You have here in this article a number of 65 interesting Wordpress hacks or articles that will teach you in detail how to edit your WP theme like a Wordpress rockstar. read more
Even though CSS3 is still in the development stages, it is the new craze that many web developers are excited about. CSS3 is something that will take web… read more
When you think of “tabs”, your mind might go right to JavaScript. Watch for a click on a tab, hide all the panels, show the one corresponding to tab just clicked on. All major JavaScript libraries tackle tabs in some way. But there is a way to accomplish this same… read more
In recent years the quality of non-profit websites has improved dramatically. Fortunately, a growing number of organizations are recognizing the need for a quality website and the opportunities that it presents. In this post we’ll showcase 25 well-designed sites of non-profit organizations. If you enjoy this collection please see the… read more
With numerous lightbox scripts I have used so far, I often found myself spending much more time in setting up things then I wanted. On almost all of them you first need to mark up your thumbnail gallery, then paste some images, then paste some CSS, then initiate JavaScript… read more
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.
Read more at nicolasgallagher.com →
Margins and padding are some of the most widely used styles in CSS, but are often the source of frustration in cross-browser compatibility. read more
The best firefox addons for every day use which help you in getting your work done easily. read more
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
As you already seen in our previous posts about slideshow presentation designs that representing the key information in slideshow presentation is a hot trend now days. There are many reasons to use a slideshow or image slider in your web designs as the key to smart strategic web design is… read more
For this Sites of the Week we have selected some great sites such as FWA and Cog’aoke. Also we’re featuring a wonderful Wordpress Theme called Simplify Business and much, much more! As usual we would love to hear from you, keep sending your suggestions to us and we will be… read more
When CNN recently redesigned their website, they created a strongly-branded and beautiful header section that includes a navigation bar with beveled buttons. Although CNN’s navigation bar utilizes CSS sprites for highlighted and active buttons, the primary design of the buttons (the beveled effect) is done with pure CSS.
Read more at… read more
The ultimate collection of website creation resources to help you build a site, blog or wiki for free. read more
There are things that you should (and shouldn’t) be doing during your website design process. Regardless of the size of each item on the list, the impact of each item is equally huge when you look at the bigger picture. read more
Best WordPress plugins to help you in administration of your WordPress blog. read more
This plugin for WordPress adds an automatic and dynamic “To Top” button to easily scroll long pages back to the top. read more
Since the introduction of the App Store in 2008, a new mobile gaming juggernaut has emerged, seemingly out of nowhere — the iPhone/iPod touch. With the forthcoming launch of the iPad, whose larger screen and more powerful CPU could make it a gaming powerhouse, it means there are now three… read more
Consumer electronics juggernaut Sony is apparently stepping up to the plate to tackle Apple’s iPhone (and soon iPad) pantheon with a PlayStation Portable Phone, sources tell The Wall Street Journal.
If you haven’t been following the vicissitudes of the mobile rumor mill for as long as we have, you might… read more
As a freelancer or independent designer, the most valuable asset you have is your own time. Your ability to earn a living relies upon your own time management, which will allow you to perform income-generating services for clients. With effective time management you may be able to earn… read more
This housing complex in Rennes, France, was a project idealized by Edmond Herve, Rennes’ mayor from 1977 until 2008. Last year, 2009, the project was finally conceived by Atelier du Pont Architects as an example of modern and social architecture.
<!–break–>
The Lucien Rose complex was built keeping the historic and the… read more
While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone.
Read more at kilianvalkhof.com →
Image Power Zoomer gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. read more
Although Joomla is a powerful CMS, but it is not ready for search engine optimization. So, we need these Joomla SEO Extensions to help us tweak our websites so that it ranks higher and beat the competition. read more
This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace’s hosting solutions here.
We searched forums, blogs, and Twitter to find out which Firefox add-ons are most popular with web developers, and we came up with this top 10 list.
Every plug-in on the list… read more
Today we presents collection of jQuery plugins for working with Twitter. read more
Navigation is a critical element to any website. Mega menus are a current trend that take drop down menus a step further in attempt to make it easier for visitors to navigate through a large site.
In this post we’ll showcase 25 examples of mega menus in use. For more, see… read more
Recently, the notion of killing the design community has come up on a few blogs (sometimes indirectly), creating many intense conversations on the direction the design community has taken over the past couple of years, and what can be done about it.
The possibility that such discussions… read more
Buttons don’t behave like normal elements when it comes to the CSS Box Model: they break the box model in all modern browsers! read more
Having your own reusable framework is a great way to save time and provide a basis for your next website. read more
Huge design related article where you can find the most interesting and popular designers&bloggers, who are regular tweeters. Build good twitter profile with great friends! read more
When developing websites, you have to care about different browsers, as well as mobile devices such as iPhones or iPods. read more
The flexible box model has the potential to change the way we design our websites. read more
The Internet is filled with useful resources for business owners and especially for web designers and developers. From free icon sets to CSS templates, and from web design inspiration to stock images, websites like these have everything one may need. There are a number of tools, useful pieces of advice,… read more
While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone. read more
App Store is a competitive environment. Against more than 140,000 apps, all screaming for attention, how do you make sure your app gets its time in the spotlight? What does it take to get good media coverage? How do you get people to talk about your app—and, ideally, how do… read more
There are a lot of useful tools for web designers and developers, they do tend to come and go and it usually depends on personal preference whether or not any tool is used. There is only one tool that has lasted the test of time and is not only universally… read more
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
A little experiment I built: a word clock using CSS3 transforms and a little Javascript to run the actual clock. Useful? Maybe not. Fun? Definitely.
Read more at dtott.com →
WebKit browsers paved the way with CSS based gradients. Now Firefox 3.6 is out and is supporting them as well, which makes using them for progressive enhancement all the more appealing. More good news, CSS3 gradients fall into the camp where you can specify fallbacks (i.e. images) so that browsers… read more
A few weeks ago we published a tutorial How to Design a Blue Marketing Company Layout in Photoshop. Our friends at SnobbySlice have taken that design, coded it, and made it available for free download. The template includes the homepage design that was created for the tutorial, as well as… read more
The market for freelance web design is huge. Being able to design a beautiful site in Photoshop is one thing. Programming a website is a whole other story.
So when clients come knocking at your door asking for web design services, what do you, the non-programmer but rockstar designer,… read more
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
Every blogger is aware of the importance of backup, which lets your overcome the unwanted situation of data loss. So, here is a list of Five useful backup plugins for your Wordpress blog. read more
Using some rich CSS3 and progressive enhancement, you can really start pushing the display and presentation of these normally boring documents to the next level. They are also an ideal way in which to demonstrate the power and ability of progressive enhancement.
Read more at csswizardry.com →
Regarding the previous link CSS Border Radius Harry Roberts points out that it is quicker to use the shorthand instead of multiple lines. Interestingly though the -webkit- shorthand property works in Chrome but not Safari? Read Harry’s post for more details.
Read more at csswizardry.com →
Ever find yourself struggling to remember the correct border-radius syntax? We certainly do, as, it would appear, do others (Mr Clarke included). Jacob Bijani, Creative Director at Tumblr, has the answer to your problems: CSS Border Radius. (Via Web Standardistas)
Read more at border-radius.com →
The topic of whether a web designer should code or not keeps on resurfacing in the web design community. Here’s some food for thought on the debate. read more
This is my weekly Twitter Design News Round-Up, a collection of fresh design related resources that I have shared via Twitter in the past week.
Just in case you are not one of my Twitter followers, click here: twitter.com/speckyboy, and you’ll be kept up to date with loads of design news… read more
Polls are one of the best way to collect your visitors opinion. These useful Wordpress plugins let you create your own polls and ratings system in no time. read more
An excellent article by Inayaili de Leon for Smashing Magazine. There were a lot of new things that I learned in this article about web typography and CSS. You definitely need to read through this article. I guarantee, there will be little bits and tips that you will learn.
Related posts:Typography… read more
Getting Buggy CSS Selectors to Work Cross-Browser via jQuery
As the first thing visitors see, home pages and headers often steal the design spotlight.
But above-the-fold thinking neglects the natural flow of vertical page layout. What happens when people reach the end of a page?
You can bet that a simple copyright statement won’t hold visitors’ attention, but many pages are… read more
Drop caps are a nice typographic detail that look great on many websites and the :first-letter pseudo-element is a great way of creating these. In this post, I explain some basic styles using :first-letter for drop caps and I show some drop cap examples. Where it gets more interesting is… read more
In the past we’ve tinkered with link nudging with MooTools and link nudging with jQuery. In an effort to familiarize myself with other javascript frameworks, we’re going to try to duplicate that effect with another awesome framework: Dojo. read more
Create a flexible monochromatic page layout using only a single background color and RGBa transparency. read more
February was a great month full of awesome tutorials, interesting articles and interviews, and stunning showcases for inspiration.
Quick Nav:
Photoshop TutorialsIllustrator TutorialsWeb/Blogging TutorialsFreebies, Inspiration, & ResourcesPhotoshop TutorialsSuper Easy Typographic Portrait in Photoshop
This tutorial, from Abduzeedo, will show you how to use the Displace filter and some Blend Modes to a great… read more
Quix has come up with a way to make them even better. It calls itself “Your Bookmarklets, On Steroids” and it’s hard to argue with that description. Imagine all of your bookmarklets together in one, and being able to come up with shortcuts to trigger each one.
The interface… read more
This studio we’ll show you today is from Oklahoma, USA, more specifically in Tulsa, a small city that has the honor to have the headquarters of a creative mind group, this is the Creative State.
<!–break–>
The office is basically a big saloon with a meeting and conferences room placed in the… read more
By Callum Chapman
In this ultimate collection, we bring you a massive selection of great Web design tutorials from all over the design community. All of the tutorials use Photoshop for the main application. By the end, you should have a pretty good idea of where and how to start designing… read more
There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever… read more
Keeping up with the new jQuery plugin releases and developments sometimes feels like a full-time job! Every other day something new and better crops up that catches the eye and you think yourself “Wow, that looks good, I could use that!“.
For this post I have collected 25 of the best… read more
CSS3 has brought some amazing new features. And the most fun is playing with the CSS animation. Here is a compilation of 50 CSS3 animation that allows you to perform many motion-based functions normally Delegated to JavaScript. read more
In most cases, jQuery can do better than Flash. We’ll round up some tutorials and jQuery plugins that are simply awesome. Each of these teaches how to get a desired Flash effect, but with jQuery instead. read more
Usually when you want a horizontal list, you need to use float in the CSS code to make it work, with all its drawbacks. However, there is an alternative with display: inline-block. read more
Simple yet effective PHP script for displaying your subscriber count. read more
Very useful list of questions you should ask your every new client. read more
I will share some of my experiences of seeing basic visual web design mistakes which makes me leave those websites forever. read more
Photos Out of Bounds – Photoshop Effects
30 Examples Of CSS Text Shadows Out In The Wild
10 shocking animations using CSS and I mean only CSS
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
Overview of the most common table UI design patterns with examples, useful readings and tools for implementation read more
Photofont WebReady is a revolutionary technology for website typography. Fontlab’s Photofont WebReady can be called a font converter meant for Windows and Mac OS X systems, which can help you customize the fonts on a web page. Since the main technology lies in the conversion of texts into Flash objects,… read more