Get Any Weather Information With jQuery: simpleWeather

simpleWeather is a jQuery plugin for fetching any weather-related data from Yahoo! Weather.

It makes use of the YQL API and can bring weather details of any location by mentioning their name (or zip code – US only).

Full post:  Get Any Weather Information With jQuery: simpleWeather

15 More Twitter Bootstrap Resources

Twitter Bootstrap now gaining popularity in web development area, because it providing many common usable user interface component, combining with nice simple themes, css framework and javascript element.

Full post: 15 More Twitter Bootstrap Resources 

10 Free WordPress Notification Bar Plugins

A sticky notification bar are very useful for getting visitor attention, whether it placed on the top or the bottom of your websites, with absolute position. For blogger it is useful for announcing a new deal, products, giveaways (like I used before), freebies, etc. When I searching the plugins for wordpress I found some alternative that can be used, with easy to use and free, but haven’t found the notification on the bottom yet, here they are

Full post: 10 Free WordPress Notification Bar Plugins 

An Interesting Concept for Modal Boxes and Popups

Avgrund.js is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page.

Full post: An Interesting Concept for Modal Boxes and Popups 

OpenKeyval – Instant & Web-Based Database For Any Project

Today, while many websites have a database for storing the content, settings, etc., many others are static and don't use anything to keep the data as they are hard-coded in HTML.

Full post: OpenKeyval – Instant & Web-Based Database For Any Project 

CSS Sprite Sheets: Best Practices, Tools and Helpful Applications

Using CSS sprites, instead of a collection of smaller individual images, will improve your web pages’ performance and keep things more organized. Let’s take a look at some best practices and some helpful tools for your sprite-making workflow.

Full post: CSS Sprite Sheets: Best Practices, Tools and Helpful Applications 

Quick Tip: Create a Shiny, Gold, Old World Text Effect in Photoshop

In this quick tip tutorial we will show you how to create a shiny, gold, old world text effect using layer styles in Photoshop. Let’s get started!

Full post: Quick Tip: Create a Shiny, Gold, Old World Text Effect in Photoshop 

Twitter Trends Widget for WordPress

In this tutorial we are going to create a WordPress widget that displays Twitter Trends by region. We will use Twitter’s Trends API and update trends after a specific time duration using WordPress’ Transients API.

Full post:  Twitter Trends Widget for WordPress

30 Beautiful Portfolio Websites

Having a beautiful portfolio website is essential for every designer and it’s the first step in getting the potential client’s attention and maybe business. Your website is a mirror of your designer skills, discipline and knowledge. That’s why as a designer your first major project is your portfolio website.

Full post: 30 Beautiful Portfolio Websites 

Quick Tip: Create a Sports-Themed Text Effect in Photoshop Using Layer Styles

In this quick tutorial we will show you how to create sports-themed text effect using layer styles in Photoshop. Let’s get started!

Full post: Quick Tip: Create a Sports-Themed Text Effect in Photoshop Using Layer Styles 

50+ Free PHP CMS You Might Never Heard Before

Today CMS (Content Management System) are dominated by wordpress, a blogging platform that can be transformed into almost any popular web application (online shop, community, portal, etc). Another popular cms that very popular since I diving in into web development area, are joomla and drupal. In this post I have looking some other cms for reference that I think still active in development at least untill this year, from simple cms untill full featured cms, and some of them looks very promising cause they already have community or backed by commercial company.

Full post: 50+ Free PHP CMS You Might Never Heard Before 

Useful High Quality Water Textures for Photoshop Users

High quality textures are very important for Photoshop users because they are frequently used when creating designs and artworks. The most important advantage of high quality textures is that they allow you to use them without distortion, especially if you use the Smart Object feature in Photoshop. This feature allows you to increase or decrease the size of the texture without losing quality.

Full post: Useful High Quality Water Textures for Photoshop Users 

13 Essential Firefox Add-ons To Enhance Your Browsing

Mozilla Firefox is one of the most popular and most widely used web browsers. It is especially popular among the web designers and developers because of the available add-ons that they can integrate with the Firefox in order to simplify their design and development work. So, we thought to compile some essential Firefox add-ons that every web designer needs.

Full post: 13 Essential Firefox Add-ons To Enhance Your Browsing 

How to create a Futuristic Flying Orb in Photoshop

Minimalism is closely related to futurism. Typical charesteristics are the color white, smooth surfaces, complex technology that looks sleek, LED lights and so on.

For those who played games such as Portal, or know the music video of Björk – All is full of love, wil know what I’m talking about.

Full post: How to create a Futuristic Flying Orb in Photoshop 

25+ High-Quality Free PSD Button Files

