Difference between revisions of "User:Dave/Web Hack Notes (Non-Wiki)"

Revision as of 11:06, 28 December 2011

Source: What Beautiful HTML Code Looks Like

HELP FROM AROUND THE WEB

These notes began as an archive of resources listed on the humans.txt file for www.davidjonathan.com. The idea is to expand this page with other helpful resources for building simple web sites.

CSS Grids & Frameworks

inuit.css: http://csswizardry.com/inuitcss/
CSS Wizardry: http://csswizardry.com/

PHP Classes

The php5 object oriented web design howto > Functions and classes > A page class: http://fun-tech.se/php_tutorial/part03/index.php

PHP Includes

Custom Page Titles with PHP Includes

http://girlswhogeek.com/tutorials/2006/custom-page-titles-with-php-includes

How to automatically include your header, navigation, and footer on every page

http://www.apaddedcell.com/how-automatically-include-your-header-navigation-and-footer-every-page

Using the PHP Include Function to Template Faster

http://buildinternet.com/2009/12/using-the-php-include-function-to-template-faster/

WebDeveloper.com > Server-Side Development > PHP > php include question - bad practice?

http://www.webdeveloper.com/forum/showthread.php?t=241934

Flawed tips but useful in working out the basic idea of calling head, footer and other page elements from a single file.

WebDeveloper.com > Server-Side Development > PHP > Page title from include php file??: http://www.webdeveloper.com/forum/showthread.php?t=208744
Case Study--How to Customize a JumpStart: http://www.communitymx.com/content/article.cfm?page=1&cid=80733; (This tutorial is mainly pushing JumpStart web templates, but offers some useful tips on includes placement.

Menus

Create a centred horizontal navigation

http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/

Demo: http://csswizardry.com/demos/centred-nav/

Horizontally Centered Menus with no CSS hacks: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

Character Encoding

Converting special characters to HTML entities between code tags: http://matthewjamestaylor.com/blog/convert-special-characters-to-html-entities-between-code-tags
The Road to HTML 5: character encoding: http://blog.whatwg.org/the-road-to-html-5-character-encoding
Curling Quotes in HTML, SGML, and XML: http://www.dwheeler.com/essays/quotes-in-html.html
HTML Symbol Entities Reference: http://www.w3schools.com/tags/ref_symbols.asp

Tools & Resources

What is humans.txt?: http://humanstxt.org/
Color Hex Color Codes: http://www.color-hex.com/
Handy Tweaks To Make GIMP Replace Photoshop: http://www.smashingmagazine.com/2009/04/03/8-handy-tweaks-to-make-gimp-replace-photoshop/
How to make a transparent background/selection on an image using GIMP: http://geekswithblogs.net/timh/archive/2006/03/20/72797.aspx
What Beautiful HTML Code Looks Like: http://css-tricks.com/what-beautiful-html-code-looks-like/
ID Your Body For Greater CSS Control and Specificity: http://css-tricks.com/id-your-body-for-greater-css-control-and-specificity/
Hide file extensions, add trailing slash with .htaccess: http://code.adonline.id.au/hide-file-extensions-add-trailing-slash/
Use PHP to insert an automatic “last modified” date into web pages: http://code.adonline.id.au/last-modified-date-php/

@@ Line 39: / Line 39: @@
 ;ID Your Body For Greater CSS Control and Specificity: http://css-tricks.com/id-your-body-for-greater-css-control-and-specificity/
 ;Hide file extensions, add trailing slash with .htaccess: http://code.adonline.id.au/hide-file-extensions-add-trailing-slash/
+;Use PHP to insert an automatic “last modified” date into web pages: http://code.adonline.id.au/last-modified-date-php/