tag:blogger.com,1999:blog-91986712024-03-06T04:29:53.608-05:00Philadelphia Area Computer Society -- CSS WorkshopThe Philadelphia Area Computer Society CSS Workshop started with the basics of cascading style sheets and will continue as long as there is interest and we have something new to learn.Unknownnoreply@blogger.comBlogger242125tag:blogger.com,1999:blog-9198671.post-61241111617093425832013-09-04T21:52:00.000-04:002013-09-04T21:52:27.892-04:00CSS Workshop Combining with the Web Design SIG<p>After several years running, the CSS Workshop is going to end and be folded into the Web Design SIG. At our recent meetings, we have been moving back and forth from pure CSS topics to more general web design, so it makes sense now to bring the subject matter under one group. Web Design will meet at 9-10, the former CSS hour. </p>
<p>The Web Design SIG has a site at <a href="http://webdes.pacsnet.org/">webdes.pacsnet.org</a>. Follow the group's news there starting with the September meeting.</p>
<p>In place of Web Design in the afternoon, we have a new SIG devoted to WordPress, the amazing blogging and content management system. This SIG will give members an opportunity to start from the beginning and move through the steps of using this platform.</p>
<p>Finally, the Javascript SIG, which was so successful, has come to its end. In its place will be the revived HTML SIG at 11-12. This group will concentrate on the foundations of a website. If you have attended the CSS Workshop and maybe not have quite grasped the concepts, this SIG will provide a better understanding of the underlying structure of a webpage and give you a better idea of how pages are then styled.</p>
<p>PHP and Social Media will continue at the same times as last year.<br />
</p>
<p>All of the SIG's have individual websites which can be accessed at <a href="http://pacsnet.org/groups.php">http://pacsnet.org/groups.php</a>.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-4143695239464822222013-06-18T21:26:00.000-04:002013-06-18T21:26:32.150-04:00June 2013 Meeting ReportAt our June meeting, we finished up our look at styling tables to be responsive. We took four examples and applied their techniques to a sample table. Two of the examples just used CSS, while the other two also employed Javascript. The examples required some editing of the sample HTML in order to work, and the results varied in quality. But these samples showed how data in a table can be reconfigured in ways that make the information accessible on a small screen.<br />
<br />
The samples we used were:<br />
<ul>
<li><a href="http://css-tricks.com/responsive-data-tables/" target="_blank">Responsive Data Tables by Chris Coyer</a></li>
<li><a href="http://www.jaredcunha.com/blog/responsive-html-tables/" target="_blank">Responsive HTML Tables by Jared Cunha</a></li>
<li><a href="http://fontypython.com/build-a-responsive-table-using-only-css/" target="_blank">Build a Responsive Table Using Only CSS by Michael Musgrove</a></li>
<li><a href="https://github.com/JPustkuchen/jquery.webks-responsive-table" target="_blank"> jquery.webks-responsive-table by Julian Pustkuchen</a></li>
</ul>
<div>
Give these a try by copying and pasting the CSS and scripts into a simple table, then check their HTML to see what has to be modified in your sample table. Then try adjusting for different screen sizes. And do a search for other solutions.</div>
<div>
<br /></div>
<div>
We will continue this group in September as the Web Design SIG. The afternoon session will be the new WordPress SIG. See you then.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-13106207448303669342013-06-12T22:37:00.000-04:002013-06-12T22:37:35.763-04:00June 2013 Meeting Announcement -- Responsive Tables - Putting It All TogetherFor the past few meetings, we have been looking at some new CSS3 selectors and at styling tables. At the June meeting, we will put everything together to style tables that will be re-sized for the device being used. We will look at three or four different solutions and apply them to our own sample table. It should be fun and informative. <br /><br />And if there are any questions left after this meeting, be sure to join us in the afternoon at the Web Design SIG where we will conduct our second annual Fix Your Website On The Fly meeting. Bring your problem sites, and we will crowd-source a solution among the members. <br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-3678905883451232412013-05-19T19:01:00.001-04:002013-05-19T19:01:21.085-04:00May 2013 Meeting Report<p>We started the May meeting with a look at two websites illustrating opposite ends of the styling spectrum.</p> <p>First was CERN’s restoration of <a href="http://info.cern.ch/hypertext/WWW/TheProject.html" target="_blank">the original website</a>. They are putting back the files in their original versions as they were first uploaded. <a href="http://info.cern.ch/" target="_blank">There is an entire site about this restoration that will tell you more.</a> </p> <p>At the other end is <a href="http://csszengarden.com/" target="_blank">CSS Zen Garden</a>. This site recently celebrated its tenth anniversary and is now being converted to HTML5 and to current CSS standards. CSS Zen Garden is an inspiring collection of examples of imaginative webpage styling.</p> <p>We spent the bulk of the meeting looking at the structure of HTML tables and their proper use. We then worked with the pseudo-classes that we have been discussing and styled tables with stripes, multiple stripes, and even a checker board. Some of the examples we used <a href="http://jadavey.net/PACS_CSS/Samples/" target="_blank">are available here at the Samples section</a>.</p> <p>We will put all of this together next month to style responsive tables.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-57522280046921849512013-05-15T21:27:00.001-04:002013-05-15T21:27:27.350-04:00May 2013 Meeting Announcement -- Better Tables ... and an Epiphany<p>We will continue at the May meeting with learning how to style tables to be responsive. This month, we will get into some more complex table structures and styling, touching on accessibility as well as responsiveness. You could argue that responsiveness is a subset of accessibility, but regardless, the topics will mesh.</p> <p>And as I have been working on this subject, I have had a chance to examine my own use of tables – and I don’t always like what I see. We will explore this month.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-77562786436114216492013-05-07T20:53:00.000-04:002013-05-07T20:53:29.910-04:00CSS Zen Garden is 10 years old today.We have talked abut<a href="http://csszengarden.com/" target="_blank"> CSS Zen Garden</a> in past sessions of our workshop. News today is that CSS Zen Garden is amazingly now ten years old. This site has been one of the great showcases of what can be done with cascading style sheets over good clean HTML. <br />
<br />
In celebration, founder Dave Shea has re-opened the site for new submissions. There are new requirements, <a href="http://mezzoblue.com/archives/2013/05/07/10_years/" target="_blank">as pointed out in the blog post</a>, and of course the possibilities are wider than ever with HTML5 and CSS3.<br />
<br />
Give it a try.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-64063109772897852272013-04-21T12:17:00.001-04:002013-04-21T12:17:56.162-04:00April 2013 Meeting Report<p>We started the April meeting by looking at a site called <a href="http://www.ie6countdown.com/?utm_source=howtogeek&utm_medium=email&utm_campaign=newsletter" target="_blank">The Internet Explorer 6 Countdown</a>. By its own description, the site “is dedicated to watching Internet Explorer 6 usage drop to less than 1% worldwide, so more websites can choose to drop support for Internet Explorer 6, saving hours of work for web developers.”</p> <p>We then wrapped up our look at the new CSS3 pseudo-element selectors with a brief review and then a video from SitePoint and Russ Weakley about <a href="http://www.sitepoint.com/css3-video-tutorial-nth-of-type-selector/" target="_blank">CSS :NTH Selector</a>. </p> <p>We looked at some pages at w3schools.com with examples of these selectors. Each page has a “Try it yourself” page with easy interactive test examples. Try these four pages and experiment with different calculations:</p> <ul> <li><a href="http://www.w3schools.com/cssref/sel_nth-child.asp" target="_blank">:nth-child() Selector</a> </li> <li><a href="http://www.w3schools.com/cssref/sel_nth-of-type.asp" target="_blank">:nth-of-type() Selector</a> </li> <li><a href="http://www.w3schools.com/cssref/sel_nth-last-child.asp" target="_blank">:nth-last-child() Selector</a> </li> <li><a href="http://www.w3schools.com/cssref/sel_nth-last-of-type.asp" target="_blank">:nth-last-of-type() Selector</a></li> </ul> <p>We then began using :nth-of-type() to style a table. We will continue with this topic next month, using more advanced styling, and then getting to responsive tables.</p> <ul></ul> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-64505865281632927852013-04-14T18:12:00.001-04:002013-04-14T18:12:02.918-04:00April 2013 Meeting Announcement -- Stylish Tables<p>The next meeting of the PACS CSS Workshop will be Saturday, April 20, at our usual 9-10 hour. The main topic this month will be "Stylish Tables." </p> <p>This month, we will finish up with the details of using :nth-child and its related pseudo-classes. We will tie up some loose ends from the last meeting, and then show how to apply :nth-child to tables. That will lead us to our ultimate destination, styling tables so that they are responsive. </p> <p>CSS will also be the topic at the Web Design SIG that afternoon. Don't miss that meeting’s presentation on SASS. And be sure to check the Groups page on the PACS website at <a href="http://pacsnet.org/groups.php">http://pacsnet.org/groups.php</a> for more information on all the other sessions scheduled this month. </p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-83139692225376115042013-03-19T21:18:00.001-04:002013-03-19T21:18:50.947-04:00March 2013 Meeting Report<p>At the March meeting of the CSS Workshop, we continued working with the structural pseudo-classes introduced in CSS3. We started by using :nth-child combined with tags and descendant selectors so as to target specific items to be styled. We introduced the formula an+b as a way to calculate the pattern of selectors to be styled. The numbers can get a little confusing, but there are websites with examples to follow, such as <a href="http://css-tricks.com/how-nth-child-works/" target="_blank">CSS-Tricks</a>.</p> <p>We touched on another pseudo-class called :nth-last-child which works in the reverse of :nth-child.</p> <p>We then started working with :nth-of-type, a pseudo-class that allows more specificity in the selectors to be styled. CSS-Tricks again has a helpful article called <a href="http://css-tricks.com/the-difference-between-nth-child-and-nth-of-type/" target="_blank">The Difference Between :nth-child and :nth-of-type</a> that compares the two very nicely. </p> <p>We will work with :nth-of-type at the next meeting as it will be the foundation of our next step in styling tables to be responsive. </p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-18947218281510264792013-03-13T21:06:00.001-04:002013-03-13T21:06:46.904-04:00March 2013 Meeting Announcement -- Styling the Right Children<p>The next meeting of the PACS CSS Workshop will be Saturday, March 16, at our usual 9-10 hour. The main topic this month will be "Styling the Right Children." </p> <p>Last month we started looking at the :nth-child pseudo-class selector that is new to CSS3. We began with some examples that were not practical but were intended to get an idea of how the selector works. This month, we will get into some more specific examples of usage, with the aim of learning how to use this selector and others like it to style responsive tables. In the process, we will answer one or two questions that came up at our last meeting.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-39643961143512632802013-02-18T10:25:00.001-05:002013-02-18T10:25:02.851-05:00February 2013 Meeting Report<p>At the February meeting of the PACS CSS Workshop, we started with a general discussion about pseudo-classes. We previously worked with this topic when we were styling links and used pseudo-classes like :hover and :visited. Those are referred to as "interaction" pseudo-classes. With the table styling we are working on now, we will be using "structural" pseudo-classes. </p> <p>We spent the meeting going through variations of styling a simple page with the :nth-child pseudo-class, going from the very general to slightly more specific. Next month, we will look at more details about using :nth-child, get into more specificity, and then consider whether there is a better option for our purposes.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-58221342209872134512013-02-10T14:48:00.001-05:002013-02-10T14:48:14.225-05:00February 2013 Meeting Announcement – Styling Children<p>The next meeting of the PACS CSS Workshop will be Saturday, February 16, at our usual 9-10 hour. The main topic this month will be "Styling Children." </p> <p>We are working on responsive design, and our first example is tables. We are starting with "zebra striping" for tables, a way to make them more readable. Last month we looked at how we have implemented striping in the past. This month, we will work with CSS3 pseudo-selectors that make the process more efficient. With that behind us, we can then understand the techniques that some designers are using to make tables responsive. </p> <p>Kids are welcome, but the children we will be styling are found in the DOM.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-14668379914611874912013-01-20T21:27:00.001-05:002013-01-20T21:29:14.333-05:00January 2013 Meeting Report<p>We started the January meeting with a follow up to our previous discussions on user interface design. We looked at website redesigns by the <a href="http://www.state.pa.us/portal/server.pt/community/pa_gov/20387" target="_blank">Commonwealth of Pennsylvania</a> and the <a href="https://www.gov.uk/" target="_blank">United Kingdom</a>. Both of these sites have simplified approaches to accessing information. I also suggested looking at Jakob Nielsen’s article <a href="http://www.nngroup.com/articles/windows-8-disappointing-usability/" target="_blank">Windows 8 — Disappointing Usability for Both Novice and Power Users</a>, not so much for the review itself but for the methodology. Watch for the interface issues raised there. (And for a counter to Nielsen’s review, check out <a href="http://news.cnet.com/8301-10805_3-57552860-75/why-jakob-nielsens-windows-8-critique-is-old-school-thinking/" target="_blank">Why Jakob Nielsen's Windows 8 critique is old-school thinking</a>.)</p> <p>We then spent some time looking at Microsoft’s Expression Web 4, a program for editing web pages and managing sites. It is a powerful application that has been replaced by other programs, so it is now available as a free download from the <a href="http://msdn.microsoft.com/en-us/expression/" target="_blank">Microsoft Expression site</a>.</p> <p>We finished up by starting on responsive design for tables. Some of the techniques for styling tables to make them responsive rely on CSS3 pseudo-class selectors. We began on that topic by using zebra striping as an example. We looked at some pre-CSS3 techniques and noted their drawbacks. Next month, we will start on the CSS3 way to stripe tables, and that will lead us on to techniques for styling responsive tables.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-43483842373028494482013-01-15T22:19:00.000-05:002013-01-15T22:19:04.652-05:00January 2013 Meeting Announcement -- Styling to the NthThe next meeting of the PACS CSS Workshop will be Saturday, January 19, at our usual 9-10 hour. The main topic this month will be "Styling to the Nth." <br /><br />We are going to be working on responsive design in the next couple of meetings, and our first example will be tables. To get into that topic, we will re-visit an issue we covered a while ago -- striping tables. Striping makes the data in a table more readable, and the new CSS3 pseudo-class selector called nth-child makes striping easier than ever to implement. We will use striping tables to get the hang of nth-child, and that will lead to some more involved design solutions. There is some math involved, not to mention the DOM, so be ready.<br /><br />On a side note, I just learned that Microsoft has released its Expression Web 4 design tool as a free download. There is no support, but this product is a worthy competitor to Adobe Dreamweaver for WYSIWYG editing and for site maintenance. Download at<a href="http://www.microsoft.com/en-us/download/details.aspx?id=36179#overview" target="_blank"> http://www.microsoft.com/en-us/download/details.aspx?id=36179#overview</a>. We will take a few minutes at the beginning of the meeting to look at Expression Web.<br /><br />And be sure to check the <a href="http://pacsnet.org/groups.php" target="_blank">Groups page on the PACS website</a> for more information on all the other sessions scheduled this month. Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-76506885937326701092012-12-15T21:41:00.003-05:002012-12-15T21:41:57.751-05:00December 2012 Meeting ReportWe started this month's meeting with a brief look at Internet Explorer 10, including some points raised by a <a href="http://www.sitepoint.com/internet-explorer-10-review-ie10/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+SitepointFeed+%28SitePoint+Feed%29" target="_blank">review at Sitepoint</a>.<br />
<br />
Next, we finished viewing the <a href="http://vimeo.com/50745034" target="_blank">video of Jeremy Keith's lecture on responsive design and progressive enhancement.</a> We looked at an example of progressive enhancement with text layout. CSS multi-columns are not supported in older browsers, but that might not matter if the text is still readable. Users viewing with newer browsers will simply have an enhanced experience.<br />
<br />
We then started working on responsive design by looking specifically at styling tables. It is an interesting topic because of the challenge of getting data into a format that fits on a small screen. We looked at a comparison between responsive and non-responsive tables at <a href="http://css-tricks.com/responsive-data-tables/" target="_blank">CSS-Tricks</a>, but we noticed an anomaly in the responsive table. We will delve into that and more next month.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-40704299533915967132012-12-12T21:01:00.000-05:002012-12-12T21:01:14.157-05:00December 2012 Meeting Announcement -- Responsive StylingThe next meeting of the PACS CSS Workshop will be Saturday, December 15, at our usual 9-10 hour. The topic this month will be "Responsive Styling."<br /><br />We spent most of the meeting in November watching and commenting on a <a href="http://vimeo.com/50745034" target="_blank">video by Jeremy Keith of Clearleft,</a> who spoke about responsive web design. We will finish the video this month with Jeremy's commentary on progressive enhancement. We will then move on to examples of particular problems with responsive design and how to use CSS to solve them.<br />
<br />
It will be instructive and fun at the same time. Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-53520900599000085722012-11-18T10:47:00.001-05:002012-11-18T10:54:43.881-05:00November 2012 Meeting ReportOur November meeting was devoted to responsive design and its cousin, progressive enhancement.<br />
<br />
The meeting was organized around a<a href="http://vimeo.com/50745034" target="_blank"> video of a talk given by designer Jeremy Keith</a> of <a href="http://clearleft.com/" target="_blank">Clearleft</a>. Jeremy emphasized that the idea of "a website" is much more than how a site looks in a browser. It is broader than just that visualization. Further, the idea of controlling exactly how a site appears in a browser is a fiction. We do not know what user agent the reader is actually using and what technology the user has available, such as javascript or broadband. (We noted that <a href="http://www.splatf.com/2012/07/aol-3million-chart/" target="_blank">AOL still has 3 million subscribers</a> to its dial-up service.)<br />
<br />
On the other hand, HTML is built to be responsive. So mobile, as well as any other form of serving information first, starts with good HTML.<br />
<br />
A couple of references from the video:<br />
<ul>
<li><a href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/" target="_blank">http://dowebsitesneedtolookexactlythesameineverybrowser.com/ </a>(Check this site in different browsers and note the slight differences, none of which matters to the actual content delivered.)</li>
<li><a href="http://www.alistapart.com/articles/dao/" target="_blank">A Dao of Web Design</a></li>
</ul>
We will finish the video in December with a little more on progressive enhancement and then look at some examples of styling for responsiveness and progressive enhancement.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-31484643585769769462012-11-09T20:55:00.001-05:002012-11-09T20:55:47.544-05:00November 2012 Meeting Announcement -- CSS and Responsive Web DesignResponsive web design is probably the hottest topic now in the world of web development. It will only get hotter given the increasing number of different sized screens that people will be using to view your sites. Reed Gustow started us on this topic at our Web Design SIG, and this month, we will follow up with a video and some commentary on how to implement responsive design and why.<br />
<br />
You will come away with a different vision of how to organize your next project.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-53363388313592164612012-10-20T21:17:00.001-04:002012-10-20T21:22:00.559-04:00October 2012 Meeting ReportWe covered a number of topics at the October meeting, and below are notes and links to sites that we referenced.<br />
<ul>
<li>Windows 8 apps<br />Following up on last month's session, we looked at a 2-part article at Sitepoint on <i>Building a Windows 8 App with HTML5: How to create a small RSS reader</i>:<br /><a href="http://www.sitepoint.com/building-a-windows-8-app-with-html5-how-to-create-a-small-rss-reader/" target="_blank">Part 1</a><br /><a href="http://www.sitepoint.com/building-a-windows-8-app-with-html5-completing-our-small-rss-reader/" target="_blank">Part 2</a></li>
<li>HTML5 structural tags<br />Following up on our sessions last year, we looked at an alternative view on whether it is advisable to use the new HTML5 structural tags. The article is <i><a href="http://www.netmagazine.com/features/truth-about-structuring-html5-page" target="_blank">The truth about structuring an HTML5 page</a></i>. It is an excerpt from a book entitled <i>The Truth About HTML5</i>. The book can be ordered, and a sample chapter can be downloaded, <a href="http://www.truthabouthtml5.com/" target="_blank">at the book's website</a>.</li>
<li>Parallax design<br />That website lead us into a discussion of the parallax style of web design. The website above is an example, and more examples are available at<a href="http://webdesignledger.com/inspiration/18-beautiful-examples-of-parallax-scrolling-in-web-design" target="_blank"> <i>18 Beautiful Examples of Parallax Scrolling in Web Design.</i></a></li>
<li> Multiple columns<br />We finished up by looking at the CSS Multi-column Layout Module. This set of rules is new to CSS3, and it allows a section of a page to be laid out in columns. We compared the previous ways we did this layout, first with tables and then with floated div's. This new module is not supported by all browsers yet. For a review of the rules, take a look at <a href="http://html5.litten.com/css3-series-multiple-columns/" target="_blank">CSS3 Series: Multiple Columns</a>.</li>
</ul>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-66519760685945202552012-10-14T16:19:00.001-04:002012-10-14T16:28:15.374-04:00October 2012 Meeting Announcement -- CSS3 - New Solutions to Old ProblemsThe next meeting of the PACS CSS Workshop will be Saturday, October 20, at our usual 9-10 hour. The topic this month will be<i> CSS3 - New Solutions to Old Problems</i>.<br />
<br />
We will start with a quick follow up to last month's meeting with an article on building Windows 8 apps. We will look at an alternative opinion on the new HTML5 structural tags that we covered last season. Then we will see how to put multiple background images on an element, something that was not possible before CSS3. Finally, we will look at one of my favorite new tricks with CSS3.<br />
<br />
If we have time, I also want to look at a new way to organize your style sheets.<br />
<br />
Plus, we may have a special guest appearance via Skype to start the meeting.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-31619127761985388212012-09-23T15:51:00.004-04:002012-09-23T15:51:48.853-04:00September 2012 Meeting ReportRob Keiser of the PACS Windows SIG was our guest presenter this month. Rob demonstrated how to create apps for the new Windows 8 app store. The foundation for these apps is a combination of HTML5, CSS, and javascript.<br />
<br />
Rob's slide deck with links to resources developing apps has been <a href="http://jadavey.net/PACS_CSS/HTML%205%20Windows%20Store%20Apps.pdf" target="_blank">uploaded to the Resources section of this site.</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-80465033287819262282012-08-27T18:05:00.002-04:002012-08-27T18:05:22.837-04:00September 2012 Announcement -- Building HTML 5 Apps for the Windows 8 Modern UIFor the September meeting, we will have a special presentation by guest presenter Rob Keiser. Rob is the leader of the PACS Windows SIG. He will give us a brief session on creating apps for the new Modern UI in Windows 8 using HTML 5, CSS 3, and JavaScript. Rob will show us how easy it is to build apps and potentially make some cash using the languages you already know. This presentation will be an interesting and valuable follow up to our sessions last season on HTML 5.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-44314595352350611292012-06-17T22:26:00.000-04:002012-06-17T22:26:39.402-04:00June 2012 Meeting ReportAt our June meeting, we concluded our examination of HTML5 with some final thoughts and some suggestions for implementing this new standard. I have posted an outline of the new, simpler syntax for webpages <a href="http://jadavey.net/PACS_CSS/Samples/">in the Samples section of this site</a>.<br />
<br />
We discussed that some of the old syntax requirements are now optional, but in the case particularly of the <i>script</i> designation, continuing to include a type might be advisable. While JavaScript is generally the default language used for web scripting, it is not the only one out there. Some others include <a href="http://en.wikipedia.org/wiki/JScript" rel="nofollow" target="_blank">JScript from Microsoft</a> and the proposed<a href="http://googlesystem.blogspot.com/2011/10/dart-googles-programming-language-for.html" rel="nofollow" target="_blank"> Dart language from Google</a> (about which not everyone is happy, as indicated <a href="http://arstechnica.com/information-technology/2011/09/critics-call-foul-as-google-takes-aim-at-javascript-with-dart/" rel="nofollow" target="_blank">in this article from Ars Technica</a>.)<br />
<br />
We closed by noting that with the looser syntax rules of HTML5, it is incumbent on editors of websites to establish standards to maintain reliable and consistent code. <a href="http://www.impressivewebs.com/html5-syntax-style/" rel="nofollow" target="_blank">One such set of rules is laid out in this article.</a><br />
<br />
To finish up the year with a nice review of HTML5, <a href="http://event.on24.com/view/presentation/flash/EventConsoleNG.html?uimode=nextgeneration&eventid=377447&sessionid=1&username=&partnerref=&format=fhaudio&mobile=false&flashsupportedmobiledevice=false&helpcenter=false&key=977432E8258F49F00BD6097E35715D0E&text_language_id=en&playerwidth=1000&playerheight=650&overwritelobby=y&eventuserid=57107770&contenttype=A&mediametricsessionid=47640302&mediametricid=789285&usercd=57107770&mode=launch#" rel="nofollow" target="_blank">check this webcast from O'Reilly</a>. It runs about an hour and covers many of the topics that we worked on this year.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-20156796867584809372012-06-11T21:27:00.000-04:002012-06-11T21:27:09.431-04:00June 2012 Meeting Announcement -- HTML5 - The Big Wrap-UpWe have spent several meetings looking at HTML5, what it delivers, and what issues it presents. This month we will put it all together to answer questions like what do I use now, and why, and how? We will have those answers, or at least some suggested guidelines, to get us moving forward with this new technology.<br /><br />If you still have problems with your website after that meeting, be sure to attend the Web Design SIG session Saturday afternoon. The hour will be devoted to real-time problem solving on members' sites. Bring your issues (web-design only, please) to see if we can crowd-source an answer for you.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9198671.post-68179685287575476872012-05-26T15:32:00.001-04:002012-05-26T15:32:43.752-04:00May 2012 Meeting ReportAt our May meeting, we began by listing the issues about using HTML5 that we are going to discuss for the remainder of this season.<br />
<br />
We then took a side trip to look at XML and consider if bringing that technology to websites was the goal of the W3C, as <a href="http://www.dev-archive.net/articles/xhtml.html" rel="nofollow" target="_blank">suggested by one commentator</a>. We looked at some examples of using XML to handle information that is accessed through a browser:<br />
<ul>
<li><a href="http://www.softwaregarden.com/products/listgarden/" rel="nofollow" target="_blank"> ListGarden</a> - a utility for converting HTML to XML for an RSS feed or for other platforms.</li>
<li><a href="http://www.google.com/earth/index.html" rel="nofollow" target="_blank">Google Earth</a> - Google's mapping program in which locations are plotted using KML, an XML-based language. A list of coordinates can be converted to that format using a free utility like <a href="http://csv2kml.sourceforge.net/" rel="nofollow" target="_blank">csv2kml</a>.</li>
<li><a href="http://get-simple.info/" rel="nofollow" target="_blank">GetSimple CMS</a> - a content management system that uses an XML database instead of MySQL.</li>
</ul>
We will put it all together in June to come up with some guidelines about using HTML5.Unknownnoreply@blogger.com0