Adobe Photoshop is probably one of the most popular, useful and high-tech graphic design tools available. It’s probably one of the few software programs every designer should own. Having high-quality PSD files can help you save a lot of time in your design process. These files can be customized to fit your needs, thus saving you the trouble of designing them from scratch. PSD buttons are essential for a very large array of designs

Full post: 25+ High-Quality Free PSD Button Files

“Coming Soon” Pages: Be Successful or Die Trying

Thinking about building a website? Welcome to the club of "happy website owners" – where the headache of website creation haunts us day to day. Even if you have a team of professionals who promise to build a website in the shortest period, it could be several months before the complete website can go live. So, using a "Coming Soon" page is a good idea.

Full post: “Coming Soon” Pages: Be Successful or Die Trying 

Sticky Sidebar jQuery Plugin: StickyMojo.JS

StickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.

Full post: Sticky Sidebar jQuery Plugin: StickyMojo.JS 

Get Your Form On: Modern Web Forms Tutorials

This article is designed to show you (through tutorials) how to create and better understand CSS forms. With a proper understanding of each element (radio buttons, checkboxes, textareas ..), CSS know-how, a little patience and some creativity you can create beautiful and appealing forms.

Full post: Get Your Form On: Modern Web Forms Tutorials 

40 Creative Light Bulb Logo Designs

Light bulb logos signal new ideas and innovation and light bulbs are therefore popular elements in logo designs. A typical logo design is composed of two parts. One is the text and the other is the icon. Of the two, the text is more important because if carries the name of the brand. The icon on the other hand can be dispensed with as it is possible to make logos consisting only typography. The integration of icons however makes the whole design unique and catchy. Also, icons support the textual idea and visually suggest the activity or the line of business of the brand. The icons found in logos can be any object, whether abstract or accurate representative of the things they portray. Further, logo icons can be living creatures like birds or known symbols like e.g. moon logos.

Full post: 40 Creative Light Bulb Logo Designs 

35 Cleverly Designed Pencil Logo for your Inspiration

In case you have plans to operate a business on the internet then start thinking about your business logo so that you can obtain a larger market. This would be a big step for your company and you definitely will be able to boost brand recognition, which happens to be an important component for all businessman who are motivated to achieve success. By having a company logo, it will be easier to efficiently promote your company and prospects can quickly identify it. In today’s post, we are going to feature several examples of pencil logo which were creatively designed by logo artists from around the world. A pencil is an awesome tool for art that is why a lot of logo artists design a logo using pencil as a primary image.

Full post: 35 Cleverly Designed Pencil Logo for your Inspiration 

A New Collection of Illustrator Text Effect Tutorials

An attractive and impressive text has the potential to do wonders to your ordinary text. A text effect is able to enhance the appearance of a simple and dull written text and helps it to be a lot more influential and appealing. Adobe Illustrator is among the ideal programs meant for making strikingly captivating text effects. Text effects are very useful in creating ads and teasers as well as beautiful to look at in the headers of websites and other illustrations. In today’s post, we are going to showcase several Illustrator text effect tutorials that will show you how to make typographic artworks. These Illustrator text effect tutorials will also help you to improve your skills in Illustrator.

Full post: A New Collection of Illustrator Text Effect Tutorials 

jQuery Plugin for Producing Bold Responsive Headlines

SlabText is a jQuery plugin for producing big, bold and responsive headlines. Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space.

Full post: jQuery Plugin for Producing Bold Responsive Headlines 

Find Free PSD Files in These 33 Websites

PSD files are common popular files used by designer to create a design mockup or concept, whether for designing application user inteface, advertising concept, etc. These websites / blogs below have many collections of free psd files you can download for free, might help for your project or just for learning photoshop.

Full post: Find Free PSD Files in These 33 Websites 

Best Of Web And Design In August 2012

The end of the summer is a approaching. The nights begin to get darker and colder, the perfect time to spend some time doing some Photoshop and illustrator tutorials. This months round-up features a great collection of tutorials, alongside some awsome web related articles worth reading through. I hope you enjoy the monthly round-up, and would really appreciated if you left your thoughts in the comments section below.

Full post: Best Of Web And Design In August 2012 

42 Creative Dark Website Designs for Inspiration

Even though clean and minimal designs are in vogue, dark website designs still continue to have an enigma of their own. Used effectively, a dark website design can help you create a stunning visual impact, offering you more scope for moving away from orthodox design conventions and allowing you to be that little bit more innovative. Edgy, hip, strong and bold — the level of impact and mood that you can create using a dark website design can not br fully quantified with mere words.

Full post: 42 Creative Dark Website Designs for Inspiration 

30 Spectacular Examples of Fish Wallpaper

