Showing posts with label ul. Show all posts
Showing posts with label ul. Show all posts
Saturday, June 25, 2022

JS Map, Join Methods & The Spread Operator

›
The Javascript Array map method takes each element of an array and maps it to a new value. The mapping is done by the callback function ...
Wednesday, December 12, 2012

Replacing CSS List Bullets with Images Using Sprites

›
To create a CSS list like this one, include the styles for numberedlist class and write your markup as shown in the blue box. You can swit...
9 comments:
Sunday, December 09, 2012

CSS Image Grid by Floating Different Sized Elements

›
Ansel Adams Wilderness © Copyright by Steve Dunleavy | Creative Commons Share-Alike License 2.0 The picture shows a mountain r...
4 comments:
Monday, April 11, 2011

CSS Hover Menu on a Post-it Note

›
Things Notes Posts Calendar Hover over the yellow note to see how it changes. Example bitmap for the hover menu sprite: <html...
5 comments:
Friday, April 01, 2011

Styling the CSS Zen Garden Menu

›
Let's go back to CSS Zen Garden and finish the example that we were working on for the blog. We had left off here . The menu is sittin...
Monday, February 21, 2011

Pullquotes Using CSS and HTML

›
It was on CNN where I saw the pullquote styling that I'll be talking about in this post. Using the blockquote element, I've show...
Tuesday, September 28, 2010

Web Hosting Options

›
There are lots of options for Web hosting. Basically it breaks down into a few categories: Shared hosts: You get an account on a single s...
Sunday, July 25, 2010

An Image Grid Using CSS Floats

›
For an update on image grids, see this new post from May 2011. So far in this series, we have floated div's for page layout, floate...
10 comments:
Friday, July 16, 2010

CSS Navigation Menu Using Floats

›
So far, we floated the div element for layout, the img element for both layout and styling of a page and now I want to show you how to float...
Sunday, November 01, 2009

Styling a Table of Links: Related Class Jazzed Up

›
Earlier in CSS Bakery, we had designed a summary table that showed all the links to a series of posts to give the user a quick way to acces...
Monday, June 29, 2009

Data Visualization: Flexible Bar Graphs using CSS

›
A graph is a visual aid that reveals the behaviour of quantities better and more successfully than a set of written numbers. Bar graphs use...
12 comments: