10.1531 Open Source Web Development Scripts

When it comes to Web development, there is a wealth of free information online to help you create a top-notch Web site. A lot of hard work goes in to maintaining these resources, all to help save you time and money….

http://bavotasan.com/articles/31-open-source-web-development-scripts/

  • Share/Bookmark

Filed under: General, Resources, Scripting & Programming, Web Site Development, Website Design & Development | Post a comment

10.12Tutorial: Beginners Guide to PhP – Part 1

What Is PHP?

PHP stands for Hypertext PreProcessor. It is a server-side scripting language. The PHP code can be mixed in with regular HTML tags and parsed on the server.

What Can PHP do?

PHP can do many things, such as creating a hit counter, login script, guestbooks, form handling, as well as really complex things like Content Management Systems(CMS), Social Networks, etc… The possibilities really are only limited by your imagination, and knowledge.

What Do I Need To Get Started?

PHP requires only a server with PHP installed and a simple ASCII text editor such as Notepad(standard on all Windows machines).

You can rent server space and purchase a domain name from numerous sources on the internet. A decent hosting provider, and one i use myself is http://www.godaddy.com, it is also one of the more famous ones.

Alternately, you can install server software, and PhP on your computer to practice with. XAMPP, and WAMP are just a few examples of such software. With these packages, and even a manual install of Apache you can go as far as running your own live website, right from your PC.

Your First Script

[code]
<?php
echo 'Hello World!';
?>
[/code]

When ran, the above script will output the following to your browser window:

[code]
Hello World!
[/code]

Taking A Step Further

Try this:

[code]
<html>
<head>
<title>Hello World</title>
</head>
<body>
<?php
echo 'Hello World!';
?>
</body>
</html>[/code]

The above code, will still output “Hello World!” to your browser, but inside the actual html code, as if you were to just type out Hello World in <p> tags.

Summing It Up

That concludes part 1 of my beginners guide. I hope you found it useful.

  • Share/Bookmark

Filed under: PhP, PhP Tutorials | Post a comment

10.12A Simple Rose for You

This started out as a practice sketch in photoshop, started playing with colors, and blending. It could definately use more smoothing, blending, and highlighting.

A Rose for You

Tools:

  • 4×6″ Graphire3 Wacom tablet
  • Adobe Photoshop
  • Coffee

Approx. 5 hours.

  • Share/Bookmark

Filed under: 2D Artwork, , , , , , | Post a comment

10.11Longing

An early character sketch. Another Wacom project in Photoshop.

Tools:

  • Adobe Photoshop
  • 4×6 Graphire3 Wacom Tablet
  • Coffee

Took approx 12 hours.

longing

  • Share/Bookmark

Filed under: General | Post a comment

10.11Serenity

One of my first wacom tablet projects. One i’ve managed to keep over the years anyway.

Tools:

  • Adobe Photoshop
  • 4×6 Graphire3 Wacom tablet
  • Coffee

Took approx 10 hours to complete.

serenity

  • Share/Bookmark

Filed under: 2D Artwork | Post a comment

10.11Web Template: Untitled-001

Just a simple website template displaying different “blocks”, and configurations.

untitled-001

Using CSS, all blocks except the tabbed block, will expand & shrink to its content, and the content around it.

a simple single image CSS {:Hover} is used for its top menuBar.

  • Share/Bookmark

Filed under: Website Templates | Post a comment

10.11HTML Reference Chart

Math Symbols Supported by HTML

Result Description Entity Name Entity Number
∀ for all &forall; &#8704;
∂ part &part; &#8706;
∃ exists &exists; &#8707;
∅ empty &empty; &#8709;
∇ nabla &nabla; &#8711;
∈ isin &isin; &#8712;
∉ notin &notin; &#8713;
∋ ni &ni; &#8715;
∏ prod &prod; &#8719;
∑ sum &sum; &#8721;
− minus &minus; &#8722;
∗ lowast &lowast; &#8727;
√ square root &radic; &#8730;
∝ proportional to &prop; &#8733;
∞ infinity &infin; &#8734;
∠ angle &ang; &#8736;
∧ and &and; &#8743;
∨ or &or; &#8744;
∩ cap &cap; &#8745;
∪ cup &cup; &#8746;
∫ integral &int; &#8747;
∴ therefore &there4; &#8756;
∼ simular to &sim; &#8764;
≅ approximately equal &cong; &#8773;
≈ almost equal &asymp; &#8776;
≠ not equal &ne; &#8800;
≡ equivalent &equiv; &#8801;
≤ less or equal &le; &#8804;
≥ greater or equal &ge; &#8805;
⊂ subset of &sub; &#8834;
⊃ superset of &sup; &#8835;
⊄ not subset of &nsub; &#8836;
⊆ subset or equal &sube; &#8838;
⊇ superset or equal &supe; &#8839;
⊕ circled plus &oplus; &#8853;
⊗ cirled times &otimes; &#8855;
⊥ perpendicular &perp; &#8869;
⋅ dot operator &sdot; &#8901;

