Syndicate

Feed

CSS

Mar
29

DIY Advanced Paper Shadow in Photoshop

I have an idea for a tutorial.

The following Photoshop tutorial shows how to apply realistic drop shadows to photos. Once satisfied with your result, you can slice your image up and, using CSS rules, apply creative shadows, hence 3d effect, to any image, Drupal block, Drupal box, etc. Read more →

One file is attached to this posting. Login or register to download this file.


Nov
08

Lynda.com CSS Positioning Best Practices course reviewed

What do you have in CSS, Lynda? Nothing much, n'est-ce-pas? Apart from Adobe stuff and other stuff that's just too plain old...

About a month ago, I needed CSS material to get my CSS juices flowing again, ideally in screencasts form. I ordered the book and DVD bundle Handcrafted CSS by Dan Cederholm and Ethan Marcotte. I received the book and DVD two weeks ago but haven't really started on that yet. At about the same time, I also decided to do the Lynda.com CSS Positioning Best Practices course. The “best practices” bit was alluring, and positioning is what's hard in CSS, so... I added each chapter of it (the course) to my ActionMethod, and promised myself to hit the finish line. So I did. Here's the post-mortem of my generally unpleasant experience. Read more →

Oct
22

How to Shrinkwrap and Center a Block element inside a Block element

In this article, I will explain one way of horizontally centering a shrink-wrapped block element inside another block element using additional markup (an extra div). The problem is: You can not easily center a block element without first knowing something about its width. Read more →

Mar
08

Pro Css And Html Design Patterns: The Kabbalah of CSS

I just finished reading a book I bought one year ago. I found the book very dry at first, at least the first chapters, so I had put the book aside for many, many months... If writing CSS is a main part of what you do, you should get this book. Read more →

Aug
12

Rubber band and no-spilling contest

Now that Firefox 3 and IE7 are out and raging (and IE8 available in beta), a new clearfix solution has received the seal of approval from the website positioniseverything.net. Caution: it may make you shake your head, blink slowly and say 'Whaa…?'. Read this old article and digg it. Let your clear-block class be changed to .clear-block { overflow: hidden; }
— Update

You may read the rest of my article, which was published on Wednesday, April 11th 2007. Read more →

One file is attached to this posting. Login or register to download this file.


Apr
09

New Drupal theming ebook

I’m currently working on a Drupal 6 theming ebook. The beta ebook attached to this posting is for Drupal 5.
Update, March 29th, 2008.

I am in the process of writing a 50-and-some pages ebook on Drupal theming. I have an outline and a spiral book full of notes, and lots of sections are already written. My current draft (call that a beta-book) is 15 pages long and if you log in you may download it. Read more →

Because you are not logged in, you cannot see the 2 files attached to this posting. Login or register to download these files.


Apr
30

I have an idea

I have an idea for a tutorial.

My idea is to write a Photoshop tutorial, my first one, that would show how to apply realistic drop shadows to photos. Once you get desired result, you can slice your image up and, using CSS rules, apply creative shadows, hence 3d effect, to any image, Drupal block, Drupal box, etc. Similar tutorials are all over the web — well, not exactly, but there are quite a few of them. However, I had difficulty understanding the best of them. I clarified the whole process for myself, and have decided to dump it here. Lovely photo. Attached is my Photoshop CS2 file. The remaining step is to slice the image, of course. (If you examine the above image, you'll notice that I still have work to do to achieve truly realistic results. For example, the color of the 'white' outline is not realistic at the bottom.)

The tutorial is here.

One file is attached to this posting. Login or register to download this file.


Mar
13

Packt Publishing Drupal 5 Themes reviewed

A first release candidate of Drupal 6 was made available on December 20, 2007, that is, two days prior to the publication of this theming guide... which covers Drupal 5! Drupal 6.1 has since been released, and many of Drupal’s most popular add-on modules are now ready for use on production web sites. The author mentioned on his blog that an updated version of his book will be published, but Packt Publishing is not yet listing 'Drupal 6 Themes' among its upcoming publications. Still, I read the book, and worked through its examples on a Drupal 6 install. As a somewhat seasoned Drupal developer, I still found the book helpful. I recommend it, provided that, as you read along, you refer yourself to the concise (and well-put-together) Drupal 6 theming guide available on Drupal.org. Theming has definitely taken a leap forward in D6. For instance, intercepting and overriding theming functions is a lot easier now.

I bookmarked quite a few pages in the book Drupal 5 Themes.

 Read more →

Feb
26

Adding an icon to a headline or hyperlink

The attached pdf document shows how to add an icon to the left of a heading or link element using CSSRead more →

One file is attached to this posting. Login or register to download this file.


Feb
26

Drop shadow revisited, without float

Revisited as in “wait a minute, what if the methods for CSS drop shadow generally proposed on the web and in books by clique & all — Standards Village People — were just... convoluted ?” Yes, I have read CSS Mastery by Andy Budd & all. Read more →

One file is attached to this posting. Login or register to download this file.


Feed