WebDev

VN:F [1.9.17_1161]
Rating: 10.0/10 (1 vote cast)

Web development news from WebResourcesDepot, CatsWhoCode, Smashing Magazine, A List Apart, SitePoint.

WebDev, 10.0 out of 10 based on 1 rating

Gumby – Responsive CSS Framework With A Web UI Kit

WebResourcesDepot | 21 May 2012, 5:47 am

+

Advertise here with BSA


Gumby is a responsive and 960px-grid CSS grid framework that can be customized to work in every resolution with almost no effort. Its fluid-fixed layout self-optimizes the content for desktop, tablet and mobile resolutions and there is support for nested grids. Similar to Twitter Bootstrap, it includes a web UI Kit of good looking buttons, forms, [...]

Ajaxify Standard Forms Instantly – ALAJAX

WebResourcesDepot | 20 May 2012, 8:48 am

+

Advertise here with BSA


Today, using JavaScript frameworks, it is so easy to accomplish complex stuff with few lines of code, including Ajax. For forms, if you want to make it much easier, ALAJAX is there for you. It is a jQuery plugin that automagically converts standard forms into Ajaxed ones, no coding required. Once inserted and the forms [...]

Quick Course On Effective Website Copywriting

Smashing Magazine Feed | 18 May 2012, 3:27 pm

+

  

Many dismiss copywriting as something that ad agency people do. Truthfully, all of us need to pay close attention to copywriting if we want to achieve our business objectives.

Quick Course On Effective Website Copywriting

The goal of a "regular" text is to inform or entertain. The goal of Web copy (and ideally your website in general) is to get people to do something—to sign up, make a purchase, or something similar. Hiring a professional copywriter can be very expensive, which is one of the reasons why this is a valuable skill to have yourself.


A Foot On The Bottom Rung: First Forays Into Responsive Web Development

Smashing Magazine Feed | 18 May 2012, 12:31 pm

+

  

Responsive design is the hottest topic in front-end Web development right now. It’s going to transform the Web into an all-singing, all-dancing, all-devices party, where we can access any information located anywhere in the world. But does responsive design translate well from the text-heavy Web design blogosphere to the cold hard reality of commercial systems?

First Forays Into Responsive Web Development

Rumors came through our office grapevine that management was looking to revamp our mobile presence. There was talk of multiple apps being built externally that could be used on some of the major mobile devices.


How To Customize The WordPress Admin Easily

Smashing Magazine Feed | 18 May 2012, 9:15 am

+

  

If you're just getting started with WordPress, or have been running with default functionality for a while and now want to dig in with some useful and easy ways to customize your WordPress site, a great place to start is the WordPress Admin area, or backend. One of the great things about WordPress is that each part of the backend is easily customized using simple PHP functions.

customize-wp-admin

In this article, you'll learn how to customize the login page with your own logo, add new widgets to the dashboard, add custom content to the admin footer, make it easier to get in and out of the Admin area, and more. When combined, these techniques can improve branding, accessibility, and usability of your WordPress-powered site.


Aggregate Data From Multiple Sources Into A Single HTML – PubwichFork

WebResourcesDepot | 18 May 2012, 7:59 am

+

Advertise here with BSA


Previously, WRD had shared Pubwich, an open source application that can fetch data from different sources. It is not updated since 2010 and there is a regularly updated fork named PubwichFork. To remind, the application can aggregate any published data from multiple sources including websites + social networks and display them in a single-page. The [...]

Backpack Algorithms And Public-Key Cryptography Made Easy

Smashing Magazine Feed | 17 May 2012, 11:21 am

+

  

E-commerce runs on secrets. Those secrets let you update your blog, shop at Amazon and share code on GitHub. Computer security is all about keeping your secrets known only to you and the people you choose to share them with.

Backpack Algorithms And Public-Key Cryptography Made Easy

We’ve been sharing secrets for centuries, but the Internet runs on a special kind of secret sharing called public-key cryptography. Most secret messages depend on a shared secret—a key or password that everyone agrees on ahead of time. Public-key cryptography shares secret messages without a shared secret key and makes technologies like SSL possible.


