The next meeting of the PACS CSS Workshop will be this Saturday, June 18, at our usual 9-10 hour. This session is the last until PACS meets again in September.
Last month, we started on CSS grids, and we will get to that topic in more depth this month, including looking at some examples.
I also want to take a quick look at BlueGriffon, a new free cross-platform website editor. And I will demonstrate a new desktop utility that has nothing to do with CSS but is pretty cool anyway.
June 15, 2011
June 11, 2011
Designing a Scheme for Website Navigation
We have spent a lot of time at our meetings talking about techniques for website navigation. This article from Smashing Magazine is a great compilation of ideas on designing a navigation system for your site.
At our next meeting, I will demo a completely different navigation system from a state government's re-designed site.
At our next meeting, I will demo a completely different navigation system from a state government's re-designed site.
May 23, 2011
May 2011 Meeting Report:
Reset Wrap-up and Wire Frames Intro
At our May meeting, we finished our review of CSS resets by looking at some specific resets for HTML5 webpages. Eric Meyer addresses HTML5 in his well-known reset file. A couple of other sites to check are HTML5 Reset and HTML5 Doctor.
We then finished by checking four reset files for common elements that we might want to incorporate into our own sites. The outline we used is entitled Review of CSS Resets and is posted in our Samples section.
For more lists of resets, try CSS Resets.com and A Comprehensive Guide to CSS Resets.
We then moved on to wire frames, which are templates for complicated webpage layouts. We watched a video from a SitePoint CSS class and discussed the basic concept behind wire frames.
Next month, we will cover wire frames in more detail and also look at a new free web editor called Blue Griffon.
We then finished by checking four reset files for common elements that we might want to incorporate into our own sites. The outline we used is entitled Review of CSS Resets and is posted in our Samples section.
For more lists of resets, try CSS Resets.com and A Comprehensive Guide to CSS Resets.
We then moved on to wire frames, which are templates for complicated webpage layouts. We watched a video from a SitePoint CSS class and discussed the basic concept behind wire frames.
Next month, we will cover wire frames in more detail and also look at a new free web editor called Blue Griffon.
May 17, 2011
May 2011 Meeting Announcement
The next meeting of the PACS CSS Workshop will be this Saturday, May 21, at our usual 9-10 hour.
Last month, we looked at some specifics from the reset files we have been reviewing, and I have a couple of loose ends to cover.
Our next topic is wire frames, and we will get to it this month. We will have a video that introduces us to what they are and how to use them, and then we will look at some examples.
And there is a new free cross-platform website editor that we will look at if we have time.
Last month, we looked at some specifics from the reset files we have been reviewing, and I have a couple of loose ends to cover.
Our next topic is wire frames, and we will get to it this month. We will have a video that introduces us to what they are and how to use them, and then we will look at some examples.
And there is a new free cross-platform website editor that we will look at if we have time.
April 17, 2011
April 2011 Meeting Report:
Reset Specifics
At our April meeting, we looked at a few specific topics raised by our review of CSS resets.
We noted that the Yahoo reset can be called right from a webpage by inserting a call into the head of the page: <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/reset/reset-min.css">.
We then looked at how lists and quotes are handled, because those are often reset in the style sheets we have been studying. And we looked at some sites that have specific resets for HTML5 tags:
We finished with a general discussion of the use or not of resets.
Next month, we will tie up some loose ends and move on to the next topic, wire frames.
We noted that the Yahoo reset can be called right from a webpage by inserting a call into the head of the page: <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/reset/reset-min.css">.
We then looked at how lists and quotes are handled, because those are often reset in the style sheets we have been studying. And we looked at some sites that have specific resets for HTML5 tags:
We finished with a general discussion of the use or not of resets.
Next month, we will tie up some loose ends and move on to the next topic, wire frames.
April 13, 2011
April 2011 Meeting Announcement
The next meeting of the PACS CSS Workshop will be this Saturday, April 16, at our usual 9-10 hour.
We took a detour at the March meeting into some new topics, and this month we will be back on track to finish up CSS resets. I want to go over some specific items that show up in several different resets and see why those items might be important. We will then put a wrap on the topic with some final thoughts.
Our next topic is wire frames. We will have a video that introduces us to what they are and how to use them, and then we will look at some examples.
We took a detour at the March meeting into some new topics, and this month we will be back on track to finish up CSS resets. I want to go over some specific items that show up in several different resets and see why those items might be important. We will then put a wrap on the topic with some final thoughts.
Our next topic is wire frames. We will have a video that introduces us to what they are and how to use them, and then we will look at some examples.
March 20, 2011
March 2011 Meeting Report:
QR Codes and More
At our March 2011 meeting, we started with the announcement from the Associated Press that their stylebook will now drop the hyphen in the spelling of "email."
With that out of the way,we looked at a couple of websites to follow up on topics from prior meetings:
We also looked at sites for actually making QR codes:
With that out of the way,we looked at a couple of websites to follow up on topics from prior meetings:
- 10 Useful Chrome Extensions for Web Designers from Template Monster Blog.
- CSS Sprite Generator from Project Fondue.
We also looked at sites for actually making QR codes:
- The Google URL Shortener creates a shortened version of a URL, but it will also create a QR code. As we noticed, it appears you have to be signed in to Google in order to use the QR feature. The Workshop's code below was generated by Google.
- Quirify lets you create a text message that can be read by a QR reader.
- This article from the NY Times lists other utilities for QR codes -- note the reader comments which have additional useful information.
- If you use bit.ly to shorten URL's, QR Codes are now included on the info page for every bit.ly link, and can also be generated by appending .qrcode to any bit.ly link.
 |
