Author: Bill Pena | 314 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 | 136 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: Umut M. | 120 views
19
Jan
ie-css3.js is a project by Keith Clark which enables Internet Explorer to identify CSS3 pseudo selectors & render any such styles.
Including 2 JS files (DOMAssistant is required too) into your web pages & inserting CSS files with the <link> tag (inline styles are not supported) will make the rules work.
How does it work?
ie-css3.js downloads each style sheet on the page and parses it for CSS3 pseduo
Read more...
Tags :
amp,
cheap ssl certificates,
class,
CSS,
div,
DOM,
dom nodes,
DOMAssistant,
dynamic drag,
face kits,
Free,
inline styles,
internet explorer,
javascript library,
jQuery,
Keith Clark,
P.S. It,
pseudo,
rounded corners,
selector,
selectors,
twitter,
web,
Author: David Walsh | 129 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: Dion Almaer | 97 views
18
Jan
Geuis Teses has released an enjoyable library called Helium that has the goal of testing your stylesheets for unused style.
You inject helium into your site (e.g. put it in an included footer) and then when you hit the first page you will have a popup asking for the pages you want to test. Helium will find the style sheets that you use and will store that information and the page information inside of localStorage.
Read more...
Tags :
footer,
Geuis,
github,
goal,
Helium,
host test,
information,
library,
page,
site,
style,
style sheets,
stylesheets,
Teses,
trivial example,
Author: Dion Almaer | 156 views
15
Jan
David Davis of Ext doesn't just have a cool name. He does cool stuff :) His latest post explains a showcase of melding HTML5 video and canvas support as he creates a live video tooltip.
The example uses Ext JS web desktop and the code created delivers a special Panel that is able to deliver video, and then the simple act of grabbing a video frame and scaling it down for the tooltip:
PLAIN TEXT
JAVASCRIPT:
&nbs
Read more...
Tags :
canvas support,
cool stuff,
David Davis,
Ext,
HTML,
name,
nbsp,
post,
Showcase,
stuff,
tip,
tip height,
tip width,
tooltip,
video,
video frame,
web desktop,
Author: Dion Almaer | 44 views
15
Jan
David Davis of Ext doesn't just have a cool name. He does cool stuff :) His latest post explains a showcase of melding HTML5 video and canvas support as he creates a live video tooltip.
The example uses Ext JS web desktop and the code created delivers a special Panel that is able to deliver video, and then the simple act of grabbing a video frame and scaling it down for the tooltip:
PLAIN TEXT
JAVASCRIPT:
&nbs
Read more...
Tags :
canvas support,
cool stuff,
David Davis,
Ext,
HTML,
name,
nbsp,
post,
Showcase,
stuff,
tip,
tip height,
tip width,
tooltip,
video,
video frame,
web desktop,
Author: James Padolsey | 267 views
14
Jan
jQuery 1.4 was recently released. This wasn’t simply a maintenance release as some had speculated; there are many new features, enhancements and performance improvements included in 1.4! This post covers the new features and enhancements that you may find beneficial.You can download jQuery 1.4 right now, here: http://code.jquery.com/jquery-1.4.js1. Passing Attributes to jQuery(…)Pre 1.4, jQuery supporte
Read more...
Tags :
anchor element,
anchors,
App,
attribute,
attributes,
clickHandler,
DOM,
element,
element creation,
event,
foo,
function,
Google,
googler,
jQuery,
maintenance release,
method,
nbsp,
performance improvements,
quot,
Read,
Author: Burak Guzel | 184 views
13
Jan
Today, we continue our journey into the world of SQL and relational database systems. In this part three of the series, we’ll learn how to work with multiple tables that have relationships with each other. First, we will go over some core concepts, and then will begin working with JOIN queries in SQL.Catch UpSQL for Beginners: Part 1SQL for Beginners: Part 2IntroductionWhen creating a database, common sense d
Read more...
Tags :
Adam,
Andy,
Auto,
column,
common sense,
core concepts,
CREATE,
customer,
customer address,
database,
database relationships,
Foreign,
INT,
Joe,
KEY,
order,
queries,
relational database systems,
relationship,
Sandy,
separate tables,
sql,
table,
types of database,
types of entities,
Author: Chris Heilmann | 194 views
12
Jan
OK, this is nothing shockingly new, but I found it pretty useful. Using jQuery, Ajax has become more or less a one-liner:
PLAIN TEXT
JAVASCRIPT:
$(document).ready(function(){
$('.ajaxtrigger').click(function(){
$('#target').load($(this).attr('href'));
return false;
});
&
Read more...
Tags :
ajaxtrigger,
attr,
caches,
callback,
callback function,
container 40,
document,
format xml,
function,
HTML,
jquery ajax,
massive object,
nbsp,
PLAIN,
target,
text,
text javascript,
url,
web service,
0 Comments
Filed under: JavaScript, XmlHttpRequest, Yahoo, ajax, crossdomain, front page, jQuery, json, json-p, json-p-x, yql