Archive for the ‘Code & Tech’ Category

Rundown of Web Design things Designers Might Not Think Of

Here’s a simple list of things that a designer should think about when designing a website comp, but my not consider. If you find some way to indicate your choices for these things in the comp, it makes it much easier for the coder (e.g., me) to work with and know exactly what you need. [...]

Anatomy of a WordPress Theme (for Designers)

I would like to make this post so that designers who are not as familiar with designing for blogs can see some of the facets of design that are required to cover all the bases when designing a WordPress theme. First, here is a the screenshot (small) of the entire example page. Click on it [...]

My IE testing setup in a nutshell (for WordPress)

Here is my setup for handling irregularities in IE, when developing WordPress themes. [sourcecode language="html"] <link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url’); ?>" type="text/css" /> <!–[if IE]> <link rel="stylesheet" href="<?php bloginfo(‘stylesheet_directory’); ?>/css/tripoli.simple.ie.css") /> <![endif]–> <!–[if lte IE 6]> <link rel="stylesheet" href="<?php bloginfo(‘stylesheet_directory’); ?>/css/ie6.css" type="text/css" media="screen"> <![endif]–> <!–[if IE 7]> <link rel="stylesheet" href="<?php bloginfo(‘stylesheet_directory’); ?>/css/ie7.css" type="text/css" media="screen"> <![endif]–> <!–[if [...]

New Google Fonts API Experiment

(Note, if you are viewing this on the main blog page .. To see this with its Google font magic, you have to go to the post page, here.) This is pretty badass, IMHO. This text is 100% selectable, live text. From code.google.com/apis/webfonts/docs/getting_started.html#Quick_Start: So that’s all I’ve done here. This text is fully selectable! I’ve [...]

Created a Plugin to Add List Links Shortcode

A bit neglected thing is the Links manager feature of WordPress. I have been wanting to use it to manage lists of cool stuff I find. I was thinking, there needs to be a different thing that’s not exactly a page (a theoretically “permanent” page of stuff), or a post (a very time-dependent grouping of [...]

CSS3 Gradient Buttons [link]

I admit it: these are really cool. www.webdesignerwall.com/tutorials/css3-gradient-buttons/ As I look more into CSS3, I begin to see the possibilities. Add these to your menu of what’s possible and easy for your coder. Of course, some of the examples do require progressive enhancement (read: not all of the features will work in Internet Explorer–particularly the [...]

Smashing post on CSS 3 Options for Internet Explorer

Here’s the link: www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ This really opened my eyes. When you start to think you could really use some of these things, and they would work everywhere, it opens up lots of new ideas. Foremost were: The ability to specify background gradients Rounded corners Opacity Box shadows Transparent colors Thanks to Louis Lazaris for opening [...]

Resolution-Specific Stylesheets

Chris Coyer of CSS Tricks has an article about resolution-specific stylesheets (here). I think this is a duh moment for me, when I saw this–that is, of course this is a great idea! The basic concept is, design different stylesheets for different browser sizes: large screens, smaller screens, and mobile screens. Chris’ article is rather [...]

How I add notes to my FaceBook page

I have a pretty popular FaceBook page, Discover Avatar Now.  It  is for a very wonderful amazing course that I help to teach, and practice, called Avatar®. Since I feel quite successful in terms of how I have formatted the long posts on there (called “Notes”), I thought I may as well make this into a [...]

Über-Simple Project Management Solutions: My Solution

Here is the über-simple solution I have come up with, for the present moment, anyway: Messaging Use Tgethr to create threaded discussions where all the messaging are in one place. This will allow threaded communications with a very minimum of effort, and maximum of utility. I chose this over ThreadBox because, on early inspection, Tgethr [...]