Tag Archives: CSS

ResponsivePx

By Dposorio | Published: May 14, 2012

http://responsivepx.com/

Posted in links, web design and development | Also tagged , , , | Leave a comment

Px to EM Calculator

By Dposorio | Published: December 22, 2011

http://pxtoem.com/

Posted in links, web design and development | Also tagged , , , , , | Leave a comment

Attempting White House Style slideshow using jQuery Cycle plugin

By Dposorio | Published: February 25, 2010

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 | Also tagged , , , , , , , , , | 18 Comments

Attempting White House style navigation using jQuery and Superfish

By Dposorio | Published: February 15, 2010

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 | Also tagged , , , , , , , , , , | 19 Comments

Web standards curriculum from Opera

By Dposorio | Published: February 10, 2009

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 | Also tagged , , , , , , , | Leave a comment

Wrap text using CSS float and curved images

By Dposorio | Published: April 19, 2008

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 | Also tagged , , , | 2 Comments