Category Archives: Uncategorized

jQuery-ahm: One-Line Ajax Requests

jQuery-ahm is a tiny (~1kb) jQuery plugin which enables us to create Ajax requests with a smaller code piece.

It is actually a wrapper around the popular $.ajax method and brings a different way of handling callbacks.

Rather than creating custom callbacks for every Ajax request, jQuery-ahm lets the back-end define Ajax callbacks (handled automatically).

jQuery-ahm

Here is an example where all the callback is handled on the server-side:

<?php
$response = array(
    // $("#animate").fadeOut("slow").delay("1000").slideDown("fast")
    "#animate/fadeOut"   => "slow",
    "#animate/delay"     => "1000",
    "#animate/slideDown" => "fast",
);
echo json_encode($response);
?>

The bad part is, you move the front-end code and functionality to the server-side. This is not a preferred method for many designers/developers and it is mostly difficult if the front and back-end developers are different persons.

And the nice part is, size of the front-end code can be decreased seriously, specially for websites with lots of Ajax interactions and you get lots of flexibility in managing the callbacks.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

WordPress 3.1.1

WordPress 3.1.1 is now available. This maintenance and security release fixes almost thirty issues in 3.1, including:

  • Some security hardening to media uploads
  • Performance improvements
  • Fixes for IIS6 support
  • Fixes for taxonomy and PATHINFO (/index.php/) permalinks
  • Fixes for various query and taxonomy edge cases that caused some plugin compatibility issues

Version 3.1.1 also addresses three security issues discovered by WordPress core developers Jon Cave and Peter Westwood, of our security team. The first hardens CSRF prevention in the media uploader. The second avoids a PHP crash in certain environments when handling devilishly devised links in comments, and the third addresses an XSS flaw.

We suggest you update to 3.1.1 promptly. Download 3.1.1 or update automatically from the Dashboard → Updates menu in your site’s admin area.

Our release haiku:

Only the geeks know
What half this stuff even means
Don’t worry — update

ChocolateChip-UI: A Mobile Web App Framework

ChocolateChip-UI is a mobile web app development framework that targets WebKit engines..

The framework provides fully functional widgets and controls right out of the box which know how to behave so you can focus only on providing the data.

ChocolateChip-UI

A new concept is introduced by the framework: WAML (Web App Markup Language) which is designed for creating mobile web apps and uses special tags + attributes to clearly define all the parts (rather than divs and spans) for a faster development.

ChocolateChip-UI has most of the elements we get used from iOS like the buttons, tab bar, lists, slider and more.

The framework is very well-documented, provides snippets for the basics and definitely a must-bookmark for mobile web app development.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

[Free] New Audio/Sound Editor: Edit MP3 music/audio files directly without losing quality

Have you ever wanted to cut, paste or trim portions of an MP3 (audio or music) file, but hesitated because you were afraid the quality of the sound will be degraded when the file is decompressed and recompressed (as a result of your editing)? The newest software added to the Free Digital Audio / Sound Editors page lets you edit MP3 files directly without decompressing or recompressing the file, so that there is no loss in sound quality. It also lets you change the volume of the sound and even record audio or music direct to MP3.

99+ Icons – A Vector Set Ideal For Mobile Apps

Roam Design, an award-winning creative marketing consultancy, is sharing 99+ Icons which is a set of slick, monochrome and vector icons.

The items in the set include actions, media, devices and mobile-specific ones like battery status icons.

99+ icons comes as a .AI file and it is free to be used in personal projects (or in commercial projects with a link back).

99+ Icons

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Command-Line WebKit Engine – PhantomJS

PhantomJS is a command-line tool that acts like a WebKit browser without any interface.

It has a fast and native support for various web standards:DOM handling, CSS selector, JSON, Canvas, and SVG.

PhantomJS

The tool can be totally scripted via JavaScript and is a handy solution for many things like:

  • automated testing of web apps
  • site scraping
  • capturing pages
  • PDF converting
  • and much more..

Also, it can work on Windows, Mac + Linux environments (and, the next version is expected to support CoffeeScript).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Instantly Prefix CSS3 Code – prefixMyCSS

Few days ago, a post at WRD was sharing CSSPrefixer, a web-based tool which can analyze CSS files and auto-generate vendor-prefixes.

Here is a new option: prefixMyCSS, again a free tool which can re-format your CSS file by adding the vendor-prefixes for the CSS3 properties.

PrefixMyCSS

It can also remove any comments and generate the file within a single line for a smaller size.

On the other hand, it currently lacks of a command-line tool for a possible IDE-integration.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

HTTP Archive: Web Development Related Stats And Trends

For a web designer/developer, having a detailed knowledge about the overall web-related statistics is pretty valuable to better analyze what you're actually doing is right (and better) or not.

HTTP Archive is a website which applies regular checks on 17,000+ websites, collects information and outputs web development -related, up-to-date reports.

HTTP-Archive

The reports are categorized as trends and stats where trends include:

  • average response times
  • HTML/CSS/JS/image sizes and the number of requests
  • Page Speed scores
  • and more..

and stats include:

  • popular JavaScript libraries
  • popular scripts
  • pages using Google Libraries API
  • pages using Flash
  • and more..

HTTP Archive is an open source project where you can easily perform a custom install and run more frequent checks, create new reports and/or get the stats for a different set of websites.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Page Speed (By Google) Gets An Online Version

Page Speed, the popular Firebug/Chrome add-on -by Google- for evaluating the performance of web pages now gets an online version.

It offers a very similar functionality with the Firebug version, analyzes the page performance and comes with suggestions that are categorized in priorities to improve it.

This free service also has a new feature: "suggestions for the mobile version of a web page" which are tuned for the unique characteristics of mobile devices.

Page Speed Online

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

475 Free Vector (SVG) Icons – Seven Icon Pack

Seven Icon Pack is a set of 475 high-quality, vector and free icons that has items for actions, social networking, devices and more.

They come in .SVG + in transparent PNG with 32*32px, 48*48px and 100*100px sizes.

And, they are free to be used in both personal and commercial projects.

Seven Icon Pack

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Powered by Gewgley