Tag Archive | "tag"
Design and Code a Cool iPhone App Website in HTML5
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...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...How To Design a 3D Glass Icon in Photoshop
onsdag, marts 3, 2010
Kommentarer slået fra
Learn How To Design a translucent 3D Frosted Glass Box based on the Safari Icon in Adobe Photoshop. Step 1: Setting Up Make a new document with these settings: Next, select the fill tool (G) and fill it with #626262. Now, we need to make a new adjustment layer. Make a brightness/contrast layer (Layer > New Adjustment Layer [...]
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...Retrieving User Input Data
onsdag, marts 3, 2010
Kommentarer slået fra
In this tutorial we’ll be retrieving data from form fields. To do this we’ll first create an example form. We’re using the POST method to send the form data in the first example. Will later explain what this means, and how we can then retrieve the data from the form fields. Also the GET method [...]
Continue reading...How We’ll be Building Websites in 5 years: HTML5 and CSS3 layout
onsdag, marts 3, 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...Quick Tip: How to Use a Document Class in Flash
onsdag, marts 3, 2010
Kommentarer slået fra
Why Use Class Files? I’ll admit it – sometimes, coding entirely on the timeline is useful. It’s a quick way to test out an effect, and the easiest way to sync actions to specific frames of an animation. But for any project that relies more on code than on animation, there are serious disadvantages. All your ActionScript [...]
Continue reading...Sanitize Database Inputs
onsdag, marts 3, 2010
Kommentarer slået fra
1) Function for stripping out malicious bits <?php function cleanInput($input) { $search = array( '@<script[^>]*?>.*?</script>@si', // Strip out javascript '@<[\/\!]*?[^<>]*?>@si', // Strip out HTML tags '@<style[^>]*?>.*?</style>@siU', // Strip style tags properly '@<![\s\S]*?--[ \t\n\r]*>@' // Strip multi-line comments ); $output = preg_replace($search, '', $input); return $output; } ?> 2) Sanitization function Uses the function above, as well as adds slashes as [...]
Continue reading...All About Transformation in Adobe Illustrator
onsdag, marts 3, 2010
Kommentarer slået fra
In this tutorial you will learn everything you ever wanted to know about one of the most powerful Adobe Illustrator Tools – Transformation. Discover how it works, learn multiple ways of transforming objects, study the tools of transformation, and many other useful techniques. Tutorial Details Program: Adobe Illustrator CS3 Difficulty: Beginner Estimated Completion Time: 30 minutes Introduction Illustrator has plenty of [...]
Continue reading...
mandag, marts 8, 2010
Kommentarer slået fra