WebDev
Web development news
Crunch: A Simple-Yet-Beautiful LESS Editor & Compiler
WebResourcesDepot | 6 Feb 2012, 8:07 am
If you already use it, then you know that LESS is a "time and byte-saver" when creating + serving stylesheets (if not, you should definitely check it). You either use the .less files directly (via less.js or on the server with Node.js) or compile them into CSS from command-line and use only the CSS. Crunch [...]
Open Source HTML5 Charts & Graphs – Flotr2
WebResourcesDepot | 5 Feb 2012, 7:43 am
Flotr2 is an open source library for HTML5 canvas charts and graphs which is a fork of the popular flotr without the dependency of Prototype JS framework and has many improvements. The library is framework independent and has support for line, bar, candle, pie and bubble charts. There are lots of customization options offered like [...]
UIKit – Lightweight JavaScript UI Components
WebResourcesDepot | 4 Feb 2012, 8:24 pm
UIKit is a set of lightweight (4kb minified / gzipped), simple, functional and flexible UI components. The components are built to work in modern browsers and, currently, there are dialog, confirmation, color picker, flipping cards, growl-like notifications and a context menu solutions in the pack. Each component comes with multiple options like the dialog having [...]
How To Use Custom Post Types To Organize Online Marketing Campaigns
Smashing Magazine Feed | 3 Feb 2012, 3:04 pm
![]() |
Custom post types add a level of flexibility to WordPress that makes this open-source Web development platform more useful on many levels. Whenever I have been faced with a Web-based task, especially one that involves organizing information, the first thing I do is examine WordPress to determine if it can handle the job. It usually can.
As an Internet marketer and analyst, I need to be able to organize online marketing campaigns in a way that is trackable in Google Analytics. This is the perfect task for WordPress custom post types. In this article, we’ll explain how to create a WordPress plugin that enables you to organize Internet marketing campaigns using trackable URLs, shortened versions of those URLs, and trackable QR codes that you can also use for offline marketing activities.
Which CSS3 Properties Does Your Browser Support? – The CSS3 Test
WebResourcesDepot | 3 Feb 2012, 6:20 am
The CSS3 Test is a web-based test suite for finding out which CSS3 properties are supported by the browser being used. It checks many features like backgrounds/borders, transitions, media queries, fonts, animations and much more. Multiple testcases are ran on each element and this can be displayed by simply clicking to items. The application is [...]
Freebie: St. Valentine’s Day Icon Set (10 PNG/PSD Icons)
Smashing Magazine Feed | 2 Feb 2012, 3:38 pm
![]() |
Every now and then, we release useful freebies for all of our highly valued readers. Today, it is our pleasure to present to you Cuberto's fantastic St. Valentine's icon set — exclusively designed for Smashing Magazine and its loyal readers. The icons presented are available in transparent PNGs as well as Photoshop PSDs (128x128 px) and are perfect for any projects you have coming up for St. Valentine's Day. Enjoy!
This icon set is completely free to use for commercial or personal applications without any restrictions. Please link to this article if you want to spread the word.
Generate A Base CSS From HTML – Bear CSS
WebResourcesDepot | 2 Feb 2012, 10:15 am
When creating/designing a web page, we either start with the HTML, build the structure and style it later or style-while-structuring. If you design with the 1st approach and bored of creating a CSS file with copy-pasting all those class + id names, here is a quick solution: Bear CSS is a free-to-use web application that [...]
Create Secure Forms & Manage Them Easily: Ajax Form Pro v2 (3 Dev. Licenses Giveaway)
WebResourcesDepot | 1 Feb 2012, 10:47 am
Almost every website needs a form. Whether it is for asking visitors to contact you, an online job application or an event registration. Also, forms need to be secure, user-friendly and the data collected must be reachable for analyzing/responding easily. Ajax Form Pro, a professional and downloadable PHP application, which was featured before, now has [...]
Open Source PHP E-Commerce Framework: Enlight
WebResourcesDepot | 31 Jan 2012, 8:36 pm
Enlight (English version exists) is an open source framework, based on Zend and Symphony 2, for creating e-commerce applications easier and faster. It is built by the experienced e-commerce company Shopware and also powers the base behind their commercial product. The framework has lots of components that can bring any type of apps to life [...]
Ten Things To Think About When Designing Your iPad App
Smashing Magazine Feed | 31 Jan 2012, 5:03 pm
![]() |
Like most well-designed things, the magic of an iPad app comes from a union of usefulness, usability and meaning. Games aside, the app must be useful by solving a problem that people actually have through the right set of functionality at the right time. It must be easy to use and, just as importantly, easy to get started using, without a lot of pesky setup and learning steps. And it must hold meaning for the user through visual beauty, an emotional connection, personal insights, etc.
In this article, we won’t outline the entire design process for creating an iPad app, but we will explore 10 of the key things to think about when designing your app (and planning the design process).
Desktop Wallpaper Calendar: February 2012
Smashing Magazine Feed | 31 Jan 2012, 1:48 pm
![]() |
We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for over two years now, and we are very thankful to all designers who have contributed and are still diligently contributing each month.
We continue to nourish you with a monthly spoon of inspiration. This post features free desktop wallpapers created by artists across the globe for January 2012. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!
Please note that:
- All images can be clicked on and lead to the preview of the wallpaper,
- You can feature your work in our magazine by taking part in our Desktop Wallpaper Calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?
Responsive Images: How they Almost Worked and What We Need
A List Apart | 31 Jan 2012, 12:00 pm
Pricing Strategy for Creatives
A List Apart | 31 Jan 2012, 12:00 pm
ChiliProject – Open Source & Ruby on Rails-Powered Project Management App
WebResourcesDepot | 31 Jan 2012, 8:26 am
ChiliProject is an open source project management application that helps tracking many aspects of a process. It is built with Ruby on Rails on top of the popular Redmine (was shared at WRD) by the long-standing community members/contributors of it and follows a different roadmap. The application has features for project and milestone planning (roadmap), [...]
jOrgChart – A Plugin For Creating Interactive Organization Charts With jQuery
WebResourcesDepot | 30 Jan 2012, 8:17 pm
Tree menus are great for displaying nested data in a user-friendly and easy-to-browse interface. jOrgChart is a jQuery plugin which converts nested unordered lists into tree menus but with an organization chart-like output. It has support for any depth, clicking each item can show/hide the sub-levels and drag 'n' dropping elements from one node to [...]
The Future Of Screen Typography Is In Your Hands
Smashing Magazine Feed | 30 Jan 2012, 10:52 am
![]() |
We do more reading on the screen today than we did even a year ago. If we are ever to have a golden age of reading on the screen, this might be the start of it. Tablets, Nooks and Kindles make buying a book or magazine for the screen almost unavoidable. With smartphones, we carry our reading material with us and enjoy instant Web access, enabling the reading experience to flow smoothly from one device to another.
And those devices probably have stunning HD reader-friendly screens. Throw in companion services like Readmill and 24symbols, which allow us to share our reading experiences, and we have perfect screen-based access to all aspects of the written word. So, why isn’t Web and screen typography keeping up?
PICOL – 500+ Mono-Colored Icons In Vector
WebResourcesDepot | 30 Jan 2012, 7:31 am
PICOL (Pictorial Communication Language) is a project to find a standard + reduced sign system for electronic communication and comes with a set of 500+ icons for that. Items in the set are mono-colored and has 3 versions: 16*16px PNG, 32*32px PNG and SVG. There are some badge icons inside the set (like accept, edit, [...]
Limiting The Visibility Of WordPress Posts Via Usernames
Smashing Magazine Feed | 27 Jan 2012, 1:51 pm
![]() |
Controlling who is able to view a post is a simple task once the system is established. Limiting access to certain users has several advantages, ranging from a design studio distributing artwork among various clients, or a small school arranging to have its students' homework posted online through a cheap and easy solution.
The easiest method to get this system working is to make the receivers of the information subscribers (since they will not be able to post), and the distributors of information authors (since they can only edit their own posts). This system eliminates several headaches for a webmaster by managing who has access to specific posts. The username will be used for identification of who is allowed to view certain posts since it is unique and, for the most part, constant.
The UX Research Plan That Stakeholders Love
Smashing Magazine Feed | 26 Jan 2012, 3:35 pm
![]() |
UX practitioners, both consultants and in house, sometimes conduct research. Be it usability testing or user research with a generative goal, research requires planning. To make sure product managers, developers, marketers and executives (let’s call them stakeholders) act on UX research results, planning must be crystal clear, collaborative, fast and digestible. Long plans or no plans don’t work for people..
You must be able to boil a UX research plan down to one page. If you can’t or won’t, then you won’t get buy-in for the research and its results. This article addresses one key aspect of planning UX research: the one-page plan document. Before we get to that, we’ll briefly discuss the benefits of research planning and identify the audience of a research planning document.
How To Deliver Exceptional Client Service
Smashing Magazine Feed | 25 Jan 2012, 2:02 pm
![]() |
We often hear companies, including Web agencies, boast about how they provide exceptional client service. But how do they define exceptional? Consider this scenario. You are hired to design and develop a new website for a retail client. The client loves the design, and the pages you develop use the latest in HTML5, CSS3 and responsive design, resulting in a website that works wonderfully across browsers and devices.
The e-commerce features of the new website help the client significantly increase their online sales, and the entire project is delivered on time and on budget. Now, is this “exceptional” client service? I don’t think it is. When the client hired you, they expected that you would design and develop a great website. They also expected it would be done according to the timeline and budget set during the planning stages of the project. As successful as this project may have been for both you and the client, in the end, you did exactly what you were hired to do. You did your job.
What Successful Products Teach Us About Web Design
Smashing Magazine Feed | 24 Jan 2012, 3:01 pm
![]() |
Web design is a craft that is constantly evolving and yet also sometimes sabotaged. The moment a design is released, a new version is born. In the beginning, like a baby, it seems vulnerable and weak, but in time it grows up and becomes self-sufficient. Redesigning a website for its own sake doesn’t prove anything; quite the contrary, it reveals a lack of effectiveness on the part of the designer.
Product design is a craft in which new versions come to life with increasing difficulty. We can learn a thing or two from it when designing for the Web. Forget marketing, technical specs and hardware. Products such as the iPhone, the Mini Cooper and the Zippo lighter have become wildly successful because of their outstanding design. Such massive success springs from three sources: the designer, sticking to the scope and iteration. These aspects can help us in Web design, too. In this article, we’ll look at what we can learn from successful product design.
WordPress Transients API – Practical examples
CatsWhoCode.com | 23 Jan 2012, 3:04 pm
Introduction To Linux Commands
Smashing Magazine Feed | 23 Jan 2012, 12:02 pm
![]() |
At the heart of every modern Mac and Linux computer is the “terminal.” The terminal evolved from the text-based computer terminals of the 1960s and ’70s, which themselves replaced punch cards as the main way to interact with a computer. It’s also known as the command shell, or simply “shell.” Windows has one, too, but it’s called the “command prompt” and is descended from the MS-DOS of the 1980s.
Mac, Linux and Windows computers today are mainly controlled through user-friendly feature-rich graphical user interfaces (GUIs), with menus, scroll bars and drag-and-drop interfaces. But all of the basic stuff can still be accomplished by typing text commands into the terminal or command prompt. Using Finder or Explorer to open a folder is akin to the cd command (for “change directory”). Viewing the contents of a folder is like ls (short for “list,” or dir in Microsoft’s command prompt). And there are hundreds more for moving files, editing files, launching applications, manipulating images, backing up and restoring stuff, and much more.
Building Twitter Bootstrap
A List Apart | 17 Jan 2012, 9:00 am
An Important Time for Design
A List Apart | 17 Jan 2012, 9:00 am
A Pixel Identity Crisis
A List Apart | 17 Jan 2012, 9:00 am
10 super useful PHP snippets you probably haven’t seen
CatsWhoCode.com | 16 Jan 2012, 3:03 pm
Tutorials and snippets to get started with CoffeeScript
CatsWhoCode.com | 9 Jan 2012, 3:09 pm
JavaScript frameworks, tools and techniques to create killer applications
CatsWhoCode.com | 2 Jan 2012, 5:00 am
Super useful WordPress hacks and snippets
CatsWhoCode.com | 19 Dec 2011, 4:11 pm
What I Learned About the Web in 2011
A List Apart | 13 Dec 2011, 7:00 am
Say No to SOPA
A List Apart | 29 Nov 2011, 8:00 am
Getting Started with Sass
A List Apart | 29 Nov 2011, 7:58 am
10 awesome jQuery snippets
CatsWhoCode.com | 21 Nov 2011, 3:10 pm
The ALA 2011 Web Design Survey
A List Apart | 15 Nov 2011, 8:00 am
Expanding Text Areas Made Elegant
A List Apart | 1 Nov 2011, 9:00 am
10+ .htaccess snippets to optimize your website
CatsWhoCode.com | 24 Oct 2011, 2:21 pm
Awesome tutorials to master responsive web design
CatsWhoCode.com | 10 Oct 2011, 2:46 pm
7 new techniques every web developer should know
CatsWhoCode.com | 19 Sep 2011, 2:04 pm
Mastering HTML5 Prefetching
CatsWhoCode.com | 12 Sep 2011, 2:19 pm
Web App Gallery, Part 1
SitePoint » Articles » Recent Articles | 11 Nov 2010, 12:07 pm
8 Steps to Successful PPC Campaigns
SitePoint » Articles » Recent Articles | 11 Nov 2010, 5:51 am
Kicking Off iPhone Development
SitePoint » Articles » Recent Articles | 10 Nov 2010, 7:05 am
What’s New in IE9
SitePoint » Articles » Recent Articles | 9 Nov 2010, 7:24 am
Making the Most of Google Webmaster Tools
SitePoint » Articles » Recent Articles | 4 Nov 2010, 5:58 am
Adapting an Interface for Touch Devices
SitePoint » Articles » Recent Articles | 28 Oct 2010, 3:16 am
Laying the Foundations of SEO Success
SitePoint » Articles » Recent Articles | 22 Oct 2010, 6:51 am
OAuth for PHP Twitter Apps, Part 2
SitePoint » Articles » Recent Articles | 19 Oct 2010, 2:40 am
3 Ways to Leverage Social Interactions in Your SEO Campaigns
SitePoint » Articles » Recent Articles | 8 Oct 2010, 6:08 am
Programming Amazon S3, Part II
SitePoint » Articles » Recent Articles | 30 Sep 2010, 4:07 am