Juicebox Lite – Free HTML5 Image Gallery (With A Desktop Builder)

WebResourcesDepot | 17 May 2012, 8:03 am

+

Advertise here with BSA


Image galleries are part of almost any website around whether it is about displaying the portfolio, products or personal albums,we simply use them a lot. Juicebox Lite is a free-to-use (branded) and HTML5-powered image gallery for creating good-looking galleries very easily. Galleries build with it works everywhere; desktop, tablet or mobile and handles different screen [...]

A Different JavaScript Calendar – jQuery Verbose Calendar

WebResourcesDepot | 17 May 2012, 7:15 am

+

Advertise here with BSA


jQuery Verbose Calendar is a plugin for creating a calendar that displays the whole months and days of a year at the same time. Once loaded, it auto-scrolls to "today" and displays the day names when hovered to any date in a tooltip. The calendar can be inserted into any HTML element with a single [...]

Stop Redesigning And Start Tuning Your Site Instead

Smashing Magazine Feed | 16 May 2012, 1:28 pm

+

  

In my nearly two decades as an information architect, I’ve seen my clients flush away millions upon millions of dollars on worthless, pointless, “fix it once and for all” website redesigns. All types of organizations are guilty: large government agencies, Fortune 500s, not-for-profits and (especially) institutions of higher education.

Stop Redesigning And Start Tuning Your Site

Worst of all, these offending organizations are prone to repeating the redesign process every few years like spendthrift amnesiacs. Sadly, redesigns rarely solve actual problems faced by end users. I’m frustrated because it really doesn’t have to be this way. Let’s look at why redesigns happen, and some straightforward and inexpensive ways we might avoid them.


Open Source Tool To Backup Gmail Accounts: Gmvault

WebResourcesDepot | 16 May 2012, 10:54 am

+

Advertise here with BSA


Gmail is probably the most widely used e-mail provider between creative people. It is always simplistic, modern and always works. Personally, besides my personal e-mail, I use their "custom domain" feature for handling the e-mails of all my projects. As expected, the content there is very valuable and hard to risk losing. Gmvault is an [...]

Responsive Images and Web Standards at the Turning Point

A List Apart | 15 May 2012, 6:44 pm

+
Responsible responsive design demands responsive images—images whose dimensions and file size suit the viewport and bandwidth of the receiving device. As HTML provides no standard element to achieve this purpose, serving responsive images has meant using JavaScript trickery, and accepting that your solution will fail for some users.Then a few months ago, in response to an article here, a W3C Responsive Images Community Group formed—and proposed a simple-to-understand HTML picture element capable of serving responsive images. The group even delivered picture functionality to older browsers via two polyfills: namely, Scott Jehl’s Picturefill and Abban Dunne’s jQuery Picture. The WHATWG has responded by ignoring the community’s work on the picture element, and proposing a more complicated img set element.Which proposed standard is better, and for whom? Which will win? And what can you do to help avert an “us versus them” crisis that could hurt end-users and turn developers off to the standards process? ALA’s own Mat Marquis explains the ins and outs of responsive images and web standards at the turning point.

Zocial Button Set: 72 CSS3 Buttons

Smashing Magazine Feed | 15 May 2012, 12:39 pm

+

  

The idea behind this project was to produce a consistent set of buttons that could be used for the range of social actions frequently taken in Web applications. These actions are often important goals for users, such as connecting third-party accounts or sharing content to third-party platforms, so their appearance has to be attractive and clear.

Zocial Button Set: 72 CSS3 Buttons

The standard buttons provided by third parties (such as Facebook, Twitter and SoundCloud) vary in size, style and interactivity. A consistent button set could reduce a lot of that visual noise and inconsistency. Furthermore, having it in CSS format means that changing the text for certain actions would be a breeze for developers, and it also allows administrators of non-English websites to translate labels into their native languages.


Infragistics jQuery Controls – Impressive & Professional jQuery Toolset

WebResourcesDepot | 15 May 2012, 10:30 am

+

Advertise here with BSA


