December 20, 2009
December 2009 Meeting Report:
Let It Snow
We were snowed out this month, so in January, we will continue with positioning and navigation. See you then.
December 17, 2009
December 2009 Meeting Announcement
The next session of the PACS CSS Workshop will be this Saturday at the usual 9-10 am hour.
Last month, we looked at absolute and relative positioning, and then put the two 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 that is more focused 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.
We will also have a website or two of interest.
Last month, we looked at absolute and relative positioning, and then put the two 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 that is more focused 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.
We will also have a website or two of interest.
November 22, 2009
November 2009 Meeting Report:
Absolute vs. Relative Positioning
Our November meeting started with a look at some websites with useful CSS material:We also looked at two Firefox add-ons that let you see the structure of your page, something that is important in order to understand how positioning will work with your elements:We then continued with the tutorial by BarelyFitz Designs called Learn CSS Positioning in Ten Steps. We reviewed relative positioning, then moved on to absolute positioning, and then looked at how absolute and relative work together.
November 19, 2009
November 2009 Meeting Announcement
This month we will continue working on positioning. There was something that bugged me as we were doing the example last month, and I will see if we can resolve it. We will then move on with the different ways of using the CSS position:relative properties.
I will also have a couple of new websites that have some good ideas on using CSS.
I will also have a couple of new websites that have some good ideas on using CSS.
October 17, 2009
October 2009 Meeting Report:
Relative Position
We started the October session with a look at some recent articles on web design:
We began with positioning and looked at the CSS position: property. We looked at one site that has a review of this property, CSS Positioning. We then began using the tutorial at Learn CSS Positioning in Ten Steps and did the first two steps. We will pick up from there next month.
- Online Web-design tools for the beginner is a collection of web tools to get site going quickly and easily.
- Guide to CSS Font Stacks is a collection of sites about choosing fonts for websites.
- CSS Tips and Tricks Collection is just what the name implies -- a set of links to sites with various ideas for website design.
We began with positioning and looked at the CSS position: property. We looked at one site that has a review of this property, CSS Positioning. We then began using the tutorial at Learn CSS Positioning in Ten Steps and did the first two steps. We will pick up from there next month.
October 15, 2009
October 2009 Meeting Announcement
At our next meeting, we will get back on track after a detour into free and open source software last month.
We will look at some issues with positioning and background images, and how they work together. Our aim will be to add these styles to what we previously worked on with links, and then make some creative navigation menus.
We will look at some issues with positioning and background images, and how they work together. Our aim will be to add these styles to what we previously worked on with links, and then make some creative navigation menus.
September 20, 2009
September 2009 Meeting Report:
Free Software for Web Editing
The September meeting of PACS was devoted to free and open source software. With that theme in mind, at the CSS Workshop we looked at HTML editors and related programs that are free and in some cases open source.
We started with a current listing of free programs at Best Free WYSIWYG HTML Page Editor Review.
We looked at these editors:
We also looked at two other applications for web development:
We started with a current listing of free programs at Best Free WYSIWYG HTML Page Editor Review.
We looked at these editors:
- Amaya, an open source editor from the W3C. Last updated September 9, 2009.
- SeaMonkey, an internet application suite based on the Mozilla source. Includes an editor called Composer. We looked at a beta of version 2, released September 12, 2009.
- PageBreeze, a commercial product that is free for personal, not-for-profit, or educational use.
- CoffeeCup, another commercial product that has a free version which has some features not activated.
We also looked at two other applications for web development:
September 10, 2009
September 2009 Meeting Announcement
The first meeting of the season for the PACS CSS Workshop will take place on September 19. We will again meet at the 9-10 hour in the Alps Room.
This month, the theme of the PACS meeting is Software Freedom Day. The group will be highlighting free and open source software throughout the day. In line with that theme, we will start our session with a look at free HTML editors. These programs let you do WYSIWYG editing without spending the money for Dreamweaver or other commercial editor.
Depending on time, we will then start on our topic for the next couple of meetings. Last season, we worked through using CSS to style a navigation menu. This year, we will take the next step and incorporate images, so as to create more attractive and user-friendly navigation buttons.
This month, the theme of the PACS meeting is Software Freedom Day. The group will be highlighting free and open source software throughout the day. In line with that theme, we will start our session with a look at free HTML editors. These programs let you do WYSIWYG editing without spending the money for Dreamweaver or other commercial editor.
Depending on time, we will then start on our topic for the next couple of meetings. Last season, we worked through using CSS to style a navigation menu. This year, we will take the next step and incorporate images, so as to create more attractive and user-friendly navigation buttons.
August 17, 2009
More CSS Summer Reading
If you have gone through all the current vampire novels and still need something to read down the shore, try out Mega CSS Resource Roundup. I just found out about this site. This CSS resource roundup looks like a promising collection of tutorials and references.
Note that the article is actually a collection of links to other sites, so there is no guarantee of quality control. If you try any of the suggestions, be sure to check your results in different browsers.
The site also has a bunch of other good pages -- go up to the home page for the list.
And remember your sun screen.
Note that the article is actually a collection of links to other sites, so there is no guarantee of quality control. If you try any of the suggestions, be sure to check your results in different browsers.
The site also has a bunch of other good pages -- go up to the home page for the list.
And remember your sun screen.
July 09, 2009
15 Must Read Articles for CSS Beginners
The Line 25 website has a nice run-down of articles from various sources entitled 15 Must Read Articles for CSS Beginners. We have covered most of the subjects at our workshop, and others will be covered next season.
Don't be fooled by "Beginners" in the title. These articles might be introductory, but some of the subjects are fairly advanced. And you might find that the locations of these articles are sites that you will want to follow for future articles.
Don't be fooled by "Beginners" in the title. These articles might be introductory, but some of the subjects are fairly advanced. And you might find that the locations of these articles are sites that you will want to follow for future articles.
Subscribe to:
Posts (Atom)