Author: Umut M. | 325 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: Dion Almaer | 2,333 views
2
Feb
A Googler and a Facebooker were in a pub discussing the complexities of building out a rich modern Web application. There are a ton of dependencies, and you need to be proficient in multiple languages and tools (JavaScript, HTML, CSS, SQL/NoSQL, backend languages, build tools, etc).
Well, they may not have been in a pub.... but a deadly duo did get together to try to solve this problem.
Dustin Moskovitz (Facebook c
Read more...
Tags :
Author: Bill Pena | 311 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: Dion Almaer | 120 views
21
Jan
There have been a few HTML builder APIs out there, but Ed Spencer (new lead of Ext JS) has put together something that looks and feels similar to Haml from the Ruby side.
Jaml lets you write HTML like this:
PLAIN TEXT
JAVASCRIPT:
div(
h1("Some title"),
p("Some exciting paragraph text"),
br(),
ul(
li
Read more...
Tags :
div,
Ed Spencer,
HTML,
html builder,
item,
Jaml,
JavaScript,
js,
nbsp,
paragraph text,
PLAIN,
Product,
product description,
quantity,
quantity value,
repo,
Ruby,
text,
text javascript,
view larger image,
Author: Umut M. | 247 views
21
Jan
bxGallery is a lightweight jQuery plugin for creating image galleries with thumbnails.
It requires images to be defined within an unordered list & converts them to a gallery with several options like:
max width/height of images (will resize maintaining aspect ratio)
thumbnail width & if it will be cropped to create a perfect square
opacity of thumbnails
loading text & image
The plugin also has an opti
Read more...
Tags :
amp,
aspect ratio,
bottom right,
bxGallery,
cheap ssl certificates,
dynamic drag,
Gallery,
image,
JavaScript,
javascript form,
jQuery,
list,
loading text,
max,
max width,
opacity,
plugin,
smart interface,
twitter,
width,
Author: Bill Pena | 134 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: Chad Hietala | 98 views
19
Jan
In this tutorial, we will adventure into the world of XSL(T) and explain what it is, how to pull data from an XML document, basic iteration and basic login and conditional statements.Tutorial DetailsProgram: Any Text EditorVersion: 1 of 1Difficulty: MediumEstimated Completion Time: 25minOverviewSometimes, you have huge datasets that are parsed out as XML that need to be formatted so that someone who doesn’t k
Read more...
Tags :
CMSs,
conditional statements,
database javascript,
document,
dynamic properties,
element,
file xsl,
Google,
google search,
head,
Inspector. To,
language transformation,
stylesheet,
teamsite,
template,
title,
vacation,
what is xsl,
XHTML,
XML,
xsl,
Author: David Walsh | 126 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: Chris Heilmann | 159 views
15
Jan
I am right now working on a high-traffic project that will run in a sandbox that doesn't allow me to pull third party JavaScript or use canvas/Flash. Yet I need to generate bar charts from a set of data.
The solution to me was to create the charts from HTML using CSS. There have been some solutions for this problem already but I wanted something very simple and easy to maintain. Hence all the markup I am using is
Read more...
Tags :
bar charts,
Chart,
chart c,
container document,
CSS,
gt 400,
HTML,
innerHTML,
JavaScript,
nbsp,
php,
php script,
PLAIN,
script,
script src http,
span,
text,
text javascript,
trickery,
ul class,
Author: Chris Heilmann | 107 views
15
Jan
I am right now working on a high-traffic project that will run in a sandbox that doesn't allow me to pull third party JavaScript or use canvas/Flash. Yet I need to generate bar charts from a set of data.
The solution to me was to create the charts from HTML using CSS. There have been some solutions for this problem already but I wanted something very simple and easy to maintain. Hence all the markup I am using is
Read more...
Tags :
bar charts,
Chart,
chart c,
container document,
CSS,
gt 400,
HTML,
innerHTML,
JavaScript,
nbsp,
php,
php script,
PLAIN,
script,
script src http,
span,
text,
text javascript,
trickery,
ul class,