• Skip to secondary menu
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Blog
  • Web Design SIG Archive
  • WordPress SIG Archive
  • pacsnet.org

PACS WordPress SIG

A Special Interest Group of the Philadelphia Area Computer Society

  • .ORG
  • Codex
  • Design Resources
  • PACS Web SIGs
    • Python
    • JavaScript
You are here: Home / Archives for CSS Grid

CSS Grid

CSS Grid Tools for Web Design

December 29, 2017 by Matt Leave a Comment

css grid tools by mozilla

In our final meeting of 2017 we reviewed a number of tools available to help in building just the right grid for web page layout. We kicked off with a video (actually just looking at the splash screen for the video – more on that later) that provides an excellent overview of the CSS Grid […]

Filed Under: Web Design SIG Tagged With: CodePen, CoffeeCup Software, CSS Grid, firefox, tools

CSS Grid Template Areas

November 28, 2017 by Matt Leave a Comment

Named Grid template area mockup in many colors

November’s gathering had us reviewing the featured of named CSS Grid areas. Woo hoo! Good stuff. The entire presentation can be viewed here. The inspiration for our discussion drew heavily on a blog post by Manuel Rego Casanovas. I think that Manuel does an awesome job of clearly explaining how the grid template areas work […]

Filed Under: Web Design SIG Tagged With: CSS Grid

Lining Up With CSS Grid

September 18, 2017 by Matt Leave a Comment

We covered a lot of ground on Saturday, Sept 16 as we kicked off the 2017-2018 PACS year. CSS Grid is our topic for the next few months or so. As a relatively new CSS construct, we started at the beginning and reviewed a good definition from bitsofcode. The grid is an intersecting set of […]

Filed Under: Web Design SIG Tagged With: CSS Grid, Rachel Andrew

Primary Sidebar

Get SIG News & Meeting Invites

Notes and invites for upcoming meetings, wrap-ups from previous meetings.

  • This field is for validation purposes and should be left unchanged.

Posts By Category

Tags

accessibility backend Beaver Builder blocks block themes CodePen CoffeeCup Software color ColorZilla Content css CSS Grid design development ecommerce email firefox framework GDPR git Gutenberg HSTS HTTPS JavaScript layouts Lets Encrypt local development material design media library pagebuilders patterns plugins Rachel Andrew resources responsive RSS Security SMTP srcset SSL tools troubleshooting updates WooCommerce WordPress

Footer

Have an idea for a future meeting? Let us know.

  • This field is for validation purposes and should be left unchanged.

Search

PACS Disclaimers

Next Gathering

21 Oct
October 2023 - In-person
21 Oct 23
Willow Grove
  • View Upcoming Meetings
  • Email SIG Leader: Matt Ryan

    Privacy Policy · Terms & Conditions
    Copyright © 2023 PACS WordPress SIG · All Rights Reserved.
    Website by Cap Web Solutions
    Lifestyle Pro Theme on Genesis Framework
    Top of page