December 28, 2010
December 19, 2010
We will continue on this topic next month.
December 15, 2010
Many times, the first step in starting or revising a site is to replace the default styles that browsers use and load some basic style declarations to give you a blank slate to work with. We will show some videos on resets and look at some examples, and then consider whether resets are a good idea.
For a little background on this topic, check these articles from Six Revisions that just happened to come out this month.
November 21, 2010
For more on Google Fonts, check the Google Font Directory, and follow developments at the Google Web Font Blog.
In line with our theme this year of website makeovers, we also looked at Giving Your Older Web Designs a Refresh, an article with suggestions on what to look for when giving your site a new design.
November 17, 2010
We will then move on to CSS resets. We have touched on this topic before, in both the workshop and at Web Design, but we have not looked closely at what goes into a reset. This month, I will use a video and some actual examples to show how a reset might be the first place to start if you are doing a website makeover.
If time permits, we can also look at some new sources of CSS information on the web.
And as usual, there is a full lineup of meetings this month, starting at 8 am with the Social Media SIG. Be sure to check the first project of that SIG, the new PACS Facebook page.
October 16, 2010
At our October meeting, we finished up on the @fonts selector by doing a live demonstration of how to incorporate a font into your page and then serve the font to your reader. We highlighted Font Squirrel, a site that is a source for fonts in multiple formats plus the style sheets to load the fonts into your pages.
We then looked at Google Fonts, a new technique for serving up fonts. Google Labs has an introduction to this technology at Google Font API. Another good introduction is A Guide to Google Font API at Six Revisions. To see the fonts available, go to the Google Font Directory.
October 13, 2010
Following our theme this year of website makeovers, we will continue on the topic of fonts. Last month we looked at the @font selector, a CSS way to supply fonts to a user's browser. This month, we will finish up with @font, including a look at some sites for downloadable fonts. We will then move on to a new technology from Google for downloading fonts to a user's browser.
Depending on time, we will also check out some new websites that have useful information or tutorials relating to CSS.
October 02, 2010
We reviewed some font replacement techniques that have their own limitations. We then looked at the @font tag, which allows the web developer to upload fonts to the server to be downloaded by the user with the page itself. The obvious limitation is that one has to have the rights to use a font in that manner, and the tag can be tricky to use across browsers.
Some sites about @font that might be of interest are:When can I use....
September 22, 2010
We will start this month with fonts. Adding style to text has bedeviled webmasters since the early days of browsers. We will look at some new ways to define fonts for more variety without using graphics.
Depending on time, we will also look at some new online resources for learning more about CSS.
June 23, 2010
For some more advanced navigation menus, check Website Navigation Menu Toolbox at DesignM.ag.
PACS is off for the summer. The next meeting is September 25.
June 13, 2010
During the year, we have been looking at the bulding blocks of navigation menus. This month we will put the blocks together to create an imaginative and creative menu using CSS.
May 15, 2010
We ended with a look at a simple CSS sprite. For more on sprites, and to see some great examples, take a look at The Mystery Of CSS Sprites.
May 13, 2010
This month we will follow up on some items from the April meeting, including navigation, a subject we have been tracking all year. We also have some topics that were suggested by members, and we will try to hit some more CSS3.
April 29, 2010
We discussed that possibility at our April meeting. It might be a good idea to start checking how our pages load -- check the April notes for an online utility that does just that.
April 18, 2010
We started with a site called Pagetest that lets you measure the download speed of a webpage. The site give feedback on where a page slows down when it is loading. This information might be relevant to a page's Google ranking, see this article at GigaOM.
Next, we touched on the CSS properties of :focus and outline by looking at an article entitled Whenever you use :hover, also use :focus.
We then discussed CSS3, using these sites as demonstrations:
April 15, 2010
We have a number of follow up items to topics we discussed last week, including navigation, styling links, and CSS3, plus a new way to test your page's performance.
In addition to the usual lineup of sessions, this meeting also features the debut of Susan Dykas' new Social Media SIG at 8am! So come early, grab one of those giant Giant coffees, and catch up on all the new developments on the web.
March 21, 2010
We spent the second half of the meeting looking at some of the new features that will be part of CSS3. The sites we looked at are listed here:
- Basic CSS3 Techniques That You Should Know
- CSS3 Techniques You Should Know
- Dabbling in CSS3: Drop Shadow
Also take a look at this site: CSS3 Generator
March 19, 2010
We have two things I hope to cover this month. One is to look at background images using the example from last month and expanding on it, including using different images for link and rollover. That last topic will lead toward a discussion of the CSS sprite.
But we might not get to sprites because I also want to look at some examples of CSS3 properties because browsers are starting to incorporate CSS 3, even though it is not yet adopted as a standard.
February 20, 2010
The technique was based on the article Clickable Background Images Via CSS. We started by reviewing the HTML technique for making an image clickable, and we talked about the deficiencies of that approach. Then, we showed how CSS background, position, display, height, and width could be brought together to achieve the same result while keeping all presentational elements in the style sheet.
February 15, 2010
We have been working on navigation menus, starting with styling links, and then going to positioning. This month, we will tie up some loose ends from last month. Then we will put the elements together to make a link with a graphic background, using as an example something I recently did for a site.
Finally, if we have time, we will look at some interesting new properties that are coming with CSS3.
January 16, 2010
We then looked at an article on The Case Against Vertical Navigation from Smashing Magazine. The article was nicely related to the topic that we are covering in this year's meetings.
We then moved on to the tutorial on positioning that we have been working on, Learn CSS Positioning in Ten Steps. We finished that tutorial, and next month will move on to positioning background images.
January 11, 2010
At our November meeting, before the snows, we looked at absolute and relative positioning, and then put them together to see how they worked with each other. At this month's session, we will finish the positioning tutorial that we have been working on, and then move to another tutorial on graphics and links. The goal is to show how to create a navigation menu that is a cut above the usual horizontal or vertical list.
I will also have some interesting statistics from a few government websites about browser usage.