TJKDesign: Home Page

Find a broken link or an error? Please report it!

Are these CSS-P templates for me?

It all depends on what you want to use them for. Using them "straight out of the box" is pretty easy, but trying to tweak the structure of the document itself requires a minimum of basic knowledge (HTML and CSS).

Depending on your skills and the Template you chose, you may or may not be able to implement our Products in an efficient way. Some of them deal with advanced CSS stuff (FX set) and unless you're willing to "investigate", to figure things out, you should not bother purchasing them.

If we're presenting our solution as a "Learning Tool", as well as, a "Design Template", it is because our Templates involve many techniques related to markup (including accessibility features), scripting, and CSS (including CSS-Positionning of course). It is possible that some people consider using the Templates to learn about these features without even implementing them "per se" (publishing pages based on the Templates).

We certainly don't want to present our products as step-by-step tutorials that explain all these features in great detail. Our Templates are working examples in which every point listed below is implemented in a professional manner. Scripts are short and simple; markup and CSS are well commented.

Benefits: our Templates show you how to...

  1. Declare a document to be XHTML 1.0 Strict (a W3C recommendation),
  2. Use valid semantic markup (in which information is given well-defined meaning),
  3. Use MSIE Conditional Comments,
  4. Use CSS-Positionning techniques,
  5. Use the link tag in the head of the document to link to your home page,
  6. Implement a non JS alternative using the noscript tag pair,
  7. Hide Javascript behavior (i.e, a go back link) from Javascript-challenged browsers,
  8. Use a smart alternative to null links (ie., "#" or "javascript:;"),
  9. Customize a popup window,
  10. Use the "onkeypress" event handler (W3C - section 12.4),
  11. Use Client-Side script to pass a "parameter" using the URI string,
  12. Use JavaScript, HTML and CSS comments,
  13. Use a SS-Include to hold a navigation menu,
  14. Use a CSS rule to keep the navigation current state when using a SS-Include,
  15. Create pure CSS rollover and/or disjointed rollover effects,
  16. Use various techniques to import Cascading Style Sheets,
  17. Use MSIE Win Conditional Comments,
  18. Use very few CSS hacks (CSS filters),
  19. Hide a whole Styles Sheet from NN4,
  20. Hide specific CSS rules or declarations from NN4,
  21. Force NN4 to apply border around an element,
  22. Make sure NN4 obeys text-align declarations,
  23. Minimize the visual impact created by list-style-type:none in NN4 Mac,
  24. Use a "Print this Page" link that does not leave out MSIE5 Mac's users,
  25. Implement a print Style Sheet,
  26. Make sure some text only appears on printed documents,
  27. Show URIs next to links on a printed document,
  28. Include a "Favicon" (small icon in the browser's address bar),
  29. Place a small icon next to the external links on your pages,
  30. Use the correct markup in a Form to not break a layout in NN4,
  31. Use CSS to swap input fields background-color,
  32. Use CSS to vertically align your links in list items or other elements,
  33. Use CSS to center a container horizontally in modern browsers,
  34. Use CSS to center a container horizontally in MSIE 5 Win,
  35. Use CSS to center a container horizontally in NN4,
  36. Create different link styles on the same page,
  37. Use JavaScript statements to submit a document to the Validators,
  38. Set a default text box value and toggle that value using the onfocus/onblur events,
  39. Create a CSS rule for acronyms (as used here),
  40. Create a safe "top of the page" link,
  41. Implement a "SkipNav" link,
  42. Use Accesskeys,
  43. And more...

In addition , our Templates include links to tutorials to help you find out more about particular techniques or topics.

If you're like me, and you enjoy getting your hands dirty, our templates could be a perfect solution for you. They let you tackle many different concepts under one single hood.

We've built these products hoping that they give you complete satisfaction.