Cascading Style Sheets (CSS) is a simple way to define styles (e.g. fonts, colors, spacing) on Web pages.
Of course there is coding involved. Here is a printable cheat sheet you can keep close at hand.
A graph or chart can give the reader a visual representation of a great deal of data. Concepts or results can be more easily grasped by a well formatted graphic.
Charts, usually, take up more space in a document than is absolutely required.
Edward Tufte has come up with the concept of Sparklines (Sparklines:Intense, Word-sized Graphics)
These are small graphs about the same height and width as common words. They are not out of place in the text of a document.
Sparklines give the reader a snapshot of the data that quickly supports the material being discussed.
XML makes data transferable between applications.
Here is a tutorial with downloadable files.
Some simple guidance of how to transfer data from Excel or Access into HTML web pages using XML data files. VBA programs can be used to export data tables from Excel or Access into simple XML files. There are several examples of using different methods to display the XML and XSL files on web pages in order to quickly share your data with others.
Under the belief that more information leads to more understanding, here is a site that may help you round the corners of web design and function. Besides CSS templates there are PHP code nibblets.
In 2003 artypapers was created by R. Marie Cox as a springboard for ideas and a working space of technical implementation -- a place to test and build an extendable collection of core classes (alliteration!) that acts as an application framework for a diverse set of projects and applications.
It's actually just a simple table with a couple of additions. (free)
HTMLCAL is a Web calendar maker and editor that lets you maintain a group calendar for your Web site or intranet.
This software will let you maintain live calendars on your site that anyone can view or update from any Web browser. ($25)
HTML Calendar Maker Pro was designed with ease of use in mind. Now you can type your events quickly and easily and they will be transformed into a customized and professional monthly calendar within seconds. Simply follow the on-screen tutorial to create your calendar and then place the finished web page on your site. It's perfect for planning for the weeks ahead or noting past historic events. ($26.50 +)
Umpty ump definitions and references — maybe even a googol.
We all know/knew that a nibble is four binary digits or half of a (eight-bit) byte and that a crumb is jargon for two bits (two binary digits). However, there must be some other definitions that don't pop into mind right away.
That's where Whatis, an IT-specific encyclopedia comes in.
"Cascading Style Sheets separate the presentation from the structural markup of a web site. By applying a CSS style you have the ability to keep the structure of your document lean and fast, while controlling the appearance of the content.
HTML was intended as the structural markup language. This language focuses on the roles that the different elements of a document have to play, not how they have to look. CSS has been invented and developed for the Internet. It is not an adapted tool from print or programming, but a means of enhancing HTML."
CSS Creator site is a place for you to learn about and create CSS, Cascading Style Sheets. The CSS Forum is a place where you can discuss CSS page layouts, positioning, bugs and just about anything related to cascading style sheets. The forum is new, free and most of all needs people like you to create a community. Talk about CSS, ask questions, find solutions, and help each other learn at the CSS Forum.
The original CSS Creator is a CSS generator, which you can use to create styles and test them on your site. If you are learning CSS have a look and see how changes will affect your site and generate the styles. The CSS Creator has been used tested on 5266 urls.
The CSS Layout Generator will generate layouts with a flexible center column and fixed width left and or right column. All columns will be the same length, the layout can be centered on the page or full width and a header and footer can be easily added. 10545 CSS Layouts have been generated.
A Useful CSS Links page has been added to the site and contains great links to CSS tutorials, tools, tips from all over the web.
Here is a discussion about how to design a form for use on the web.
"Computers are supposed to make our lives easier, not more difficult. As usability-conscious designers, we can make our users' lives easier by thinking about the way people interact with our websites, providing clear direction, and then putting the burden of sorting out the details in the hands of the computers—not the users.
Use the right field for the task
Give them room to type
Shorten your forms and question "mandatory" fields
Mark mandatory fields clearly
Provide descriptive labels for all of your fields
Let the computer, not the user, handle information formatting
A San Francisco company called Learn the Net has produced a basic on-line tutorial about the Internet.
If you need a fundamental primer, this might be a place to look.
It is not a series of scaled down "baby talk" lessons. You can drill down though the meaning of 403/404 error codes and links to WW3 Generic URI Syntax (RFC 2396) standards.
That is if you know how to drill down.
"Throughout Learn the Net--in fact on most web pages--you will see words that are in color and often underlined. By clicking on these words, known as hypertext, you jump to other places on the page, to other pages on the site, or to other resources on the Internet."
The operative line is:
<meta http-equiv="REFRESH" content="3; URL=http://WWW.MiniByteTech.com">
The value of content is in seconds.
The new location for this web site is WWW.MiniByteTech.com! You will automatically be redirected in 3 seconds. If your browser doesn't automatically load, click <a href="http://WWW.MiniByteTech.com">HERE</a>.
"There are many Web technologies, from simple to complex, and explaining each in detail is beyond the scope of this article. However, to help you get started with developing your own Web sites, beyond simple WYSIWYG designing of Web pages in FrontPage, this article provides brief definitions of the major Web technologies along with links to sites where you can find more information, tutorials, and reference documentation."
When you link to certain sites, you might notice that a graphic is sometimes displayed instead of the IE logo. There are numerous sites that help to create and place these logos.
To add a Favicon, upload the file, favicon.ico to the root web directory of your hosted website Make sure the file is named "favicon.ico." When someone bookmarks your site with a browser that supports favicons, your mini-pic will appear. You could also link it using this code:
"FavIcon from Pics is an online tool that can generate a favicon from a picture, logo or other graphic of any size/resolution. It was also the first online tool that simplified the creation of favicons using a regular image without requiring manual edits."
" Here's a roundup of some of the favicons that caught my eye. Please click through to the sites themselves, to see how the favicon works (or not) with the site. Maybe it will get you thinking about your own site's favicon."
"Cascading Style Sheets (abbreviated CSS) add a new dimension to our pallet of Web design tools. They have the potential to allow a webmaster to control the appearance of countless web pages with one single file.
This file, known as a "Style Sheet", can be referenced by any number of web pages to define how certain areas of text appear on those pages.
With a simple change to this style sheet (to the font face, color, size, highlighting, border, or other properties), any page in the entire web site can instantly and easily be altered, eliminating the need to go through and change every single HTML tag.
In addition, style sheets add a number of other features, such as being able to specify text size in terms of points, highlighting text, using borders without the hassle of tables, defining paragraph indents, margins, and object positioning. They even provide the ability to layer elements over one another!"
"This site documents my attempts at understanding and exploring the possibilities of CSS. From standard navigation links to my more bizarre experimental techniques.
"You will no doubt come across many quirky layout issues when building a site with CSS. You'll end up banging your head against a wall time and again. This is an attempt to make the design process easier, and provide a quick reference to check when you run into trouble."
"The old-timers had to figure out the hard way all the tricks and techniques we now take for granted; lucky folks who came in later (myself included) can benefit from their sweat and tears.
In the end, when your skill using standard-based design eclipses your skill using old-school table-based methods, you’ll look back and marvel at how much more sense it makes to layout a page with CSS."
"This Style Guide for the Branch Libraries of the New York Public Library explains the markup and design requirements for all Branch Libraries web projects, along with various standards and best practices."
The rules of XHTML as compared to HTML—an easy transition
What is XML?
A brief introduction to the foundation of XHTML
Four key benefits of converting from HTML to XHTML
XHTML Authoring Tips & Tools
Simplifying the work process—includes tips on thinking structurally, and tools for hand-coders and Dreamweaver users
XHTML Accessibility Tips
Making sure your pages can be read by all visitors, browsers, and devices
Ensuring interoperability by avoiding errors and sticking to standards
Tips on authoring and linking to Style Sheets
Steal These Style Sheets!
Style Sheets for your use in Library projects
Ensuring that your Style Sheets are error-free (same as XHTML validation)
This is significantly simpler than linking to named destinations because it doesn't require any special steps to be taken in the preparation of the PDF file. I personally favor the page-linking method for this reason. In order to link through to a specific PDF page, begin with the domain, as you would for any web link:
Then add the name of the PDF document:
Then append "#page=" followed by the desired page number. For example, if you were looking to link to page 7:
You can add information from other RSS or Atom sites to your own web page.
FeedSweep from Howell Developments takes care of the scripting. You only have to paste a short piece of code on your page. You can choose which feeds to display.
RSS 1.0 and variants
RSS 2.0 and variants
"Including up-to-date information from other web sites and news services bolsters your site's content and lets your visitors know they can come back to get updates on topics that are related to their interests. FeedSweep is a new, free service that allows anyone to include news feeds on his or her web site.
Create a Basic FeedSweep to browse and preview any of these styles, or create an Advanced FeedSweep and make your own style.
You can put a break on a web page like you can in a document. A Cascading Style Sheet makes it simple
"The stub-ends left when paragraphs end on the first line of a page are called widows. They have a past but not a future, and they look foreshortened and forlorn."
Orphans are parts of a paragraph that begin on the previous page. An orphan has a future, but no past.
The only paging properties supported by Internet Explorer 7, Safari 3 and Firefox 2 are page-break-before and page-break-after. The page-break-before and page-break-after properties enable you to say that a page break should occur before or after the specified element. The following example starts a new page every time an h1 heading is encountered and after every .section block.
There are no text files to save and reload. Just write a few lines of text, a few tags, even paste some text in the box from some other application if you want. When you press the button, it will show you how what's in the box will look when run through the web browser your using now.
HTML Preview Preview HTML in a new window by entering it into the form. This script allows you to pass anything to a new window. Instructions help you create a preview on your own web page.
Here are the Save As choices available in an application such as Word:
Web Page, Complete means that the contents of the page (including any pictures) will be saved into a folder as separate files, similar to those on the server hosting the site.
Web Page, HTML only means that only the HTML information will be saved. This option and Web Page, Complete will enable you to open the file for viewing in Internet Explorer (or any other browser) at a later time, even when you are offline.
Web Archive means that the page will be saved, along with any images it contains, as a single file. You can view a Web Archive later without being connected to the Internet.
Text File means that only the text on the page will be saved, not the HTML (or any other) formatting, including graphics.
This is a tool that lets you see how different typefaces will look on the screen. It also allows you to compare three fonts at once.
"The Typetester is an online application for comparison of the fonts for the screen. Its' primary role is to make web designer's life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated."
Google engineer and blogger Matt Cutts has defined the pieces that make up a Uniform Resource Locator.
At least as Google refers to them when they're sitting around in their backrooms
Fragment or a Named anchor
The Googlers I've talked to are split right down the middle on which way to refer it. Disputes on what to call it can be settled with arm wrestling, dance-offs, or drinking contests. Typically the fragment is used to refer to an internal section within a web document. In this case, the named anchor means "skip to 2 minutes and 30 seconds into the video."
"I've heard some folks complaining that FrontPage doesn't include a doctype declaration when you create a new page. If that's a problem for you then why not just edit the default template? That's the file that FP copies every time you create a new blank page.
Here's the location of the file. Change it you like.