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
Getting Buggy CSS Selectors to Work Cross-Browser via jQuery
10 jQuery Transition Effects: Moving Elements with Style
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
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
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
How To Get Digg, Delicious and Tweet Counts Using jQuery
Over the years designers have pushed themselves to create unique and inspiring designs. Companies have yearned to have websites which are innovative and make them stand out against their competitors. Yet charity websites have not progressed along with trends and expectations — they seem to have been designed for launch… read more
In this tutorial, we will learn how to create a thumbnail image tooltip with jQuery. It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it’s a useful script for your website. read more
In this article we presents collection of best jQuery plugins for February 2010. read more
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… read more
A couple of days ago our follower count crossed over the 10,000 mark – which is simply awesome! A little flattering, but awesome all the same. Thanks to everyone that follows us.
Anyway this is our weekly Twitter Design News Round-Up, a collection of fresh design related resources that I have… read more
This is a variation on the popular JavaScript/jQuery content sliders/switchers. This example switches content with JavaScript disabled. read more
A jQuery tutorial which helps you create your own jQuery Plugin. Learning jQuery with a fun and easy way to generate a bubble effect for your menu list and we’re going to call it BubbleUP. read more
It’s a brand new week, which means it’s time for Mashable’s guide to upcoming social media and web events, parties, and conferences. For more upcoming event listings, check out Mashable’s Events section.
Is your event not on this list? Contact us at least one month before your event and let’s… read more
Using JavaScript has become increasingly easy over the last few years. Whereas back in the day we needed to know the quirks of every browser, now many libraries such as jQuery, YUI, Dojo and MooTools allow someone who doesn’t even know JavaScript to spruce up boring HTML documents with impressive… read more
A few weeks ago we published a collection of jQuery plugins for working with forms. While those plugins can be very useful, there may be times where you would rather learn how to code the solution yourself rather than simply using a plugin. There are a number of quality tutorials… read more
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… read more
WordPress and jQuery can work effectively if implemented correctly. It can enhance your blogs functionality and usability. In this post we will look at some wordpress-jQuery troubleshooting tips, techniques and also how to add tabs to your sidebar. read more
Out of the box WordPress is a highly versatile, powerful and feature rich CMS. Add to that, the seemingly endless professionally developed themes and there huge library of powerful plugins and you now have the potential to build anything you could ever possibly conceive without limitation…. Or are… read more
By Angel Wardriver
jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and graphs can enhance functionality for the wide range of users. Let’s take a look at 35 powerful and effective jQuery plugins and techniques… read more
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.
This is where we come in…. read more
Today we’ll be going through the process of designing a website for a fictitious marketing company, step-by-step. The design uses a blue color scheme and is intended to put the emphasis on services offered and what the company can do for its clients. Our friends at SnobbySlice… 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.
As always, if you have any cool links that you would… read more
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
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
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
Embed your buzz stream into a website yourself by pulling your Google Buzz using jQuery. read more
SlideDeck is a new way to display content on websites, mobile phones and kiosks. It delivers a better user experience by removing the information overload and providing a fun, quick and beautiful way to interact with digital devices.
Use SlideDeck For:
Product Tours
Service Descriptions
Explaining Complex Processes
How-To Tutorials
Feature Rich Slide Shows
Landing Pages
SlideDeck is… read more
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
It’s a brand new week, which means it’s time for Mashable’s guide to upcoming social media and web events, parties, and conferences. For more upcoming event listings, check out Mashable’s Events section.
Is your event not on this list? Contact us at least one month before your event and let’s establish… read more
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
Making a Sleek Feed Widget With YQL, jQuery & CSS3
30 Best jQuery plugins inspired from Twitter and Facebook
Fluid Navigation – How to create an informative menu-bar with jQuery & CSS
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
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
20 Cool jQuery Tricks for Web Developers
“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
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
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
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
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
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
Making a Photoshoot Effect With jQuery & CSS
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
How to Build a jQuery Brush Stroke Navigation
Though the methods used to gather website traffic statistics call into question the validity of the stats themselves, the fact is that some of your website’s visitors will have JavaScript disabled.
You could divide your traffic sources into four broad categories:
Search engines, mobile visitors, visitors… read more
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
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
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
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
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
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
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
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
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
AJAX-enabled Sticky Notes With PHP & jQuery
Today we presents the collection of best jQuery plugins for December 2009. 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.
As always, if you have any cool links that you would… read more
By Paul Andrew
As many of us know, the initial 15-20 seconds of a new user’s visit to a web site will have a large impact on whether on not they are going to like or dislike the site, prompting them to decide whether they will stay or go. This means… read more
Almost every website uses a form of some kind. Contact forms and other types of forms can be enhanced with the use of a number of jQuery plugins that are readily available. In this post we’ll feature 25 useful plugins that you may be able to use in your own… read more
Web site or blog is nothing without navigation. You should place good and user friendly navigation to making it easy for your visitors to get around fast on the most elemental elements of web design and development simply.
It is hard for most web developers to create a dynamic navigation solution… read more
Lets be honest, when you look at the volume of WP themes that are available, there is not really that much originality. They are basically they same theme re-hashed in a different style. That maybe fine for some, but not for me.
I look for all of those individual elements that… read more
75+ Top jQuery Plugins to improve Your HTML Forms
Despite any financial recession and economic stress, online purchasing continues to grow. Expansion of the market and evolving technology that simplifies our daily lives help to set the pace of e-commerce design. Customers want the shopping process to be quick and easy, and merchants want to increase sales by making… read more
Star rating using CSS Sprite and Jquery – With Demo
For this Sites of the Week we have selected some great sites such as the Digital Podge and IGN. Also we’re featuring a amazing flash site for Alice in Wonderland, and much, much more! As usual we would love to hear from you, keep sending your suggestions to us and… read more
By Louis Lazaris
The web form has been one of the most discussed elements in web design for more than ten years now. We can’t help it. Call-to-action functionality often leads users to a form; purchases are made using forms; users register or subscribe using forms — the uses for forms… read more
There are many many tutorials and plugins for the jQuery core, but not so many that focus on jQuery UI. jQuery UI has been criticized in the past for its lack of documentation and support, but times have changed. Accompanied by its content rich website, in-depth docs and, especially, support… read more
50+ jQuery Plugins for Form Enhancements
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
For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying… read more
Lightest jQuery content slider ever – 380 bytes
Transitions work by changing a style over a period of time between different element states. For example, the color value of the default state of an element will pass through intermediate colors in the spectrum before appearing as the color value for the hover state.
A Simple Transition
Let’s consider… read more
Web development can be tricky and time-consuming. To be more effective and productive, we, designers and developers, can integrate useful tools in our daily routine. Also, handy resources can be very valuable as they can help us enhance communication with clients and other developers as well as improve the quality… read more
There are numerous small improvements that you can perform to make things easier and obvious for the end user. In this article I will present a jQuery plugin built for that purpose. read more
Lets face it there is no enjoyment in writing a proposals. You became a web designer to build web sites, no one thought to mention anything about the processes you would have to follow to find new contracts and clients. Unfortunately, web design proposals are one of those essential processes… read more
It is a great honor for me to present you the new project that I was working on called Refilmagem. A site about movies that was planned to add in a same place all the information about movies premiers, upcoming and showtimes from our home town, Porto Alegre. The project… read more
In this post I have shared free jQuery and Ajax scripts to help our upcoming web developers. In this list includes – Rotating jQuery Tabs, Sliding Login Panel with jQuery, AJAX Loading Panel, Mysql Ajax Table Editor, jQuery youtube playlist plugin etc. read more
Larger clickable areas make for greater usability and a higher click-through rate. Here’s how to expand a clickable area to an entire list item using jQuery. read more
CSS and JavaScript are extremely powerful tools for designers and developers. Almost every day designers and developers come up with fresh and clever CSS tricks and techniques and share them with other developers. We regularly collect all these tricks, filter them, sort them, revise them and prepare them for Smashing… read more
I have gathered a few of javascript rating plugins that are built with jQuery, Mootool or prototype framework and a few of tutorials if you want to know how it works or implement it by yourself. 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.
As always, if you have any cool links that you would… read more
Advanced Event Timeline With PHP, CSS & jQuery
Every web designer and developer should have a good and reliable wireframe (mockup or prototype) tool at there disposal. The importance of such a tool differentiates amongst web designers and developers, some use them, some don’t. Personally, I use them. It is in this initial stage of development that makes… read more
2010 will be the years of consolidation of internet usage via mobile devices. According to internetnews.com, which reports a Gartner analysis, mobile device sales will rise (9%) in 2010. This scenario will impose to internet companies, online newspapers, bloggers, to provide mobile versions of their websites to simplify the fruition… read more
This post illustrates how to use jQuery getJSON() method to implement a simple Twitter and Flickr search. read more
For this months book giveaway we have jQuery 1.3 with PHP, written by Kae Verens.
jQuery 1.3 with PHP is for PHP application developers who want to improve their user interfaces through jQuery’s capabilities and responsiveness. Whether you are familiar with jQuery or have only dabbled a little with JavaScript,… read more
In this post I want to illustrate how to use jQuery getJSON() method to load JSON data using an HTTP GET request. I prepared two easy example to understand if you are a jQuery beginner. The first example is a simple Twitter search and the second one is a… read more
Website performance is a hugely important topic, so much so that the big companies of the Web are obsessed with it. For the Googles, Yahoos, Amazons and eBays, slow websites mean fewer users and less happy users and thus lost revenue and reputation.
In your case, annoying a few users wouldn’t… read more
I’ve been looking for some new plugins for an ongoing project, so I extended my research a bit to share these cool jQuery plugins with you. read more