Posts Tagged ‘Designstudio’

ShutterPress: Design & Code A Photo Portfolio Site (Day 3: HTML/CSS)

Der Artikel “ShutterPress: Design & Code A Photo Portfolio Site (Day 3: HTML/CSS)” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

Advertise here Today we’re continuing the tutorial series for creating the ShutterPress design by converting it from a raw PSD to a functional website using HTML and CSS. By now, we’ve created the initial site design and gathered the required assets for coding . Now we’re going to actually code it so it’ll work in all major browsers! Intro : Day 3, HTML/CSS Conversion Today is all about converting our PSD design into a fully working HTML site! We’ll walk you through the markup step by step, until we have a site that looks great on all major browsers. We’ll be approaching this from an intermediate level of understanding, so if we move too quickly past any of the basic steps, feel free to ask any specific questions in the Comments section below

30 CSS3 Progress Bars 100% Free for Download

Der Artikel “30 CSS3 Progress Bars 100% Free for Download” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

Galen Gidman has made a set of 30 CSS3 Progress Bars – each it’s own color. He is offering them as a 100% free download. Those progress bars were using no images what-so-ever… just CSS3. You can use them wherever you like, even in commercial projects.

ShutterPress: Design & Code A Photo Portfolio Site (Day 2: Slicing & Code Prep)

Der Artikel “ShutterPress: Design & Code A Photo Portfolio Site (Day 2: Slicing & Code Prep)” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

Advertise here I’m a huge fan of photo-centric site designs… so today I’m excited to launch a new “complete site” tutorial that’s geared towards photographers, illustrators, and other visual creatives. In Day 1, we designed the template in Photoshop using some special tricks and techniques. Today, in Day 2, we’ll walk through the final design phase and then do some “pre-flight” preparation for the coding phase, which we’ll go over in detail in Day 3. In Day 4, we’ll show you how to create three completely different sites using the same raw HTML. Intro : Day Two, “Pre-Flight” Preparation Today’s session is going to be relatively quick in terms of technical tricks… but we’ll be going heavy on the “workflow” tips, so pay attention if you’re curious about the phase of a project that happens after design and before the coding begins.

Discover Micro Frameworks & Micro Libraries with Microjs

Der Artikel “Discover Micro Frameworks & Micro Libraries with Microjs” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

How much library code do you really need – 50K? 100K? 150K? More? How much of that do you really use?

Checking Quality of Your Code with Holmes.CSS

Der Artikel “Checking Quality of Your Code with Holmes.CSS” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

The  holmes.css is useful for checking the quality of your code (up to W3C HTML5 standards), nitpicking over ensuring markup is valid and semantic and accessility guidelines are met, and when you are tasked to fix up and debug an old, OLD website. The holmes.css file will display either an error (red outline), a warning (yellow outline), or a deprecated style (dark grey outline) for flags such as: Missing required attributes on tags, Potentially improvable markup, Deprecated and Non-W3C Elements and Non-W3C Attributes. Requirements: – Demo: http://www.red-root.com/sandbox/holmes/ License: License Free Related Posts Ample SDK – Open Source Javascript GUI Framework Easy To Use jQuery Plugin For Radical Web Typography 2 Winners of Giving Away 2x SEO Book WMD – The Wysiwym Markdown Editor Fully Interactive jQuery File Tree Sponsors Using What Font is you can identify the font you are looking for! Aactis Shopping Cart: easy, fast and reliable.

Create HTML5 Digital Publications with Laker

Der Artikel “Create HTML5 Digital Publications with Laker” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

Laker is a compendium of files, styles and tips for designing digital publications in HTML5 . This development guide shall help you solving some of the common problems when designing and building a digital publication with HTML5. It provides you with all information about files, scripts, styles etc. used in Laker

Analyzing Groupon’s Design: Why So Many Buy In

Der Artikel “Analyzing Groupon’s Design: Why So Many Buy In” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

Sites like Groupon and LivingSocial have gained some serious traction in recent times with some raising nearly a billion US dollars in a single investment round. The idea around these “daily deals” sites is sharing, with Groupon’s name being a portmanteau of “group coupon”. Most are also localized to specific cities and locals with one offer being available per day. Today, we’re going to examine how these sites work at the nuts-and-bolts web design level…. and how you can take these tricks and use them in your own projects

Beautiful Subtle Patterns Free for Download

Der Artikel “Beautiful Subtle Patterns Free for Download” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

Do you need some tasty, high quality website background patterns for your next web project? Atle Mo from Subtle Patterns made us 12 beautiful subtle patterns free for download. You can also check the result of each pattern by clicking the “Preview” button.

Proximity in Design: Why I Can’t Use My Car’s A/C

Der Artikel “Proximity in Design: Why I Can’t Use My Car’s A/C” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

? ? I’m always fumbling with the A/C controls in my car. My daily commute is in hot, sunny Southern California, home of the courteous freeway driver. I can’t afford to take my eyes off the road for too long to find the control I’m looking for. Half of the time when I’m trying to adjust the temperature, I end up blowing my beard off because I’ve spun the wrong dial. If my wife’s in the car with me, I usually resort to asking her to do it for me.

HTML5 Music & Audio Solutions for jQuery

Der Artikel “HTML5 Music & Audio Solutions for jQuery” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash

Speakker is a crossbrowser Audio solution featuring HTML5. It comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes. Easy to set up.