Post pobrano z:
Devia
Archiwum kategorii: CSS
Cheesestrings
Post pobrano z:
Cheesestrings
The Tale of Fedot, the Shooter
„The promotional site for a new creation of Melnitsa animation studio, sophisticated and gorgeous animated film of the same named story by Leonid Filatov.”8 Of The Best Free CSS Tutorial Videos
Below is a collection of the best videos on CSS available on the web, hand-picked personally by me.
Short Introductory Videos
Using CSS by Joseph Lowery (03:43)
This video explains what cascading style sheets (CSS) are. You learn the basics of CSS and the primary interfaces in Dreamweaver to work with CSS. You learn how to apply basic CSS to a web page that contains text using Dreamweaver; specifically, you create and embed a new CSS rule for a heading and paragraph
Introduction To CSS Editing Using Firebug by Jim Plush (3:17)
The firebug firefox extension allows you to edit in real time your CSS code. Instead of having to make a change, reload, make a change, reload you can just edit it live to see the results.
Basics With Sample Code
Introduction to CSS by Heather James (15:26)
Good basic introduction to CSS. In the first half of the video, she explains what CSS is and its basic concepts. In the second half of the video she shows us some examples. At one point she even uses Firebug. Cool!
Creating Beautiful Interfaces with CSS by Douglas Bowman (01:02:51)
Drop-down menus and sophisticated interface elements have traditionally been implemented using JavaScript and kludgy coding workarounds that often don’t work. It’s increasingly practical to deliver rich, beautiful, functional interfaces using semantic markup and CSS. Learn how modern markup can deliver great Web interfaces that are fast and reliable.
Basic HTML and CSS Tutorial. How To Make Website From Scratch by Jimmy Ruska (39:20)
A good basic tutorial on HTML and CSS. The first 10 minutes covers mostly basic HTML. Skip to the 9-minute mark to go straight to the CSS portion of the video.
Introduction to CSS by Stefan Mischook
A good, free video tutorial by Stefan Mischook of Killersites.com
Full Website Conversion Videos
100% CSS Web Design Series by Psmeg
A series of videos which details how to create a pure CSS based website using Adobe Dreamweaver. The series is composed of 9 parts nonetheless it is quite good and very easy to follow.
Converting a Photoshop Mockup Series by Chris Coyier
How to convert a website designed in Adobe Photoshop to HTML/CSS. Following the success of the first video series, Chris Coyier has come up with another video using a minimal version of the CSS-Tricks website.
Post pobrano z:
8 Of The Best Free CSS Tutorial Videos
Train Your Business Brain
„Sage Business IQ – Train Your Business Brain, to support UK’s toughest quiz on television, The Krypton Factor.”GE Smartgrid
„GE unveils the 21st century method of electrical transmission.”Hooky Interactive
„Welcome to the online 'playfolio’ of the newly formed Los Angeles based Hooky Interactive. „We love play time… come and join us!””Firescope Firefox Add-on for Firebug
Fans of the swiss army knife of web development Firebug will be happy to hear that this wonderful Firefox add-on has added another blade to its arsenal. With the help of the Firescope add-on, it can now provide CSS and HTML reference in a snap. Just right-click on any tag and click on the context menu to perform a lookup. The tool appears to have been developed by the web gurus over at SitePoint, so tool has links to further information on the SitePoint Reference web site.
The tool is also searchable. You can:
… search for HTML elements, HTML attributes, or CSS properties (or any combination). The search happens live as you type, so usually you’ll only have to type one or two letters to get the results you want.
Check out the screenshots:
Post pobrano z: Firescope Firefox Add-on for Firebug
CSS Magic with Fixed Background-attachment
I’m sure many of you are familiar with Eric Meyer’s Complexspiral demo, which was created to demonstrate the power of CSS and the background-attachment attribute. There are many other sites that use this concept to achieve a similar effect, providing added visual interest to the viewer. This can be seen in sites such as We Bleed Design, Westciv, Econsultancy, and even CSS Zen Garden. It has been used for years by Timpelen.
Ask the CSS Guy has come up with a short, easy to understand tutorial to help you achieve this effect. He also provides three nice examples using this same technique:
In the above examples no JavaScript was used at all, only CSS, that’s MAGIC! 
Post pobrano z: CSS Magic with Fixed Background-attachment
MooTools Font-Size Scroller with Cookie Save
David Walsh just recently published an excellent MooTools based font size scroller. Using only 4 lines of HTML it is very easy to implement thanks to MooTools, so if you are looking for a quick and painless way to add this type of functionality into your project, head over to the project page and check it out!
Post pobrano z: MooTools Font-Size Scroller with Cookie Save