Author: Umut M. | 336 views
3
Feb
FeedBurner's popular chicklet FeedCount is the most-used way to display the number of subscribers for a feed.
Also, a similar design is used by TwitterCounter to display your Twitter followers.
We'll be creating a dynamic FeedCount-like interface that can display your website's statistics like pageviews, visits, etc. (one or all of them) using PHP.
At the end of this tutorial, we'll have 2 differen
Read more...
Tags :
access,
Account,
Analytics,
chicklet,
counter,
feedburner,
followers,
GAPI,
Google,
metrics,
php,
php class,
subscribers,
ua,
user,
variables,
version,
Website,
Author: Bill Pena | 322 views
28
Jan
Mobile websites have come a long way, but if you want to take full advantage of a smartphone’s hardware, or get listed in the iTunes App Store, you need to compile your code. In this tutorial, we’ll show you how to create a mobile web app with an iPhone look and feel using jQTouch, then turn it into a native iPhone app using Phonegap. No Objective-C necessary.Tutorial DetailsProgram: PhonegapVersion: 0.
Read more...
Tags :
App,
code,
div,
iphone,
javascript objects,
jQTouch,
Mac,
Mac OS,
Mac OS X,
mapping features,
native app,
native features,
open source framework,
PhoneGap,
script,
sqllite,
style,
type,
web,
web code,
www folder,
Author: Bill Pena | 144 views
20
Jan
HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we’ll create a common layout using some of HTML 5’s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, e
Read more...
Tags :
column layout,
content section,
CSS,
div,
div elements,
doctype html,
element,
header,
header elements,
HTML,
internet explorer,
layout,
page,
Section,
semantic elements,
styling,
title,
typical web,
video tutorial,
web designers,
web page layout,
Author: David Walsh | 131 views
18
Jan
One modern, attractive way of placing a lot of content into a little space is by using a tab system. This tutorial will show you how to create a sexy, animated tab system complete with CSS sprites, cookies, and animated tab swapping. AssumptionsThere are a few assumptions and notes that we’re going into this system with:We’ll be using the most recent version of MooTools: 1.2.4.The client must support
Read more...
Tags :
basic knowledge,
class,
content,
cookie,
cookieName,
css sprites,
current content,
div class,
function,
height,
LI,
little space,
loading purposes,
page loads,
server side language,
server side scripting,
tab,
tab system,
tween,
URI,
url,
var,
Author: Umut M. | 123 views
12
Jan
WebApp.Net is a feature-rich JavaScript framework for building mobile web applications.
It provides a complete set of components (switch buttons, radio groups, etc.) that will help your website look & behave like a native mobile application.
The framework has full support for Ajax & every action from clicks to form submissions can be Ajaxed with tiny declarations.
Other features of WebApp.Net:
native full
Read more...
Tags :
Ajaxed,
amp,
building,
cheap ssl certificates,
dynamic drag,
framework,
iphone,
JavaScript,
jQuery,
loading objects,
mobile application,
mobile web,
NET,
progressive loading,
radio groups,
set,
switch buttons,
twitter,
web,
WebApp,
Author: Andrew Burgess | 111 views
11
Jan
A project is always more fun when you’ve got friends working with you, but how can do it when working on a coding project? I’ll keep my keyboard to myself, thanks.Enter GitHub. With this web service, you can share your coding projects and collaborate with ease!DisclaimerThis tutorial will assume that you’re familiar with Git, arguably the best distributed version control software there is. Already
Read more...
Tags :
Button,
c option,
dashboard,
default location,
github,
goodness,
jQuery,
keyboard,
line,
network,
project,
repo,
repository,
rsa,
ssh public key,
tab,
time,
version control software,
web service,
white space,
Author: Michael Mahemoff | 202 views
11
Jan
Paul Irish points to a recent survey by WebAIM showing what high-level accessibility guidelines frequently omit to mention: screenreaders and Javascript often co-exist. The study shows between 75% and 90% of screenreader users have Javascript enabled. This isn't just speculation, but a survey of 655 screenreader users.
This response may help strengthen the notion that scripted content must be made accessible. M
Read more...
Tags :
Accessibility,
accessibility guidelines,
accessibility problem,
content,
data tables,
fallacy,
flash content,
graceful degradation,
JavaScript,
keyboard accessibility,
Lack,
navigation,
Paul Irish,
raw html,
respondents,
screenreader,
search functionality,
survey,
text,
user,
WebAIM,
Author: Siddharth | 336 views
6
Jan
A dash of animation can spruce up a dull interface. In this tutorial, you’ll learn how to do it the right way with jQuery. A Word From the AuthorAnimation: a concept which often evokes divisive reactions from people. Some swear by its usefulness, whilst others rage at its overuse. Nevertheless, animations, when used right, often spruce up a user interface, and make it feel much more snappy and clean. In this
Read more...
Tags :
ace in the hole,
ajax,
animate,
animation,
Color,
core,
css document,
css selectors,
first animation,
function,
interactive web,
javascript library,
jQuery,
library,
method,
Robert Penner,
script,
shorthand,
Siddharth,
typical line,
use,
user interface,
Author: Dan Wellman | 169 views
5
Jan
In this tutorial, we’re going to look at how we can easily create an attractive and space-saving content viewer which even works with JavaScript disabled. We’ll build a solid core of semantic HTML, styled with some basic CSS and we’ll then use jQuery to add further enhancements in the form of transition animations.The following screenshot shows what we’ll end up with by the end of the tutori
Read more...
Tags :
bullet proof,
code,
content,
content viewer,
css href,
disk galaxy ngc,
div id,
height,
img image,
img src,
jQuery,
li class,
nav,
page,
Panel,
slider,
solid core,
strict dtd,
thumb,
thumb5,
width,
Author: Siddharth | 178 views
31
Dec
A few months ago, you learned how to create an in-place editing system. Today, we’ll take things a step further as we create a simple backend, which will allow our website to remember the changes that we’ve made. A Word From the AuthorWith all the buzz around Web 2.0, ease of use is now much more important than ever. Being able to edit some content without having to go to another page is something a lot
Read more...
Tags :
box,
buffer,
class,
design approval,
development server,
Don,
editing system,
function,
harnish,
HTML,
key field,
null value,
Part,
proje,
random data,
selector,
Server,
sql queries,
text,
value,
web profession,