The easiest option to provide our computer desktop with some uniqueness is to replace our existing wallpaper with a more interesting one that reveals our favorite stuff. A desktop wallpaper is an image we see on the screen of our computer whenever we turn it on. It has the ability to help us in a delighted emotional wellbeing at all times. In today’s post, we are going to bring you several wallpapers which feature beautifully colored fishes from around the world – the fish wallpaper. Fishes that are swimming in deep blue ocean gives a calming feeling to anyone who sees it.

Full post: 30 Spectacular Examples of Fish Wallpaper 

20 of the Best Design Blogs for Freebies

Web and graphic designers are in the fortunate position of having a lot of quality free resources at their disposal. The huge number of blogs and websites in the industry and the massive audience of designers has led to a number of websites and blogs that distribute valuable resources for free.

Full post: 20 of the Best Design Blogs for Freebies 

15 More Responsive CSS Frameworks & Boilerplates Worth Considering

Following on from 15 Responsive CSS Frameworks Worth Considering, which we published last November, today we have 15 more for you to consider. All of the frameworks and boilerplates below have been built with strict compliance to standards and conventions and will, as you would expect from any CSS framework, save your precious time by eliminating the need to write any of the base CSS styles yourself and, more importantly, helping you solve any tricky responsive layout issues you may have.

Full post: 15 More Responsive CSS Frameworks & Boilerplates Worth Considering 

The WPLift Guide to Strengthening Login Security in WordPress

In a previous post on WordPress security best practices, we discussed ‘Security by obscurity’, which means that you should obscure the most commonly known paths to gain control of your website. For example, everyone knows that before WordPress 3.0 the default username was admin, and a lot of website owners didn’t bother to change it or delete it after the installation. This made it easier for hackers to guess username and then they only had to crack the password. Later on, WordPress implemented a new installation process which allowed users to choose a username for the first user. Still thousands of websites that were created before WordPress 3.0 has a user ‘admin’ with all control.

Full post: The WPLift Guide to Strengthening Login Security in WordPress 

Code Snippet: Keep Sidebar Elements in View When Scrolling

Whether it is a list of products you are promoting, published ads or other elements on the sidebar, you will likely want to have these elements in view at all times even when scrolling. By using JQuery, you can make this possible.


Full post: Code Snippet: Keep Sidebar Elements in View When Scrolling 

Let’s Make a Drawing Game with Node.js

By now you have probably heard of node.js. It is an asynchronous web server built ontop of Google’s V8 JavaScript engine (the same one that makes Chrome lighning fast). Using node, you can write scalable web services in JavaScript, that can handle a huge number of simultaneous connections, which makes it perfect as the backend of games, web chats and other real time tasks.

Full post: Let’s Make a Drawing Game with Node.js 

WordPress Filesystem API: the right way to operate with local files

The evolution of WordPress from a blogging platform into a fully-fledged CMS, simultaneously turns it into a solid framework for developers to build outstanding projects and applications upon.

Full post: WordPress Filesystem API: the right way to operate with local files 

30 Awesome Sets of Halftone Brushes

Brushes are among the popular tools in Adobe Photoshop. They are designed to accentuate digital scrapbook pages and other graphical designs. Brushes enable you to incorporate more detail, depth as well as individuality to your digital designs. Thus, they boost the emotional impact of the final layout. In today’s post, we provide you with a collection of brushes which are created mostly from dots of various dimensions – the halftone brushes. These halftone brushes make brilliant background patterns and are also ideal for incorporating an additional layer to other elements.

Full post: 30 Awesome Sets of Halftone Brushes 

A Collection of Free Headphone Icon

If most software creators and game developers utilized the same or standard icon then without a doubt, computers are uninteresting. The great thing is, this is not the scenario because a lot of us work tirelessly for uniqueness and ingenuity. In today’s post, we are going to provide you with a collection of headphone icon which you can download for free to personalize the look of your desktop and make it more interesting. A headphone icon is a graphic which is helpful for music-themed design projects.These icons can also be used as a replacement icon for your music applications and headphone icon on your taskbar.

Full post: A Collection of Free Headphone Icon 

40 Workstations for Your Inspiration

Most designers spend an incredible amount of time in their office on the computer. Because of this, it’s important to have a work area that is comfortable, enjoyable, and encourages creativity. The space doesn’t have to be large or extravagant, but it does need to allow you to do your best work for long periods of time.

Full post: 40 Workstations for Your Inspiration 

Practical Tips For Using LESS

Not that long ago we had a look at The Basics of LESS and, while this is a solid reference for beginners, there is a lot more you can do with LESS! The goal of this tutorial is to expand on the knowledge from the previous article and give you some practical tips on how to utilize all the great things about LESS.

Full post: Practical Tips For Using LESS 

Essential WordPress Plugins for Book Authors Building a Platform

