Local Histories

16.06.2019

Print brochure remade with CSS Grid.

Made with: HTML,CSS

View Code

Local Histories

Pure Css Magazine Style

6.06.2019

Made with: HTML (Haml),CSS (SCSS)

View Code

Pure Css Magazine Style

Bike Rides - Recreate A Magazine Layout

1.05.2019

Made with: HTML,CSS (SCSS)

View Code

Bike Rides - Recreate A Magazine Layout

Article Development. Modular Css Grid Layout Sections

16.04.2019

The concept of this project was to create modular HTML and CSS code that could be used to create sophisticated, responsive, magazine-style website designs. Each section includes its own modular code that can be plugged into any website and customized; the general styles of the module remain the same. The modules are created with CSS Grid and some newer properties (e.g., position: sticky). No JS has been used to create these layouts.

Made with: HTML (Pug),CSS (Sass)

View Code

Article Development. Modular Css Grid Layout Sections

Layout Demo - Shapes, Clip-Path And Css Grid

5.04.2019

A magazine style layout demo using shapes, clip-path and CSS Grid.

Made with: HTML,CSS (SCSS)

View Code

Layout Demo - Shapes, Clip-Path And Css Grid

Magazine Grid Layout Vol. Ii

28.03.2019

Made with: HTML (Pug),CSS (SCSS)

View Code

Magazine Grid Layout Vol. Ii

Magazine Grid Layout

10.03.2019

Playing with CSS Grid & CSS Columns & CSS Shape Outside properties.

Made with: HTML (Pug),CSS (SCSS)

View Code

Magazine Grid Layout

Full Spread Magazine Layout

21.11.2018

Full spread magazine layout - CSS Grid Layout

Made with: HTML (Pug),CSS (Sass)

View Code

Full Spread Magazine Layout

Responsive Css Grid Magazine Layout - 2

29.10.2018

Responsive magazine layout using CSS Grid. Best viewed at 1280px.

Made with: HTML,CSS (SCSS)

View Code

Responsive Css Grid Magazine Layout - 2

Responsive Css Grid Magazine Layout - 1

28.10.2018

Responsive magazine layout using CSS Grid. Best viewed at 1280px.

Made with: HTML,CSS (SCSS)

View Code

Responsive Css Grid Magazine Layout - 1

Grid Magazine Typography

19.09.2018

HTML and CSS grid magazine typography.

Made with: HTML,CSS (SCSS)

View Code

Grid Magazine Typography

Red Onion's: The Daily Prophet

13.09.2018

A copy of the Red Onion's Daily Prophet using Flexbox.

Made with: HTML,CSS (SCSS)

View Code

Red Onion's: The Daily Prophet

Responsive Magazine Layout 3

5.08.2018

Made with: HTML,CSS

View Code

Responsive Magazine Layout 3

Responsive Multicol Magazine Layout

17.05.2018

"Visiting Vancouver, I was very impressed with the layout of "Montecristo Magazine", but disappointed that their online presence didn't reflect that. This is my design to improve on that." - Dudley Storey

Made with: HTML

View Code

Responsive Multicol Magazine Layout

Magazine Layout

19.04.2018

Made with: HTML,CSS (SCSS)

View Code

Magazine Layout

Dynamic Newspaper W/Css Grid

16.02.2018

Automatically loads latest stories on refresh. Layout is done with CSS Grid. Built with HTML5, CSS3, JavaScript, jQuery and the News API.

Made with: HTML

View Code

Dynamic Newspaper W/Css Grid

Grid Experiment No. 4

14.01.2018

Recreation of a print menu from "The Phoenicia Diner in Phoenicia", NY using CSS grid.

Made with: HTML

View Code

Grid Experiment No. 4

Apple Magazine

25.10.2017

CSS Grid, Flexbox, blend-modes and Apple.

Made with: HTML,CSS (SCSS)

View Code

Apple Magazine

Css Grid Wired Magazine Layout

16.10.2017

Made with: HTML,CSS (SCSS)

View Code

Css Grid Wired Magazine Layout

Css Grid Magazine Layout

15.10.2017

Made with: HTML,CSS

View Code

Css Grid Magazine Layout