Tag Archive | "css3"
Awesome CSS+JS form styling
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...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...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...PHP and MySQL File Download Counter
torsdag, februar 25, 2010
Kommentarer slået fra
It has been a while since we’ve done a proper PHP & MySQL tutorial here, So today we are creating a simple, yet robust, file download tracker. Each file will have a corresponding row in the database, where the total number of downloads is saved. PHP will update the MySQL database and redirect the visitors to [...]
Continue reading...CSS Fundamentals: CSS 3 Transitions
torsdag, februar 25, 2010
Kommentarer slået fra
As CSS3 rolls out around the web, it is bringing some interesting new presentational techniques along with it. Today, we’ll review the basics of using CSS3 transitions and animations to add an extra layer of polish. Tutorial Details Program: A web browser that can utilise CSS3 transistions (Chrome or Safari) Language: CSS Difficulty: Easy Estimated Completion Time: 30 min Step [...]
Continue reading...Coding a CSS3 & HTML5 One-Page Website Template
torsdag, februar 18, 2010
Kommentarer slået fra
Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game. And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of [...]
Continue reading...Future of CSS: The Flexible Box Model
torsdag, februar 18, 2010
Kommentarer slået fra
Support As always with this new fangled CSS, support is pretty thin on the ground. Here’s a list of the properties and how they’re supported, in no particular order. Gecko Firefox Webkit Chrome/Safari Trident Internet Explorer Presto Opera box-flex Yes* Yes✝ No No box-direction Yes* Yes✝ No No box-align Yes* Yes✝ No No box-flex-group Yes* Yes✝ No No box-lines Yes* Yes✝ No No box-ordinal-group Yes* Yes✝ No No box-orient Yes* Yes✝ No No box-pack Yes* Yes✝ No No LÆS MERE (Læse tid 5:05 minuter) Tags: Chrome, CSS, css3, design, fil, FireFox, fix, GET, internet, Internet Explorer, IP, Mod, Over, porte, reference, Start, table
Continue reading...How to Code up a Web Design from PSD to HTML
mandag, februar 15, 2010
Kommentarer slået fra
A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and [...]
Continue reading...
onsdag, marts 10, 2010
Kommentarer slået fra