Tag Archive | "CSS"
Insert Element Every nth Loop
When inside of a loop, you can keep track of the iteration number of the loop (shown below is a simple for loop). Using that iteration number, you can calculate it’s modulus of some number (number left over after an even division). If that modulus is zero, you are at an even division of whatever [...]
Continue reading...Awesome CSS+JS form styling
onsdag, marts 10, 2010
Kommentarer slået fra
Sexy CSS+JS Form I was working on our new open source project that i think you will like and I was working on the registration page. This is what I got in the end and i will walk you trough the process with me. This new tutorial is about styling the forms of your website, I [...]
Continue reading...Making a Mosaic Slideshow With jQuery and CSS
onsdag, marts 10, 2010
Kommentarer slået fra
When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem. However, to make a lasting impression to your visitors, you [...]
Continue reading...Design and Code a Cool iPhone App Website in HTML5
mandag, marts 8, 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
søndag, marts 7, 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...Creating a simple Blog System – Part 1
torsdag, marts 4, 2010
Kommentarer slået fra
Part 1 – Overview of Functions, Database & Files Overview In this tutorial we’ll be creating a very simple blog system. We won’t be using OOP yet in this tutorial. For creating a Blog using OOP in PHP, another more advanced tutorial will be written and posted as well. The same goes for creating a more advance [...]
Continue reading...Creative Button Animations with Sprites and JQuery (Part 1: Photoshop)
onsdag, marts 3, 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)
onsdag, marts 3, 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...Design a Prettier Web Form with CSS 3
onsdag, marts 3, 2010
Kommentarer slået fra
Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a dull web form into something beautiful – with minimal effort. I’ll show you how in today’s tutorial! Our Final Product Subtle background gradients give depth to the fields while shadows lift them from the page. Even more impressive is that [...]
Continue reading...Find all Internal Links
onsdag, marts 3, 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...
onsdag, marts 10, 2010
Kommentarer slået fra