• 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 / Resources

Resources

This list is not exhaustive, but it includes sources that I have used and found useful. Links open in new browser windows.

Flat design resources
The November 2013 meeting was devoted to flat design. This page has the resources we looked at during that meeting.
    • Websites
CSS tutorials
This online resource has a set of lessons that will get you started with CSS. A good place to start.
A List Apart
A List Apart is where the cognoscenti post articles on cutting edge topics related to standards-compliant web design. The material is generally not for beginners, but it is good to see what the issues are and to get some insights into how to solve advanced problems.
css Zen Garden: The Beauty in CSS Design
css Zen Garden is the place where web designers are pushing the envelope. The premise of the page is fascinating: There is an HTML page posted there that is already marked up. The challenge is to create a design for the page using those existing markups. It is amazing to see what people do. Not a beginner’s site, but more of a goal-setting exercise to understand the potential of CSS design.
    • Validators
W3C CSS Validation Service
This free service from the World Wide Web Consortium checks Cascading Style Sheets (CSS) in (X)HTML documents or standalone for conformance to W3C recommendations.
WDG CSS Check
Another free service, this one from the Web Design Group, checks style sheets for conformance with standards. The site has not been updated for a while.
    • Color Selectors
HTML named colors
This page is a companion to Niederst, Learning Web Design, 2d edition. On this page are samples of the 140 colors that are recognized by name in HTML.
Web-safe color palette
This page is another companion to Niederst, Learning Web Design, 2d edition. On this page are samples of the 216 colors that are known as “web-safe.”
Web-safe colors
This site has additional information on web-safe colors, plus a nice interface.
Color scheme generator
Todd from our group suggested this tool for generating colors for your site. As he describes it:
This one allows you to pick mono, contrast, triadic, tetrad, and analogical colors. One of the best web design color wheels I found. In addition it allows you to choose light pastel, dark pastel, contrast and pale colors and tells you what types of visional people will be able to see particular colors.
Color wheel selector
This tool lets you select a color from the full range available, and it shows you the nearest web-safe and web-smart colors.
Adobe Color CC
This new site from Adobe Labs allows users to create color schemes and then to share them.

 

Newest Additions

Canva Color Design

A full design wiki on colors that teaches you everything you need to know about colors, their meanings and the color combinations that will hopefully give inspiration to your next design!

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

16 Dec
December 2023 - Virtual
16 Dec 23
  • 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