Greek Letters Supported by HTML

Result Description Entity Name Entity Number
Α Alpha &Alpha; &#913;
Β Beta &Beta; &#914;
Γ Gamma &Gamma; &#915;
Δ Delta &Delta; &#916;
Ε Epsilon &Epsilon; &#917;
Ζ Zeta &Zeta; &#918;
Η Eta &Eta; &#919;
Θ Theta &Theta; &#920;
Ι Iota &Iota; &#921;
Κ Kappa &Kappa; &#922;
Λ Lambda &Lambda; &#923;
Μ Mu &Mu; &#924;
Ν Nu &Nu; &#925;
Ξ Xi &Xi; &#926;
Ο Omicron &Omicron; &#927;
Π Pi &Pi; &#928;
Ρ Rho &Rho; &#929;
Sigmaf undefined
Σ Sigma &Sigma; &#931;
Τ Tau &Tau; &#932;
Υ Upsilon &Upsilon; &#933;
Φ Phi &Phi; &#934;
Χ Chi &Chi; &#935;
Ψ Psi &Psi; &#936;
Ω Omega &Omega; &#937;
α alpha &alpha; &#945;
β beta &beta; &#946;
γ gamma &gamma; &#947;
δ delta &delta; &#948;
ε epsilon &epsilon; &#949;
ζ zeta &zeta; &#950;
η eta &eta; &#951;
θ theta &theta; &#952;
ι iota &iota; &#953;
κ kappa &kappa; &#954;
λ lambda &lambda; &#923;
μ mu &mu; &#956;
ν nu &nu; &#925;
ξ xi &xi; &#958;
ο omicron &omicron; &#959;
π pi &pi; &#960;
ρ rho &rho; &#961;
ς sigmaf &sigmaf; &#962;
σ sigma &sigma; &#963;
τ tau &tau; &#964;
υ upsilon &upsilon; &#965;
φ phi &phi; &#966;
χ chi &chi; &#967;
ψ psi &psi; &#968;
ω omega &omega; &#969;
ϑ theta symbol &thetasym; &#977;
ϒ upsilon symbol &upsih; &#978;
ϖ pi symbol &piv; &#982;

Some Other Entities Supported by HTML

Result Description Entity Name Entity Number
Πcapital ligature OE &OElig; &#338;
œ small ligature oe &oelig; &#339;
Š capital S with caron &Scaron; &#352;
š small S with caron &scaron; &#353;
Ÿ capital Y with diaeres &Yuml; &#376;
ƒ f with hook &fnof; &#402;
ˆ modifier letter circumflex accent &circ; &#710;
˜ small tilde &tilde; &#732;
en space &ensp; &#8194;
em space &emsp; &#8195;
thin space &thinsp; &#8201;
‌ zero width non-joiner &zwnj; &#8204;
‍ zero width joiner &zwj; &#8205;
‎ left-to-right mark &lrm; &#8206;
‏ right-to-left mark &rlm; &#8207;
– en dash &ndash; &#8211;
— em dash &mdash; &#8212;
‘ left single quotation mark &lsquo; &#8216;
’ right single quotation mark &rsquo; &#8217;
‚ single low-9 quotation mark &sbquo; &#8218;
“ left double quotation mark &ldquo; &#8220;
” right double quotation mark &rdquo; &#8221;
„ double low-9 quotation mark &bdquo; &#8222;
† dagger &dagger; &#8224;
‡ double dagger &Dagger; &#8225;
• bullet &bull; &#8226;
… horizontal ellipsis &hellip; &#8230;
‰ per mille &permil; &#8240;
′ minutes &prime; &#8242;
″ seconds &Prime; &#8243;
‹ single left angle quotation &lsaquo; &#8249;
› single right angle quotation &rsaquo; &#8250;
‾ overline &oline; &#8254;
€ euro &euro; &#8364;
™ trademark &trade; &#8482;
← left arrow &larr; &#8592;
↑ up arrow &uarr; &#8593;
→ right arrow &rarr; &#8594;
↓ down arrow &darr; &#8595;
↔ left right arrow &harr; &#8596;
↵ carriage return arrow &crarr; &#8629;
⌈ left ceiling &lceil; &#8968;
⌉ right ceiling &rceil; &#8969;
⌊ left floor &lfloor; &#8970;
⌋ right floor &rfloor; &#8971;
◊ lozenge &loz; &#9674;
♠ spade &spades; &#9824;
♣ club &clubs; &#9827;
♥ heart &hearts; &#9829;
♦ diamond &diams; &#9830;

ASCII Entities with Entity Names

Result Description Entity Name Entity Number
“ quotation mark &quot; &#34;
‘ apostrophe &apos; (does not work in IE) &#39;
& ampersand &amp; &#38;
< less-than &lt; &#60;
> greater-than &gt; &#62;

ISO 8859-1 Symbol Entities

