I was always dismayed how much code was generated with a Content Management System or Website Builder, so I decided to create this "hobby" Website to test different page layouts with as few lines of code possible. All pages on this Responsive Website were hand coded and scripted using HTML5, CSS3, PHP, SQL, XML, XSL, JavaScript and Python programming, scripting and markup languages. This Website will change over time to test various Responsive Website Layout and Design Technologies. Hint: Resize your browser or rotate your mobile device to test these Responsive Layouts.
Hypertext Markup Language (HTML) used to interpret and compose text, images, and other material into visual or audible web pages displayed in a web browser. HTML is enhanced by technologies like Cascading Style Sheets (CSS) and scripting languages like JavaScript.
Cascading Style Sheets (CSS) describes how HTML elements are displayed on a device screen, including content, layout, colors and fonts. CSS enables multiple web pages to share formatting by specifying a separate .css file which reduces complexity and repetition in the structural content.
PHP a general-purpose scripting language especially suited to web development. PHP first stood for Personal Home Page, but it was later changed to PHP Hypertext Preprocessor using its old acronym in the new name.
JavaScript an object-oriented scripting language used primarily by Web browsers to create a dynamic and interactive experience for the user. Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web.
Python an interpreted, high-level and general-purpose programming language. Its language constructs an object-oriented approach aimed to help programmers write clear, logical code for projects.
Structured Query Language (SQL) used in programming for managing data held in a Relational DataBase Management System (RDBMS). SQL includes data query, data manipulation insert, update and delete, and data access control.
HOME
Columns:
One Column Fixed Nav
Two Columns Page
Two Columns 1+2
Three Columns Page
Four Columns Page
Four Columns 1+2+1
Five Columns Page
Six Columns Page
Seven Columns Page
Eight Columns Page
Layouts:
Asymmetrical 1+2 Layout
Asymmetrical 1+3 Layout
Asymmetrical 1+4 Layout
Asymmetrical 2+4 Layout
Asymmetrical 3+1 Layout
Asymmetrical 4+1 Layout
Expandable Layout
Offset Layout
Open Layout
ZigZag Layout
Database:
Database Select Query
Database Sort Query
Database Select Europe
Database Select Japan
Database Select US
Database Select Vehicle
Photos:
Photo Full Width
Photo Gallery
Photo Grid
Photo Carousel
Photo Album
Photo Filter
Photo Select
Photo Accordion
Photo Zoom
Photo Scroll
Quizzes:
Web Design Quiz x3
Web Design Logo Quiz x3
Web Coding Quiz x10
Web Development Logo Quiz x10
Graphics:
Refresh Background
Select Background Color
Select Background Image
Parallax Scrolling Effect
Tier List
Magnify Window
Graphic Design
Images Per Page
OSI Model
ADA Website Compliance
Plethora:
Technology Chart
Parsing Python Scripts
Frameworks
Shopping Cart
Website Standards
AJAX Interactive XML
W3C
XHTML
Website Coding
About Eddie Jester