Category Archives: Intermediate

PHPHOST BLOG

Web Hosting Related Articles You May Need

CSS Gradients

This article was originally published on March 2, 2010. It was updated April 1, 2011, July 20, 2011, and again March 3, 2014, each time to clarify and correct browser prefixes and best practices.

Just as you can declare the background of an element to be a solid color in CSS, you can also declare that background to be a gradient. Using gradients declared in CSS, rather using an actual image file, is better for control and performance.

Gradients are …


CSS Gradients is a post from CSS-Tricks

Continue reading

Posted in Article, Intermediate, Syndicated | Comments Off on CSS Gradients

How To Deal With Vendor Prefixes

There are plenty of different ways to deal with vendor prefixes in CSS as part of your workflow. It depends on if you hand-author CSS or preprocess, and even then there are choices.

How To Deal With Vendor Prefixes is a post from CSS-Tricks

Continue reading

Posted in Article, Intermediate, Syndicated | Comments Off on How To Deal With Vendor Prefixes

Receding Background Modal Boxes

In which we reverse engineer the really cool effect of Hakim El Hattab’s Avgrund demo. Visually pleasing, but also an effective and clear design pattern for modal/dialog boxes.

Receding Background Modal Boxes is a post from CSS-Tricks

Continue reading

Posted in Article, Intermediate, Syndicated | Comments Off on Receding Background Modal Boxes

Responsive Web Above The Fold

A guest post by Arley McBlain on using media queries to adjust for available vertical space.

Responsive Web Above The Fold is a post from CSS-Tricks

Continue reading

Posted in Article, Intermediate, Syndicated | Comments Off on Responsive Web Above The Fold

Don’t Overthink It Grids

The vast majority of websites out there use a grid. They may not explicitly have a grid system in place, but if they have a “main content area” floated to the left a “sidebar” floated to the right, it’s a simple grid.

If a more complex layout presents itself, people often reach for a grid framework. They assume grids are these super difficult things best left to super CSS nerds. That idea is perpetuated by the fact that a lot …

Don’t Overthink It Grids is a post from CSS-Tricks

Continue reading

Posted in Intermediate, Syndicated | Comments Off on Don’t Overthink It Grids

Don’t Overthink It Grids

The vast majority of websites out there use a grid. They may not explicitly have a grid system in place, but if they have a “main content area” floated to the left a “sidebar” floated to the right, it’s a simple grid.

If a more complex layout presents itself, people often reach for a grid framework. They assume grids are these super difficult things best left to super CSS nerds. That idea is perpetuated by the fact that a lot …

Don’t Overthink It Grids is a post from CSS-Tricks

Continue reading

Posted in Intermediate, Syndicated | Comments Off on Don’t Overthink It Grids

Don’t Overthink It Grids

The vast majority of websites out there use a grid. They may not explicitly have a grid system in place, but if they have a “main content area” floated to the left a “sidebar” floated to the right, it’s a simple grid.

If a more complex layout presents itself, people often reach for a grid framework. They assume grids are these super difficult things best left to super CSS nerds. That idea is perpetuated by the fact that a lot …

Don’t Overthink It Grids is a post from CSS-Tricks

Continue reading

Posted in Intermediate, Syndicated | Comments Off on Don’t Overthink It Grids

Don’t Overthink It Grids

The vast majority of websites out there use a grid. They may not explicitly have a grid system in place, but if they have a “main content area” floated to the left a “sidebar” floated to the right, it’s a simple grid.

If a more complex layout presents itself, people often reach for a grid framework. They assume grids are these super difficult things best left to super CSS nerds. That idea is perpetuated by the fact that a lot …

Don’t Overthink It Grids is a post from CSS-Tricks

Continue reading

Posted in Intermediate, Syndicated | Comments Off on Don’t Overthink It Grids

Crazy Town Selectors

I recently used this selector as an example in a blog post:

.article #comments ul > li > a.button {
/* Crazy town */
}

There was a few comments to the effect that this seemed perfectly reasonable. I think if we step through it backwards the craziness comes out more clearly.

  1. It’s an element with a class of button.
  2. But it has to be an anchor link, otherwise it won’t match.
  3. And it has to be a

Crazy Town Selectors is a post from CSS-Tricks

Continue reading

Posted in Article, Intermediate, Syndicated | Comments Off on Crazy Town Selectors

Crafting Minimal Circular 3D Buttons with CSS

A tutorial on how to make a three-dimensional circular button with font icons and CSS3.

Crafting Minimal Circular 3D Buttons with CSS is a post from CSS-Tricks

Continue reading

Posted in Article, Intermediate, Syndicated | Comments Off on Crafting Minimal Circular 3D Buttons with CSS