Photography, technology and Vancouver life.
Dan Steingart has written a PHP script that will pull your tags from Flickr and arrange them in a tag cloud for inclusion on your site. There are a number of parameters you can tweak including min and max font sizes, sort order, color, and username by applying arguments to the URL.
Similar to the tag clouds mentioned ealier, check out this php file which adds a cloud of your Flickr tags to the site.
What I did this past weekend was modify my WordPress installation so that posts could be tagged with keywords. This will enable users to navigate from one topic to another or stay within a given topic more easily.
Just another tag mod for WordPress. Read about it at:
Turning WordPress into a tag-based blogging application — Jarrod Trainque
Another link for the web design. This time it’s a Photoshop and CSS tutorial. Mmm CSS; it always tastes better with a little Photoshop.
Update: And in case you’ve forgotten, here is a list of all the CSS properties in alphabetical order.
Add one more link to the previous post about colour selection:
ColorBlender.com | Your free online color matching toolbox
Update: …make that two:
Here are some CSS layout links for the website desgin.
I was recently confronted with the task of creating a two-column liquid layout with a header and footer in which the content needed to come before the sidebar in the source code. I took opportunity to demonstrate an under-used aspect of CSS: negative margins. Negative margins allow us to push the content area away from the sides of the browser, leaving room for the sidebar.
Creating Liquid Layouts with Negative Margins: A List Apart
A List Apart always has great web design articles.
The trick is to use absolute boxes with fixed widths on the sides, and a plain old box in the middle with its side margins set as greater than those widths. The middle box can then expand with browser size.
Box Lessons by Owen Briggs
CSS Layout by Ross Shannon
Look Ma, No Tables
Box Flow Chart
CSS Creator — Layout
The Layout Reservoir
Layout-o-Matic
… and there is always that max-width problem with Internet Explorer
min-width, max-width re-hacked
max-width in Internet Explorer
Update: Here are the The 10 Best Resources for CSS according to SiteProNews.
CSS Reference. Talks about the different methods one can use to implement CSS.
While perusing the mound of newsfeeds I have yesterday, I stumbled across what looks like an oldie but a goodie: a series of inspirational design guides from Adam Polselli titled Get the Look.
Ranging from genres such as “Chic Simplicity” to “Corporate” and “Vintage”, each series comes in a two-part downloadable image set: the first image offers colors and schemes in a circular swatch format with accompanying hexidecimal definitions, as well as a few example fonts to consider. The second image in a set offers a few ideas on techniques, imagery and layout to help get the ball rolling.
I’m not sure if this has already made it around the design channels, but I figured if it’s the first time I’ve seen it, there might be some of you in the same bucket. Hope you enjoy!
The so-called “pocket” version of the well-known “Web-Dev-Bookmarks” (alvit.de/web-dev) is a single page, which includes essential links for web-development. Creativity resources, css galleries, color schemes & palettes, royalty free images, css layouts & navigation menus, ajax apps, SEO etc. — here you’ve got them all.
Simple, nice and useful.
Update: Also see the Web Style Guide
Recent Comments