Info: This is a review of a paid resource. There are lots of jQuery plugins around that handle specific tasks and, for JavaScript-heavy apps, we may end up in using many of them. Working with such many different resources at the same project is sometimes hard and can be time consuming as they all have [...]

Smashing Daily #1: Mobile Device Lab, Browsers and Animated GIFs

Smashing Magazine Feed | 15 May 2012, 9:24 am

+

  

Editor's Note: This post is the first in the new Smashing Daily series on Smashing Magazine, where we highlight items to help you stay on the top of what's going on in the industry. Vasilis van Gemert will carefully pick the most interesting discussions, tools, techniques and articles that were published recently and present them in a nice compact overview. Smashing Daily #2 and Smashing Daily #3 are now published, too.

Smashing Daily #1: Mobile Device Lab, Browsers and Animated GIFs

Vasilis goes through dozens of RSS feeds and hundreds of tweets so that you don’t have to. Do you find the new series interesting? What would you like to have? And what wouldn’t you like to see? Let us know! We’d love to hear your feedback in the comments!


EU Cookie Law: 2 jQuery Plugins To Not Break It

WebResourcesDepot | 15 May 2012, 5:44 am

+

Advertise here with BSA


Many of us probably heard the EU Cookie Law already and thinking about "what to do" and many others should be saying: "cookie what?". What is it? It is a European Union e-Privacy Directive that will become active on 26th May 2012 and "requires website owners to take the permission of the user before placing anything (cookies, [...]

Tips and best practices to develop responsive websites

CatsWhoCode.com | 14 May 2012, 2:42 pm

+
In the recent years, we saw both a rise of mobile devices such as the iPhone and wide monitors. Responsive websites are website that can adapt to lots of different screen resolution and always look good. In this article, I have compiled tips and best practices to create responsive websites.

If A Single File Gets Hacked, Will Millions Of Websites Be Affected? (Discussion)

WebResourcesDepot | 14 May 2012, 2:22 pm

+

Advertise here with BSA


Info: This is a little different post than you see everyday at WRD. It is a concern that popped up while working on "speeding up stuff" and think/hope it is worth discussing. Please share what you think. I'm usually a fan of hosting all the files used in websites myself, under the same location with [...]

The Font Wars: A Story On Rivalry Between Type Foundries

Smashing Magazine Feed | 14 May 2012, 2:09 pm

+

  

I had thought terms like “intellectual property” and “intellectual theft” were of fairly recent provenance, so my eye was caught by the latter’s use in a headline of a 1930 edition of the US trade journal The American Printer.

The Font Wars: A Story On Rivalry Between Type Foundries

The article it headed proved to be equally intriguing, a response by the president of American Type Founders (ATF) to a June 1929 article in the German journal Gebrauchsgraphik by the designer Rudolf Koch, calling the ATF a “highway robber of German intellectual property.” At issue was a typeface marketed by the ATF earlier in 1929 called Rivoli.


Social Sharing Buttons Under Control: Socialite.js

WebResourcesDepot | 14 May 2012, 7:00 am

+

Advertise here with BSA


Socialite.js is a JavaScript library for having more control over social sharing buttons. The library is lightweight (2kb minified-gzipped), standalone and helps the social widgets to load when you want them or only when needed/requested to speed up web pages. It has support for the major players: Twitter, Google+, Facebook, LinkedIn, Pinterest, and Spotify. There is [...]

Taming The Wild Mind

Smashing Magazine Feed | 11 May 2012, 3:32 pm

+

  

Myths have developed around and researchers have studied how the human brain juggles creativity and organization. Popular theory tells us that the left brain is structured and logical, while the right brain is artistic and imaginative, and that all human beings use predominantly one side of the other.

Taming The Wild Mind

Working in a creative field means challenging that theory, or else challenging the schedules and deadlines that managers impose on writers, designers and other creatives. As a project manager in a UX design agency, as well as a writer, I believe it is necessary to challenge both the assumptions about schedules and the belief that creativity implies disorganization.


Interaction Design In The Cloud

Smashing Magazine Feed | 10 May 2012, 1:05 pm

+

  

