guru

Tech Tools Guru

A subsidiary of TNT

setup

Online Resources Utilized to Make TTG Possible

'It takes a village' to design a website. Below are some online resources we use routinely to build our pages.

Link Commentary
CodeHS An online development and training platformed used by many high schools for computer science training
W3Schools A free training and practice sandbox for all things web-related
The Noun Project A valuable, inexpensive option for securing high-quality images and iconograpy
Google Fonts Get some custom fonts to dress up your site! You just need some links to the files in the head of your document and some application styles in your stylesheets!
Pallettable Example pallette A great site to design harmonious colors for a website. The example to the left is the current design for TTG
Favicomatic A cheesy yet helpful way of converting your own graphic images into icon files for use as favicons!
Cupcake Ipsum Fun way of getting 'filler text' when you don't have the time to actually write cute web banter
HTML/Entities Converter If you want to showcase HTML snippets within a web page, you must convert the taggy-type symbols to something that will not be perceived as code itself. This can be done with HTML Entities as described at W3Schools. The link to the left is a generator that does the work for you!
HTML Validator We'd like our web pages to be built on a firm foundation. One way to ensure that is to make sure the page 'validates' ~ which is to say, it meets the web community's standards of development. This free widget checks your HTML code and gives you hints on how to fix 'problems.'
CSS Validator Ditto the information above, except this time we are validating CSS. This site is helpful in identifying pesky CSS issues that prevent your code from looking its best
Chrome Web Store - Extensions We use Chrome in most of our work, but of course, we look at our work in other browsers! In Chrome, however, there are tiny programs we can embed in the browser that make our job easier. Ones that we use nearly every day are:
  1. Web Developer Toolbar (Chris Pederick)
  2. Corporate Ipsum
  3. Colorzilla
Be sure to check them out!