| CSS Workshop QR |
March 17, 2011
March 2011 Meeting Announcement
The next meeting of the PACS CSS Workshop will be this Saturday, March 19, at our usual 9-10 hour.
There have been a few interesting issues in the browser resets that we have been discussing at our recent meetings. This month, I want to spend a little time looking at those issues, and then wrap up the subject with a final overview.
The next topic in our website makeover series will be grids, a way to create advanced layouts on a web page. We should be able to start on that subject this month. But I also want to demonstrate a very fast-growing technology that you might have seen recently without realizing what it was. Here's a hint: Remember the late, great :CueCat?
There are some other new developments that I hope to cover briefly, so we'll see how the time goes.
There have been a few interesting issues in the browser resets that we have been discussing at our recent meetings. This month, I want to spend a little time looking at those issues, and then wrap up the subject with a final overview.
The next topic in our website makeover series will be grids, a way to create advanced layouts on a web page. We should be able to start on that subject this month. But I also want to demonstrate a very fast-growing technology that you might have seen recently without realizing what it was. Here's a hint: Remember the late, great :CueCat?
There are some other new developments that I hope to cover briefly, so we'll see how the time goes.
February 20, 2011
February 2011 Meeting Report:
Accessibility and Resets
This month, started with a few odds and ends before getting into our main topic.
We checked out a site with ten good developer extensions for the Chrome browser as well as a site about jQuery for Mobile. We then looked at two utilities for testing a site to see how it looks for viewers with different types of color blindness, ColorDoctor and Chrometric.
For the main session, we continued on browser resets by focusing on specific items in a reset and how they relate to the rest of your style sheet. We watched two videos from SitePoint: Practical CSS - lesson01: Exercise part 2 on basic styles and Exercise part 4 on styling lists.
We checked out a site with ten good developer extensions for the Chrome browser as well as a site about jQuery for Mobile. We then looked at two utilities for testing a site to see how it looks for viewers with different types of color blindness, ColorDoctor and Chrometric.
For the main session, we continued on browser resets by focusing on specific items in a reset and how they relate to the rest of your style sheet. We watched two videos from SitePoint: Practical CSS - lesson01: Exercise part 2 on basic styles and Exercise part 4 on styling lists.
February 17, 2011
February 2011 Meeting Announcment
The next meeting of the PACS CSS Workshop will be this Saturday, February 19, at our usual 9-10 hour.
We have been working with browser resets for a couple of meetings. It turns out that Eric Meyer has just posted a final version of his influential take on what goes into a reset. We will look at that and finish up the topic by testing different resets and then considering whether and when they are a good idea.
Our next topic is wire frames. Depending on time, we will use a video to get an idea about what they are and how to use them. I also want to touch on an accessibility issue. One way or the other, we will be busy.
We have been working with browser resets for a couple of meetings. It turns out that Eric Meyer has just posted a final version of his influential take on what goes into a reset. We will look at that and finish up the topic by testing different resets and then considering whether and when they are a good idea.
Our next topic is wire frames. Depending on time, we will use a video to get an idea about what they are and how to use them. I also want to touch on an accessibility issue. One way or the other, we will be busy.
Subscribe to:
Posts (Atom)