Archive | HTML RSS feed for this section
Quick Tip: HTML5 Video with a Fallback to Flash
In this video quick tip, we’ll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the <video> element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers. Unfortunately, much like HTML 5 audio, Firefox and [...]
Continue reading...Quick Tip: How to Communicate Between Flash and HTML
12. marts 2010
Kommentarer slået fra
In this Quick Tip, we’ll look at how to use the ExternalInterface class. This allows us to write AS3 which can run JavaScript code, and vice-versa. That means you can use Flash to alter parts of the webpage in which it’s running! Step 1: Set up the Flash Document Create a new Flash ActionScript 3 document. Resize [...]
Continue reading...Design and Code a Cool iPhone App Website in HTML5
8. marts 2010
Kommentarer slået fra
HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects. HTML5 isn’t here just yet, but the Working [...]
Continue reading...Remove Scrollbar from Textarea in IE
7. marts 2010
Kommentarer slået fra
By default all versions of IE have a scrollbar on textareas, even when they are empty. No other browsers do this, so if you want to remove it so IE can visually match other browsers, just: textarea { overflow: auto; } The scrollbar will return (rightfully) when the text in the textarea expands beyond it’s bounds. Link til artiklen [...]
Continue reading...Creative Button Animations with Sprites and JQuery (Part 1: Photoshop)
3. marts 2010
Kommentarer slået fra
This tutorial will show you how to build creative hover animations for buttons using sprites. The particular effect illustrated in this tutorial is inspired by the “Download” buttons on Tutorial9.net. Part 1 of this tutorial explains the design process in Photoshop. In Part 2 we will convert it to XHTML + CSS and as a [...]
Continue reading...Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery)
3. marts 2010
Kommentarer slået fra
In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial. If you do not want to complete part one of this tutorial, you can download the source files created in that lesson here. Step 1 – HTML Different people will require a [...]
Continue reading...Find all Internal Links
3. marts 2010
Kommentarer slået fra
Find all links that start with the sites domain, a slash, relative file path, or a hashtag. var siteURL = "http://" + top.location.host.toString(); var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../'], a[href^='#']"); Link til artiklen (Læse tid 8 sek) Tags: CSS, design, fil, GET, IP, Source, Start, tag, URL
Continue reading...How We’ll be Building Websites in 5 years: HTML5 and CSS3 layout
3. marts 2010
Kommentarer slået fra
Graceful Degradation Since HTML5 and CSS3 aren’t going to be supported in all the browsers, especially not older ones like IE6, we can try and make it work in everything, but it won’t look the same in all of the browsers. For instance, rounded corners wont work in IE or Opera, but it wont affect the [...]
Continue reading...Validate Age
25. februar 2010
Kommentarer slået fra
This snippet presupposed an HTML form with and ID of “age-form” and three inputs (text or select) with the IDs “day”, “month”, and “year” respectively. $("#age-form").submit(function(){ var day = $("#day").val(); var month = $("#month").val(); var year = $("#year").val(); var age = 18; var mydate = new Date(); mydate.setFullYear(year, month-1, day); var currdate = new Date(); currdate.setFullYear(currdate.getFullYear() [...]
Continue reading...Mailto Links
25. februar 2010
Kommentarer slået fra
Basic Open default mail program, create new message with the TO field already filled out. <a href="mailto:someone@yoursite.com">Email Us</a> Adding a subject Open default mail program, create new message with the TO and SUBJECT field already filled out. Essentially we are adding the parameter subject to the href value. Spaces in the subject will probably work OK, but to be [...]
Continue reading...
13. marts 2010
Kommentarer slået fra