Alisen Hazzard

the Blog

Tag: css

Easy CSS Layout - Two Column Photo Album

July 15th, 2014

Tags: Web Design, CSS

There are many effective ways to style photos on a website using responsive design. I have experimented with Masonry (a JavaScript grid layout), Flexbox, and other grid-based layouts for the structure of my photo albums, but these techniques don't work for some sites. Here is a floating two column structure. The limited amount of code needed is also a plus.

Keep reading

Simple Flexbox Website

August 8th, 2014

Tags: Web Design, Flexbox, CSS, HTML

Using Flexbox to structure the layout of a website includes two parts: a parent element that acts as a flex container, and one or more child elements which receive the flex properties of the parent. First, the parent element receives the flex property display: flex, and then it’s fast and easy to style the child elements. With a few quick media queries to adjust for different screen sizes, your layout is ready to go!

Keep reading
Portfolio Website Design Process
Installing MAMP and WordPress Locally
First Steps for Developing a WordPress Theme
Getting Started with Search Engine Optimization (SEO)

UX Usability Photoshop CSS Web Design WordPress SEO Typography Illustrator JavaScript Wireframes Writing Flexbox HTML Github Web Development