Interaction designers create wireframes in tools such as Adobe Illustrator, OmniGraffle and Microsoft Visio. However, emailing your old static designs will feel old fashioned once you see what these new tools can do. Going a step further, there are tools for the user review process, too. Just upload your ideas, from simple mockups to final layouts, link them together, and share them for comment.

Interaction Design In The Cloud

This article walks you through the current selection of cloud-based tools and provides some recommendations. The number of offerings and amount of functionality are pretty vast. We’ll address two functions: prototyping and wireframing. But if you’re intrigued, you might want to explore cloud-based image editing, mind-mapping tools and other UX activities. These tools are already out there, and surprisingly good.


Application Cache is a Douchebag

A List Apart | 8 May 2012, 12:00 pm

+
We’re better connected than we’ve ever been, but we’re not always connected. ApplicationCache lets users interact with their data even when they're offline, but with great power come great gotchas. For instance, files always come from the ApplicationCache, even when the user is online. Oh, and in certain circumstances, a browser won't know that that the online content has changed — causing the user to keep getting old content. And, oh yes, depending on how you cache your resources, non-cached resources may not load even when the user is online. Lanyrd’s Jake Archibald illuminates the hazards of ApplicationCache and shares strategies, techniques, and code workarounds to maximize the pleasure and minimize the pain for user and developer alike. All this, plus a demo. Dig in.

Say No to Faux Bold

A List Apart | 8 May 2012, 11:59 am

+
Browsers can do terrible things to type. If text is styled as bold or italic and the typeface family does not include a bold or italic font, browsers will compensate by trying to create bold and italic styles themselves. The results are an awkward mimicry of real type design, and can be especially atrocious with web fonts. Adobe’s Alan Stearns shares quick tips and techniques to ensure that your @font-face rules match the weight and styles of the fonts, and that you have a @font-face rule for every style your content uses. If you’re taking the time to choose a beautiful web font for your site, you owe it to yourself and your users to make certain you’re actually using the web font — and only the web font — to display your site’s content in all its glory.

Super useful online tools to work with images

CatsWhoCode.com | 7 May 2012, 2:13 pm

+
Images are indeed a big part of a website, and as a developer or designer you often have to work with them. Sure, there's desktop applications like Photoshop or Gimp, but there's also a bunch of super useful online tools to store, resize, and modify images online. Here's a round up of the best tools available.

Content Modelling: A Master Skill

A List Apart | 24 Apr 2012, 1:00 pm

+
The content model is one of the most important content strategy tools at your disposal. It allows you to represent content in a way that translates the intention, stakeholder needs, and functional requirements from the user experience design into something that can be built by developers implementing a CMS. A good content model helps ensure that your content vision will become a reality. Lovinger explains how to craft a strong content model and use it to foster communication and align efforts between the UX design, editorial, and technical team members on your project.

Tinker, Tailor, Content Strategist

A List Apart | 24 Apr 2012, 12:59 pm

+
What does content strategy mastery look like? As in any field, it comes down to having master skills and knowing when to apply them. While there are different styles of content strategy (from an editorial and messaging focus to a technical and structural focus), the master content strategist must work with content from all angles: messaging architecture and messaging platforms; content missions and content management. Above all, she must advocate for multiple constituents, including end users, business users, stakeholders, and the content vision itself. Rachel Lovinger shares the skills that go into achieving CS mastery.

Super useful WordPress action hooks and filters

CatsWhoCode.com | 23 Apr 2012, 2:04 pm

+
Action hooks and filters are very useful in WordPress. They allow you to "hook" a custom function to an existing function, which allows you to modify WordPress functionality without editing core files. Today, here are 10 super usefull action hooks and filters to supercharge your WordPress install!

Awesome sites to find useful code snippets

CatsWhoCode.com | 10 Apr 2012, 2:54 pm

+
As a developer, I really like to collect and keep a library of useful code snippets that allow me to save a lot of time when building websites or apps. Today, I have compiled a list of the most interesting websites to find useful code snippets.

Getting Clients

A List Apart | 10 Apr 2012, 11:00 am

