Category Archives: web design and development

Bank of America Parodied

There is a fantastic website that looks like a copy of Bank of America’s website. If you look closer, you realize that something is up. The design elements are the same, but something is not quite right. It seems that the goal of the parody website, Your Bank of America, is to embarrass the bank [...]

Also posted in e-activism, money in politics | Leave a comment

Who is the 99 Percent?

I think this might be a default look for Tumblr or the template used on the site – I am not sure. Either way, the archive page shown below is very appealing. It contains member stories. If only the home page looked like this too. (It is a straight-forward blog design).

Also posted in blogging | Tagged , , , , , | Leave a comment

Attempting White House Style slideshow using jQuery Cycle plugin

As I mentioned before, I am a big fan of the redesign of whitehouse.gov that happened when Obama was inaugurated. One of the other things I impressed me was its use of a slider on the home page to trumpet featured posts. Because I was in the middle of a building a new website for [...]

Posted in web design and development | Tagged , , , , , , , , , , | 24 Responses

Attempting White House style navigation using jQuery and Superfish

I have been loving the redesign of whitehouse.gov that coincided with Obama’s inauguration since, well, his inauguration. One of the things that impressed me the most is its navigational menu. It is a horizontal, pull-down style menu, but what is most interesting to me is the “mega” nature of the sub-menus. It so happens that [...]

Posted in web design and development | Tagged , , , , , , , , , , , | 27 Responses

RSS feeds for productivity and outreach

RSS feeds have been around for a long time.  My experience with them was limited to adding the NY Times and the BBC as “Live Bookmarks” in Firefox. Slowly, I began to realize that there is more to it than that – a lot more.  This is not an exhaustive list of uses for RSS [...]

Also posted in blogging, e-activism | Tagged , , , , , , , , , , , | Leave a comment

Color scheme helper

Free online tool: Color Scheme Designer This is a great resource if you don’t even want to think about it, or when you just need a helping hand.

Posted in web design and development | Tagged , , | 1 Response

You don’t have to be Dostoevsky to write for the web

Tips for web writing “5 Writing Tips for Web Designers” has good advice for those of you who write for the web. Below is my summary and commentary. Also, see this related post. 1. Basically, it’s all about your customers’ needs for finding information, becoming a member, getting involved, donating, whatever. Everything – including links, [...]

Also posted in blogging | Tagged , | Leave a comment

Web standards curriculum from Opera

This is a multi-chapter curriculum that offers tutorials on web design concepts, HTML basics, CSS basics, web accessibility, best practices and more.  I haven’t yet delved into this in detail, but I’m really excited to.  I think this might be a great supplement to the mighty W3 Schools.

Posted in web design and development | Tagged , , , , , , , , | Leave a comment

Creating a slideshow using JQuery Cycle Plugin

Here is a great slideshow tool that I found.  It’s called JQuery Cycle Plugin.  It offers a bunch of cool effects. It a plugin for JQuery.  JQuery is a library that makes JavaScript effects easier to code.  Both can be integrated with WordPress. I used JQuery Cycle Plugin to create the animation found on the [...]

Posted in web design and development | Tagged , , , , , | Comments closed

Wrap text using CSS float and curved images

I found a cool CSS technique on this web page. The idea is have text wrap in a curvy, rather than in a block-like manner. Here are the basic steps Take an image and slice it into horizontal strips. Use the same height for each strip. I use GIMP to make the image’s background transparent. [...]

Posted in web design and development | Tagged , , , , | 2 Responses