CSS Ninjitsu Links

Posted on


Awesome Ninja

Future of CSS Ninja depends on these links!

HTML list have become one of the most used elements for marking-up various semantic content structures — navigation, comments and * #### Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine

Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu one of few design elements which provide users with some sense * #### Using Weather Data to Change Your Website’s Appearance through PHP and CSS – CSS -Tricks

<div class=“entry-content description”> This is a really neat idea. I’d love to implement this, or something like it on TYB . </div> * #### 10 best CSS hacks | StylizedWeb.com

If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I’ve written about some of them earlier on PNG transparency issues, Yellow fields in web form, Vertical align div etc.. Here is the list of 10 hand picked CSS hacks and tricks which can help you in your CSS code and also save some time. * #### PS Brushes.net – Photoshop Brushes, Your Number one source for Photoshop Brushes

<div class=“entry-content description”> “Photoshop Brushes, We offer over 500 photoshop brushes all for free, with those kind of numbers why would you search for photoshop brushes anywhere else?”

The wonderful thing about this site is the design. It’s really fantastic. I love how organized it all looks. </div> * #### CSS Type Set

” CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.” It’s a nice, clean interface. Easy to use. * #### The 7 CSS Hacks that we should use

<div class=“entry-content description”> “If you are trying to do pixel-perfect cross-browser CSS layout, then you have probably ran into problems with IE . I am going to highlight the top 7 CSS hacks that we often use to have pixel perfect design.”

I wouldn’t say that you should use these hacks, but as a CSS professional who has to use some hacks due to the constraints of the systems I work with, these are the one’s that I’d use for sure. It’s a nice reference.
</div> * #### Vitamin Features » Streamline your forms with widgets

<div class=“entry-content description”> “Using this technique, we’re able to save valuable screen real-estate and the user is, hopefully, less frightened by all those checkboxes. In addition, you’ll have much more freedom to style your dropdown controls to match the look and feel of your application.”

I could have used a technique like this recently, but I was having some positioning problems so I had to ditch it. Nice walk-through.
</div> * #### Web Developer’s Field Guide – Your Ultimate Resource

“The ultimate resource for web developers, designers, bloggers, coders, hackers, builders, and entrepreneurs.” In my quest to avoid using Google, this has become quite a handy little guide. * #### How to create CSS layouts without using FLOAT

I think this is an interesting concept. Definitely good points. * #### 12 Steps to Creating a Professional Web Design | Professional Web Design Blog

Although there is no one size fits all process to creating a website, there are a number of things a website designer must do to create a professional web design and website. * #### ModalBox — An easy way to create popups and wizards

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. * #### A List Apart: Articles: How to Size Text in CSS

A better best practice for sizing type in CSS . * #### 100% Height Layout Using CSS

This is a very simple solution to a problem that’s been around for a long time. I’m not sure of any caveats at this time. * #### 101 CSS Techniques Of All Time- Part 1

A round-up of 101 CSS techniques designers use all the time. Definitely worth taking a very close look at!


Illustration by Leighton Coombs