Themes:
Panorama across harbour of Sydney CBD

The Web Designers ABC Play-school

Meet at   - Sydney Mechanics' School of Arts, 280 Pitt Street - check Monthly Calendar -   Visitors are always welcome

This page is for web designers to test new ideas

Brackets web editor logoFor this test, the Brackets web editor plus the Emmet extension was used.
This simple short-cut code:   ol>li*3>{Item}   was inserted and   Ctrl + Alt + Enter   pressed
to produced the following "HTML code" used to create the Ordered List example shown below.

<ol>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ol>
  1. Item
  2. Item
  3. Item

Many other more complex elements can also be quickly constructed using Emmet.

☆   ☆   ☆   ☆   ☆

This test activates a fixed "Go to top" icon after scrolling down a set distance on long pages. Try it now.

This next item is to test the print function for just the main contents of a webpage. Also available in the QUICK LINKS list. Try it out.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet condimentum est. Proin eu malesuada ante, eu hendrerit justo. Donec at varius risus. Ut porta fringilla erat eget tempus. Integer nisi eros, vestibulum sed lorem vel, hendrerit tristique nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras cursus mi eget feugiat semper. Praesent quis dolor magna. Ut at facilisis massa. Pellentesque blandit nisi ligula, sit amet ullamcorper libero cursus in. Morbi nec leo id orci laoreet varius. Quisque quis sagittis tellus, in scelerisque nulla.

Morbi eu odio vel nisi aliquam aliquet sed in quam. Etiam efficitur vel mauris finibus ultricies. Donec eget nisi pellentesque, consectetur diam ac, aliquam mauris. Duis lacinia orci tellus, in ultricies urna imperdiet et. Ut a velit rutrum, vestibulum metus eget, varius risus. Donec auctor est quis elit rutrum, dictum tempor dolor pulvinar. Sed at odio quis libero sollicitudin eleifend ac in erat. Duis sollicitudin accumsan venenatis. Cras euismod nibh ac ex ultricies vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed sit amet condimentum est. Proin eu malesuada ante, eu hendrerit justo. Donec at varius risus. Ut porta fringilla erat eget tempus. Integer nisi eros, vestibulum sed lorem vel, hendrerit tristique nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras cursus mi eget feugiat semper. Praesent quis dolor magna. Ut at facilisis massa. Pellentesque blandit nisi ligula, sit amet ullamcorper libero cursus in. Morbi nec leo id orci laoreet varius. Quisque quis sagittis tellus, in scelerisque nulla.

Morbi eu odio vel nisi aliquam aliquet sed in quam. Etiam efficitur vel mauris finibus ultricies. Donec eget nisi pellentesque, consectetur diam ac, aliquam mauris. Duis lacinia orci tellus, in ultricies urna imperdiet et. Ut a velit rutrum, vestibulum metus eget, varius risus. Donec auctor est quis elit rutrum, dictum tempor dolor pulvinar. Sed at odio quis libero sollicitudin eleifend ac in erat. Duis sollicitudin accumsan venenatis. Cras euismod nibh ac ex ultricies vulputate.