If you are an author with a book to sell, then it doesn’t really matter if you’re a self-published Kindle Store cowboy or a long-established writer aligned with a century old publishing house – you’re probably going to need a website to help you build a platform in order market yourself and your work.

Full post: Essential WordPress Plugins for Book Authors Building a Platform 

Multiple Area Charts with D3.js

The D3.js website describes itself as “a JavaScript library for manipulating documents based on data.” It is but one of many in the ever growing list of visual data JavaScript libraries. D3 was created by Mike Bostock who was the lead developer on Protovis, which D3.js builds on.

Full post: Multiple Area Charts with D3.js 

Top 10 Typography Tools for Web Designers

Typography happens to be the key factor for web designing these days. It can be quite challenging and fascinating to work with typography. A plethora of tools have come up to let you build your own fonts and insert them into your designs, with ease. In this post, I`m going to introduce you some great typography tools, which will be very useful and quite time saving.

Full post: Top 10 Typography Tools for Web Designers 

10 Responsive Navigation Solutions and Tutorials

As responsive design rapidly increases in popularity, we felt we would take a look at some of the varied solutions and techniques that are being adopted for managing the navigation/menu on smaller screened devices.

Full post: 10 Responsive Navigation Solutions and Tutorials 

How to Use Google Alerts to Provide You with Blog Content

In an earlier article I wrote about the importance of blog planning to help make sure you are producing quality blog articles on a consistent basis. That article received a lot of quality comments, as well as, provoked some interesting social media discussions. That’s exactly what you want to happen with all of the articles that you produce.

Full post: How to Use Google Alerts to Provide You with Blog Content 

30+ Exceptional About Page Designs for Inspiration

Here's a collection of creative examples of About Us pages. An About Page should have informative information about you or your team and should be fun and easy to read. These About Us pages are all exceptionally designed and some even have a quirkiness about them.

Full post: 30+ Exceptional About Page Designs for Inspiration 

33 Minimalist Single Page Website/Portfolio Layouts

The movement of freelance design portfolios on the web has never seen more activity. Photographers and web designers alike are sporting flashy portfolio layouts focused on minimalism. Many of these designs are also one-page websites where all the content is located together on a single page.

Full post:  33 Minimalist Single Page Website/Portfolio Layouts

Full Screen Mode for Images & Videos in Web Apps

BigScreen is a simple library for using the JavaScript Full Screen API. BigScreen makes it easy to use full screen on your site or in your app.

Full post: Full Screen Mode for Images & Videos in Web Apps 

How To Design An Architect Template

Today, we are going to create together a whole website dedicated to professional architects. But, even you have already knowledge about graphics (Photoshop) and some originality, you can easy use this graphic for any type of other websites.

Full post: How To Design An Architect Template 

10 Ways Freelance Web Developers can Stand Out From the Crowd

With so many web development agencies and other freelancers around, it can be hard to differentiate yourself. But making yourself (and your work) stand out from the crowd is a huge bonus when you're looking for new clients. Aside from doing great work, there are a few things you can do to give yourself a leg-up against the competition.

Full post: 10 Ways Freelance Web Developers can Stand Out From the Crowd 

25 Abstract and Beautiful IPhone Wallpapers

The IPhone is becoming an increasingly popular accessory in our lives, and so of course we want an attractive wallpaper for it! I’ve compiled 25 abstract and beautiful wallpapers to improve your screens.

Full post: 25 Abstract and Beautiful IPhone Wallpapers 

50 Brilliant iPad Mobile App User Interface Designs

The iPad tablet device has grown wildly in a few short years and is certainly here to stay. Mobile app developers are constantly pushing for the next big idea to rack up popular listings in the iOS App Store. The best way to accomplish this is combining powerful programming techniques with simple intuitive user interfaces.

Full post: 50 Brilliant iPad Mobile App User Interface Designs 

Showing Big Background Video with BigVideo.js

BigVideo.js is a jQuery plugin for big background video and images. This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist.

Full post: Showing Big Background Video with BigVideo.js 

Towards A Retina Web

With the recent announcement and release of the Retina Macbook Pro, Apple has brought double-density screens to all of the product categories in its current lineup, significantly paving the way for the next wave of display standards. While the fourth-generation iPhone gave us a taste of the “non-Retina” Web in 2010, we had to wait for the third-generation iPad to fully realize how fuzzy and outdated our Web graphics and content images are.

Full post: Towards A Retina Web 

Auto-Cropping Images To Any Sizes Online With Cropp.me

Need to crop plenty of images? There are plenty of photo-editing tools available for free on the Web, your desktop and on your smartphone but what if you’re not on your computer or no Photoshop installed? It’s going to be a carpal-tunnel-inducing nightmare to go at it one at a time, especially when each image have different cropping requirements.

Full post: Auto-Cropping Images To Any Sizes Online With Cropp.me