More articles on

css

Water Drop Effect in HTML & CSS

Water Drop Effect in HTML & CSS

The best way to learn anything is by doing it, plain and simple, trial and error. With the explosion of mobile devices and the evolution of HTML5, CSS3 and browsers, knowing to code is almost a requirement to anyone...
Basic Animations in CSS and Javascript for Prototypes

Basic Animations in CSS and Javascript for Prototypes

Motion design is getting more important everyday when it comes to design interfaces that engage with the user both functionally and emotionally. Because of this, I started practicing with Javascript and jQuery to create...
Introduction to Mobile Prototyping with HTML, CSS and JavaScript

Introduction to Mobile Prototyping with HTML, CSS and JavaScript

If you are a designer in this day and age you are probably designing for handheld devices like smartphones and tablets. We live in a polarizing world where on one side we have native apps and on the other the web, with...
Star Wars in CSS

Star Wars in CSS

One of the most memorable opening credits of all time has to be the Star Wars text scrolling in a 30-45deg perspective towards the horizon. It's a classic and it has been subject to all sorts of exercises and tutorials...
Experimenting with Swiss Style in CSS

Experimenting with Swiss Style in CSS

Last week I started playing in CSS for my new personal site. I decided to skip the Photoshop/Fireworks/Illustrator part and go from sketches to HTML/CSS. This process helps me to improve my coding skills, especially for...
Responsive Nav - Useful Responsive navigation plugin

Responsive Nav - Useful Responsive navigation plugin

What I love the most about the open source community and living in today's ever-evolving world is the abundance of great work being shared. It's pretty hard to not find what you're looking for, particularly within the...
Flipping Book in CSS and jQuery

Flipping Book in CSS and jQuery

The tutorial of this week is about HTML, CSS and a little bit of Javascript with jQuery. As the rule of trend now is mobile first and any designer who wants to really understand the media will have to be able to create...
Sponsored ads
Typographic Web Design: How to Think Like a Typographer in HTML and CSS - Book Suggestion

Typographic Web Design: How to Think Like a Typographer in HTML and CSS - Book Suggestion

The book suggestion of this week is about typography but for the web. The book title is Typographic Web Design: How to Think Like a Typographer in HTML and CSS and the author is Laura Franz. The cool thing about this...

Book Suggestion - HTML and CSS: Design and Build Websites

The book suggestion of this week is about web design, to be more precise, it's about HTML & CSS. The book is called HTML and CSS: Design and Build Websites and besides being super useful it's a beautifully designed...

Playing with CSS 3 - Animations, Rotate and Scale

I have been working on the new Abduzeedo design and have had the chance to play more with CSS 3, even though it's not fully supported on all browsers we can start using some really cool features such as round corners,...

Playing with CSS3

When I was working on the new version of Abduzeedo, the current one, I decided to learn and use CSS 3 to enhance the visual of some elements. Instad of using images to create shadows and round corners I used CSS 3. Of...
Sponsored ads

350+ Great CSS Tools and Techniques

One of the most enjoyable moments for a web designer is coding CSS. It's such a nice language that it actually gets fun to work with it... style your pages and actually watching your designs gain life and forms. But...

CSS Quick Tricks #1 - Where to put your CSS

Apart from the awesome design you get fed with here, it is time to start a new series! CSS Quick Tricks ! To be honest, I didn't really know where to start, so I thought I'd start at something simple, and then, as we...

Mini-layout inspired on 9rules design - CSS Part

Previously we've shown how to make a small layout on fireworks based on the 9rules desing. Now we're going to show you how to set this to code up. We're gonna explain everything, from slicing in Fireworks to setting the...

Tutorial: Obama's Background in CSS - Part 2

In this tutorial we're going to show how you may use the background we've created in the Obama's Background 1st part . But we're not only gonna show you how to put it inside a site body, but also how to create and...
Sponsored ads

Testing sites in different browsers

I've been working on several projects for the web lately and I have always had to test them in several browsers.

Wedeed logo

Lately I have been working with my brother on a promising project. Actually I shouldn’t even been talking about that now, but it’s necessary to say some things. Basically it’s all about CSS, it’s really cool, and it's...

Creating a web 2.0 blog - part 2

Here we go again, continuing the creation of my brother's blog, Blackbelt. Fixing some design issues and creating the XHTML and CSS template.

Designed by Brazilians proudly hosted by (mt) Media Temple