+
Co-founder of Mule Design and raconteur Mike Monteiro wants to help you do your job better. From contracts to selling design, from working with clients to working with each other, his new book from A Book Apart, released today, is packed with knowledge you can’t afford not to know. A List Apart is pleased to present an exclusive excerpt from Chapter 2 of Design Is a Job.

Dive into Responsive Prototyping with Foundation

A List Apart | 10 Apr 2012, 11:00 am

+
There are hundreds of devices out there right now that can access the full web, as Steve Jobs once put it. They come with different capabilities and constraints, things like input style or screen size, resolution, and form. With all these devices set to overtake traditional desktop computers for web traffic next year, we need tools to help us build responsively. Jonathan Smiley shows how to dive into responsive design using Foundation, a light front-end framework that helps you rapidly build prototypes and production sites.

Style Tiles and How They Work

A List Apart | 27 Mar 2012, 12:00 pm

+
How do you involve your client in a successful design process? Many of our processes date back to print design and advertising. It’s time we evolved our deliverables to make clients a more active participant in the process. The style tile is a design deliverable that references website interface elements through font, color, and style collections delivered alongside a site map, wireframes, and other user experience artifacts. Learn how style tiles can align client and designer expectations, expedite project timelines, involve stakeholders in the brainstorming process, and serve an essential role in responsive design.

Artistic Distance

A List Apart | 27 Mar 2012, 12:00 pm

+
Pimpin’ ain’t easy; neither is self-critique. If you are passionate about what you create, it is impossible to completely disassociate yourself from your work in order to objectively evaluate and then improve it. But the ability to achieve “artistic distance”—that is, to attain a place that allows you to contemplate your design on its own merits—will enable you to improve your own work immeasurably and, ultimately, to cast off the immature shackles of ego. Learn to let your work shine by letting go of it. Acquire the knack of achieving artistic distance.

Sending SMS with PHP and TextMagic: An A to Z guide

CatsWhoCode.com | 26 Mar 2012, 1:57 pm

+
Over the years, Short message service (SMS) has become a very important way of communication, and many businesses are looking for easy ways to send automated text messages to their customers. In this tutorial, I'm going to show you how you can send SMS using PHP and a third party service called TextMagic. Its very easy to do!

The Best Browser is the One You Have with You

A List Apart | 13 Mar 2012, 1:00 pm

+
The web as we know and build it has primarily been accessed from the desktop. That is about to change. The ITU predicts that in the next 18–24 months, mobile devices will overtake PCs as the most popular way to access the web. If these predictions come true, very soon the web—and its users—will be mostly mobile. Even designers who embrace this change can find it confusing. One problem is that we still consider the mobile web a separate thing. Stephanie Rieger of futurefriend.ly and the W3C presents principles to understand and design for a new normal, in which users are channel agnostic, devices are plentiful, standards are fleeting, mobile use doesn’t necessarily mean “hide the desktop version,” and every byte counts.

10+ useful SQL queries to clean up your WordPress database

CatsWhoCode.com | 12 Mar 2012, 2:59 pm

+
After years of usage, your WordPress database can contain weird characters, be filled with data you don't need anymore, and so on. In this article, I'm going to show you 10+ SQL queries to clean up your WordPress database.

10 awesome HTML5 audio players

CatsWhoCode.com | 27 Feb 2012, 4:01 pm

+
Among other great features, the new HTML5 specification allow native audio streaming. In this article, I have compiled the 10 most awesome HTML5 audio players available today.

Introducing CatsWhoCode code snippet library!

CatsWhoCode.com | 13 Feb 2012, 2:43 pm

+
As a developer, I really like to collect code snippets that can be useful when needed. On CatsWhoCode, most popular posts are often the ones filled with lots of ready to use code snippets. This is why I decided to add a new feature to the site, the code snippet library.

Amazing things to do with PHP and cURL

CatsWhoCode.com | 6 Feb 2012, 3:01 pm

+
cURL, and its PHP extension libcURL, are very useful tools for tasks like simulating a web browser, submit forms or login to a web service. In this article, I’m going to show you some amazing things that you can do using PHP and cURL.

WordPress Transients API – Practical examples

CatsWhoCode.com | 23 Jan 2012, 3:04 pm