Result Description Entity Name Entity Number
non-breaking space &nbsp; &#160;
¡ inverted exclamation mark &iexcl; &#161;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¤ currency &curren; &#164;
¥ yen &yen; &#165;
¦ broken vertical bar &brvbar; &#166;
§ section &sect; &#167;
¨ spacing diaeresis &uml; &#168;
© copyright &copy; &#169;
ª feminine ordinal indicator &ordf; &#170;
« angle quotation mark (left) &laquo; &#171;
¬ negation &not; &#172;
­ soft hyphen &shy; &#173;
® registered trademark &reg; &#174;
¯ spacing macron &macr; &#175;
° degree &deg; &#176;
± plus-or-minus &plusmn; &#177;
² superscript 2 &sup2; &#178;
³ superscript 3 &sup3; &#179;
´ spacing acute &acute; &#180;
µ micro &micro; &#181;
paragraph &para; &#182;
· middle dot &middot; &#183;
¸ spacing cedilla &cedil; &#184;
¹ superscript 1 &sup1; &#185;
º masculine ordinal indicator &ordm; &#186;
» angle quotation mark (right) &raquo; &#187;
¼ fraction 1/4 &frac14; &#188;
½ fraction 1/2 &frac12; &#189;
¾ fraction 3/4 &frac34; &#190;
¿ inverted question mark &iquest; &#191;
× multiplication &times; &#215;
÷ division &divide; &#247;

ISO 8859-1 Character Entities

Result Description Entity Name Entity Number
À capital a, grave accent &Agrave; &#192;
Á capital a, acute accent &Aacute; &#193;
 capital a, circumflex accent &Acirc; &#194;
à capital a, tilde &Atilde; &#195;
Ä capital a, umlaut mark &Auml; &#196;
Å capital a, ring &Aring; &#197;
Æ capital ae &AElig; &#198;
Ç capital c, cedilla &Ccedil; &#199;
È capital e, grave accent &Egrave; &#200;
É capital e, acute accent &Eacute; &#201;
Ê capital e, circumflex accent &Ecirc; &#202;
Ë capital e, umlaut mark &Euml; &#203;
Ì capital i, grave accent &Igrave; &#204;
Í capital i, acute accent &Iacute; &#205;
Î capital i, circumflex accent &Icirc; &#206;
Ï capital i, umlaut mark &Iuml; &#207;
Ð capital eth, Icelandic &ETH; &#208;
Ñ capital n, tilde &Ntilde; &#209;
Ò capital o, grave accent &Ograve; &#210;
Ó capital o, acute accent &Oacute; &#211;
Ô capital o, circumflex accent &Ocirc; &#212;
Õ capital o, tilde &Otilde; &#213;
Ö capital o, umlaut mark &Ouml; &#214;
Ø capital o, slash &Oslash; &#216;
Ù capital u, grave accent &Ugrave; &#217;
Ú capital u, acute accent &Uacute; &#218;
Û capital u, circumflex accent &Ucirc; &#219;
Ü capital u, umlaut mark &Uuml; &#220;
Ý capital y, acute accent &Yacute; &#221;
Þ capital THORN, Icelandic &THORN; &#222;
ß small sharp s, German &szlig; &#223;
à small a, grave accent &agrave; &#224;
á small a, acute accent &aacute; &#225;
â small a, circumflex accent &acirc; &#226;
ã small a, tilde &atilde; &#227;
ä small a, umlaut mark &auml; &#228;
å small a, ring &aring; &#229;
æ small ae &aelig; &#230;
ç small c, cedilla &ccedil; &#231;
è small e, grave accent &egrave; &#232;
é small e, acute accent &eacute; &#233;
ê small e, circumflex accent &ecirc; &#234;
ë small e, umlaut mark &euml; &#235;
ì small i, grave accent &igrave; &#236;
í small i, acute accent &iacute; &#237;
î small i, circumflex accent &icirc; &#238;
ï small i, umlaut mark &iuml; &#239;
ð small eth, Icelandic &eth; &#240;
ñ small n, tilde &ntilde; &#241;
ò small o, grave accent &ograve; &#242;
ó small o, acute accent &oacute; &#243;
ô small o, circumflex accent &ocirc; &#244;
õ small o, tilde &otilde; &#245;
ö small o, umlaut mark &ouml; &#246;
ø small o, slash &oslash; &#248;
ù small u, grave accent &ugrave; &#249;
ú small u, acute accent &uacute; &#250;
û small u, circumflex accent &ucirc; &#251;
ü small u, umlaut mark &uuml; &#252;
ý small y, acute accent &yacute; &#253;
þ small thorn, Icelandic &thorn; &#254;
ÿ small y, umlaut mark &yuml; &#255;
  • Share/Bookmark

Filed under: Web Site Development | Post a comment

10.10First Posting.

Well, this is my first entry into wordpress.

I have plans to create my own Content Management System(CMS) for my portfolio. In the past i’ve built, and displayed as i went. For now, I think i will utilize this blogging software for the backend, and utilize the main part of the website for displaying the meat of the contents of my portfolio.

Keep checking back often, sign up, etc… as i plan on doing some very exciting things with my website.

to be continued

  • Share/Bookmark

Filed under: General, | Post a comment