with Lorelle and Brent VanFossen

Tag Archives: web design

Using CSS to Create a Photo Gallery

I have quite a few examples in my CSS Experiments on showcasing your photographs, as a single image or in a gallery format, and I found a very simple, easy-to-understand explanation of how to use CSS to create a photo gallery from Web Reference. With this article I hope to show you how to produce […]

10 Ways To Make Your Web Site Work Harder For You

SCORE offers a great article on 10 Ways To Make Your Web Site Work Harder For You. It is must read for website administrators and owners. I especially love the tip “Focus the Home Page and Product Pages on Your Customers’ Interests, Not Yours”. That’s a really good reminder. Tips include: Make Sure Your Site […]

Clearfix CSS Hack: Solving Stair Stepping Images

While I deal with this and other design issues I had with my site in the article WordPress Tips and Tricks – Template Files, Styles, and Themes, the issue keeps coming up. So I decided we needed to address it specifically. What to do when images start shoving other images round? Generally, we try to […]

Our Website Design

DESIGNERS MUST SEE THIS! If you are considering designing a web page, or if you have ever designed a web page, check out this wonderful series on the evolution of a website from Webreference. You will learn more about what it takes to create, maintain, and establish a successful web page than you will ever […]

Living in an 800×600 World

My laptop’s motherboard gave up the ghost and had to be shipped out for repair. That left me with two choices: Using Brent’s laptop, or hooking up my new rebuilt server/desktop and borrowing an old monitor from a friend. I went with the latter. I’ve been living for over two weeks in an 800×600 world […]

CSS Experiments – Web Fonts and Embedded Fonts

CSS Experiments CSS Unleashed – Experiments with CSS Designs CSS Book Recommendations CSS Experiments Playing With CSS Blocks CSS Experiments with CSS Logo Designs CSS Experiments with Background Images and Backgrounds CSS Experiments with Lists, Menus, Tables of Content, and More CSS Experiments – Web Fonts and Embedded Fonts CSS Unleashed – Experiments with Quotations, […]

Views of a Web Page

Web pages aren’t viewed by everyone equally. We’ve taken one of our web pages and passed it through some tests to resize, reshape, mash, smash, shrink, expand, and mess with our design. If you are going to experiment with CSS, or even if you are just designing a simple Theme or web page layout, you […]

CSS Experiments – How They Were Done and More

CSS Experiments CSS Unleashed – Experiments with CSS Designs CSS Book Recommendations CSS Experiments Playing With CSS Blocks CSS Experiments with CSS Logo Designs CSS Experiments with Background Images and Backgrounds CSS Experiments with Lists, Menus, Tables of Content, and More CSS Experiments – Web Fonts and Embedded Fonts CSS Unleashed – Experiments with Quotations, […]

CSS Tips and Tricks – Jazzing Up the Content

We’ve show how to jazz up a web page’s content within a container or box. Now it is time to look at some tips and tricks for jazzing up the content. CSS Text Effects There are a variety of text characteristics you can also add to jazz up your text. First of all, you can […]

CSS – The Things You Need To Know

While there is a lot of information about code styles and design layouts out on the web and throughout our CSS experiments and examples, some of the smallest details can be difficult to find. One of the little bits I needed to know was about how to layout a style sheet. Where do the spaces […]

Understanding CSS Selectors and Attributes

Word Games – Understanding the CSS Jargon Understanding how CSS and HTML work together is not easy. The idea that it takes two pieces to fit together to make a web page display is a challenge. We’ve broken down the concept into simple terms and definitions, as well as simple examples to help you understand […]

CSS Tips and Tricks – Backgrounds and Transparencies

We’ve done a lot of different CSS experiments, pushing CSS to its limits with fun and jazzy text, filters, horizontal and vertical flipping, and more, and now it’s time to tackle some fun with more filters. Be sure and check out more of our CSS Experiments to help you expand your imagination with what is […]

CSS Tips and Tricks – Filters and Transforming Text

Flippin’ Filter Fun: flipv and fliph There are tons of filters you can have fun with with your CSS experiments. Remember, these only work on a few browsers, so test them out before putting them into use. Firefox and older browsers have trouble with these, though Microsoft Internet Explorer’s latest versions display these well. We […]

CSS Tips and Tricks

While we avoid a lot of whizbang tricks, we have used a few here and there. Most recently, we discovered some useful tricks when designing a “fancy” version of our web page layout. A major part of these we turned into our CSS Experiments. As nature photographers and instructors, Brent likes to teach the following […]

CSS Unleashed – Experiments with CSS Designs

99 THINGS YOU DIDN’T KNOW YOU COULD DO WITH CSS * *And How To Do Them Well! We decided to offer up some of our own experiments for you to learn more about CSS and for us to have a little fun, too. The following designs were completely created without tables, using only Cascading Style […]