+
The WordPress Transients API is a very useful tool which allow developers to cache data such as the result of a query for future uses. In this article, I've compiled a list of useful practical example to div into the power of WordPress Transients API.

Web App Gallery, Part 1

SitePoint » Articles » Recent Articles | 11 Nov 2010, 12:07 pm

+
Microsoft's beta version of WebMatrix opens up a new way of building websites by drawing on the applications made available through the Web App Gallery. To test it out, Ricky takes WebMatrix for a spin before the general release planned for next month, exploring just how easy or hard it is to set up a functioning ecommerce website. Don’t forget to take the quiz.


8 Steps to Successful PPC Campaigns

SitePoint » Articles » Recent Articles | 11 Nov 2010, 5:51 am

+
In this excerpt from SitePoint’s recently released title The SEO Business Guide, Kristen Holden presents a step-by-step methodology to running successful PPC campaigns. The key areas of research, implementation, and optimization are fleshed out, showing how easy it can be to start your own campaign.


Kicking Off iPhone Development

SitePoint » Articles » Recent Articles | 10 Nov 2010, 7:05 am

+
So you want to start developing native apps for the iPhone and iPad? In this article, Andy will walk you through the first steps of installing Xcode and setting up your development environment. Then you’ll write a simple “Hello, World!” application to kick off your app development career.


What’s New in IE9

SitePoint » Articles » Recent Articles | 9 Nov 2010, 7:24 am

+
Microsoft has released a beta version of Internet Explorer 9, and is promoting the new browser through the beautyoftheweb.com website. In the first of a series of articles, SitePoint’s Ricky Onsman takes a tour through the browser's new features to see if it really does increase the beauty of the Web.


Making the Most of Google Webmaster Tools

SitePoint » Articles » Recent Articles | 4 Nov 2010, 5:58 am

+
In this excerpt from SitePoint’s recently released title The SEO Business Guide, Mike Hudson introduces you to the webmaster tools made available by the major search engines. These are an invaluable resource to any site owner or manager, and have additional benefits when incorporated into an SEO campaign.


Adapting an Interface for Touch Devices

SitePoint » Articles » Recent Articles | 28 Oct 2010, 3:16 am

+
The talk of late when it comes to adapting a web application for a mobile platform has been all about CSS media queries or server-side detection. But, as Tim shows, those two techniques alone are insufficient to account for the full range of devices out there, and their specific interface requirements.


Laying the Foundations of SEO Success

SitePoint » Articles » Recent Articles | 22 Oct 2010, 6:51 am

+
SEO is seen by many web developers and designers as a black art. However, there are a number of clear steps and actions that any site owner or developer can take to ensure their sites receive a fair shake in the search rankings. Once that foundation has been laid, it’s possible to engage in a few simple strategies to extend your search visibility even further. In this article, Mike will show you how to build that foundation, and then use it as the starting point for your SEO strategy.


OAuth for PHP Twitter Apps, Part 2

SitePoint » Articles » Recent Articles | 19 Oct 2010, 2:40 am

+
Twitter recently turned off basic HTTP authentication for its API. This means that Twitter app developers now need to use OAuth to access Twitter. In this second tutorial of a two-part series, Raj shows you how to let users log in to your site using Twitter’s “Sign in with Twitter” authentication technique.


3 Ways to Leverage Social Interactions in Your SEO Campaigns

SitePoint » Articles » Recent Articles | 8 Oct 2010, 6:08 am

+
Social media is an increasingly important weapon in any SEO professional’s arsenal, but there are pitfalls to avoid if you plan to make use of it. SitePoint’s SEO expert Kristen Holden walks you through three simple ways to start gaining SEO benefit from your visitors’ social interactions.


Programming Amazon S3, Part II

SitePoint » Articles » Recent Articles | 30 Sep 2010, 4:07 am

+
SitePoint’s latest title, Host Your Web Site in the Cloud: Amazon Web Services Made Easy, has just hit the shelves. In this excerpt, author Jeff Barr takes you through the steps of using the CloudFusion library to leverage Amazon’s S3 storage service from your PHP applications.