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

From TeleCafeWiki
Jump to navigation Jump to search
(HeadJS)
(PHP: Convert special characters to HTML character codes)
Line 42: Line 42:
 
;What is humans.txt?: http://humanstxt.org/
 
;What is humans.txt?: http://humanstxt.org/
 
;Color Hex Color Codes: http://www.color-hex.com/
 
;Color Hex Color Codes: http://www.color-hex.com/
;HeadJS -- The Only Script In Your <HEAD> -- A tiny script that speeds up, simplifies and modernizes your site.: http://headjs.com/
+
;HeadJS -- The Only Script In Your <HEAD> -- A tiny script that speeds up, simplifies and modernizes your site.: Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.
:Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.
+
: http://headjs.com/
 +
;PHP: Convert special characters to HTML character codes: http://stackoverflow.com/questions/3882567/php-convert-special-characters-to-html-character-codes
 
;Handy Tweaks To Make GIMP Replace Photoshop: http://www.smashingmagazine.com/2009/04/03/8-handy-tweaks-to-make-gimp-replace-photoshop/
 
;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
 
;How to make a transparent background/selection on an image using GIMP: http://geekswithblogs.net/timh/archive/2006/03/20/72797.aspx

Revision as of 19:35, 2 January 2012

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/
Sass - Syntactically Awesome Stylesheets
http://sass-lang.com/
Emastic - css framework
http://code.google.com/p/emastic/

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

.htaccess

Hide file extensions, add trailing slash with .htaccess
http://code.adonline.id.au/hide-file-extensions-add-trailing-slash/
The Definitive Guide to htaccess Techniques
Do’s and Don’ts: http://www.noupe.com/php/htaccess-techniques.html
Comprehensive guide to .htaccess
http://www.javascriptkit.com/howto/htaccess.shtml
Stupid htaccess Tricks
http://perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/

Tools & Resources

What is humans.txt?
http://humanstxt.org/
Color Hex Color Codes
http://www.color-hex.com/
HeadJS -- The Only Script In Your <HEAD> -- A tiny script that speeds up, simplifies and modernizes your site.
Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.
http://headjs.com/
PHP
Convert special characters to HTML character codes: http://stackoverflow.com/questions/3882567/php-convert-special-characters-to-html-character-codes
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/
Use PHP to insert an automatic “last modified” date into web pages
http://code.adonline.id.au/last-modified-date-php/