Amazon Linux AMI as LAMP setup

Aside

The following guide demonstrates how to install Apache Webserver 2.2, PHP 5.3, MySQL Server 5.1 (Community Edition) and Perl (without mod_perl).

sudo yum install -y httpd php php-pear mysql mysql-server perl php-common php-dba php-pdo php-mysql php-xml php-xmlrpc

Then start Apache HTTPD and MySQL Server:

sudo /etc/init.d/mysqld start
sudo /etc/init.d/httpd start

And make sure it`s always loaded on startup:
sudo chkconfig --level 2345 httpd on
sudo chkconfig --level 2345 mysqld on

OpenSuSE 11.4 LAMP installation guide

Aside

The following guide demonstrates how to install Apache 2.2, PHP 5.3 and MySQL 5.1 in OpenSuSE linux version 11.4.

I will not guide you through the installationsteps, so I start  after booting the machine and logging in.

You have to be logged in as root (using the sudo command).

By entering the following code into the commandline you install MySQL, Apache, PHP and the basic/required third party modules.

sudo
yast2 -i mysql mysql-community-server mysql-client perl-DBD-mysql perl-DBI perl-Data-ShowTable
chkconfig --add mysql
/etc/init.d/mysql start
yast2 -i apache2 apache2-devel apache2-mod_perl apache2-mod_php5 apache2-prefork perl-HTML-Parser perl-URI perl-libwww-perl php5 php5-devel zlib zlib-devel
yast2 -i ImageMagick curl
yast2 -i php5-bcmath php5-bz2 php5-calendar php5-ctype php5-curl php5-dom php5-ftp php5-gd php5-gettext php5-gmp php5-iconv php5-imap php5-ldap php5-mbstring php5-mcrypt php5-mysql php5-odbc php5-openssl php5-pcntl php5-pgsql php5-posix php5-shmop php5-snmp php5-soap php5-sockets php5-sqlite php5-sysvsem php5-tokenizer php5-wddx php5-xmlrpc php5-xsl php5-zlib php5-exif php5-fastcgi php5-pear php5-sysvmsg php5-sysvshm
chkconfig --add apache2
/etc/init.d/apache2 start

Good news for HTML5

Aside

The Internet Explorer 9 release candidate – released several days ago – supports the following functions:

  • CSS3 2D transforms
  • HTML5 Geolocation API
  • WebM codec

This means that all browsers (internet explorer, Mozilla Firefox, google chrome, apple safari and opera) now all support the WebM video codec.

Microsoft and HTML5 Video

Aside

Yesterday microsoft announced in this post that:

  • IE9 will support H.264.
  • Microsoft released an add-on for Firefox on Windows to support H.264
  • Microsoft will release a plugin for  Google Chrome on Windows to provide support for H.264.
  • Support will be provided for IE9 users who want to play WebM

What does this mean?

Why Google doesn`t want to use H.264 in Chrome – Microsoft will make a workaround.
With this workaround and WebM support I forsee a good future for H.264  and WebM.

Personally- at this moment  – I haven`t made a choice of codec yet. Maybe after reading the HTML5 Video ook, which I will be reviewing next week!

CSS2 stylesheet for XHTML 2

Aside

@namespace url("http://www.w3.org/2002/06/xhtml2/");
/* A sample style sheet for XHTML 2.0
This style sheet describes a very incomplete, sample rendering of
XHTML 2.0 elements.
Editor: Masayasu Ishikawa
Revision: $Id: xhtml2.css,v 1.1.2.13 2006/01/13 15:06:29 ahby Exp $
*/
/* new elements */
section, h, nl, label, l, blockcode, separator, di
{ display: block; }
section, h, nl, label, l, blockcode, di
{ unicode-bidi: embed }
nl { margin: 1.33em 0 }
summary, standby, handler
{ display: none }
blockcode { font-family: monospace; white-space: pre }
separator { border-bottom: thin black solid; border: 1px;
inset; width 100%}
h { display: block; font-weight: bolder; font-family: sans-serif }
h1, h2, h3, h4, h5, h6
{ font-family: sans-serif; font-weight: bolder }
body h, h1 {
font-size: 2em;
margin: .67em 0;
}
section h, h2 {
font-size: 1.5em;
margin: .83em 0;
}
section section h, h3 {
font-size: 1.17em;
margin: 1em 0;
}
section section section h, h4, p, blockquote, ul, ol, dl
{ margin: 1.33em 0; }
section section section section h, h5 {
font-size: .83em;
line-height: 1.17em;
margin: 1.67em 0;
}
section section section section section h, h6 {
font-size: .67em;
margin: 2.33em 0;
}
*[edit="deleted"] { display: none }
/* no special presentation by default
*[edit="inserted"] { }
*[edit="changed"] { }
*[edit="moved"] { }
*/
/* experimental navigation list style */
nl {
height: 1.5em;
overflow: hidden;
margin: 0;
line-height: normal !important;
white-space: nowrap;
text-align: start;
cursor: default;
border-width: 2px !important;
border-style: inset !important;
vertical-align: baseline;
padding: 0;
}
nl:hover { height: auto; overflow: visible; }
nl > li, nl > label {
display: block;
min-height: 1em;
line-height: normal !important;
}
nl > li, nl > label {
padding: 0 5px 0 3px;
}
nl > li {
margin-left: 1em;
}
nl > label {
font-weight: bold;
}
nl > nl > label {
display: block;
line-height: normal !important;
font-style: italic;
font-weight: bold;
}
nl > nl > li {
padding-left: 2em;
font-style: normal;
font-weight: normal;
}
/* inherited elements */
html, body, div, p, h1, h2, h3, h4, h5, h6,
address, blockquote, pre, ol, ul, dl, dt, dd
{ display: block }
li { display: list-item }
head, style, link, meta
{ display: none }
table { display: table;
border-spacing: 0;
border-top: thin black solid;
border-left: thin black solid }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell;
border-right: thin black solid;
border-bottom: thin black solid;
padding 2px }
caption { display: table-caption }
table:hover summary { display: block }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { padding: 8px; line-height: 1.2 }
strong { font-weight: bolder }
blockquote { margin-left: 4em; margin-right: 4em }
cite, em, q, var, address
{ font-style: italic }
pre code, kbd, samp
{ font-family: monospace }
pre { white-space: pre }
sub, sup { font-size: smaller }
sub { vertical-align: sub }
sup { vertical-align: super }
ol, ul, dd { margin-left: 4em }
ol { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol
{ margin-top: 0; margin-bottom: 0 }
abbr[title] { border-bottom: dotted 1px }
:link { text-decoration: underline; color: blue; }
:focus { outline: thin dotted invert }
/* Hover effects should be default */
:link:hover,:link:visited { color: #b7f }
/* begin bidirectionality settings (do not change) */
*[dir="ltr"] { direction: ltr; unicode-bidi: embed }
*[dir="rtl"] { direction: rtl; unicode-bidi: embed }
*[dir="lro"] { direction: ltr; unicode-bidi: bidi-override }
*[dir="rlo"] { direction: rtl; unicode-bidi: bidi-override }
/* block-level elements */
body, div, p, hr, h1, h2, h3, h4, h5, h6,
address, blockquote, pre, ol, ul, li, di, dt, dd,
table, thead, tbody, tfoot, tr, td, th,
col, colgroup, caption, object, summary, standby, blockcode
{ unicode-bidi: embed }
/* end bidi settings */
/* end xhtml2.css */