What are we testing?
On this page we are testing various HTML5 components along with their stylings. It's just a hodgepodge of stuff to make sure styling and functionality are robust and uniform.
Check often for updates as we test new styles!
Last update: 11/7/18
Template Factory
Some filler from Bacon Ipsum:
Capicola venison salami meatball short loin t-bone shankle spare ribs meatloaf picanha pastrami corned beef leberkas pork chop brisket. Rump buffalo capicola pork loin.
App Web Page Goals
App Web Page Goals:
Responsive : looks good on all platforms, browsers and orientationsMobile First Design : progressive enhancements and graceful degradations using media queries Valid HTML5 : pages are structurally compliant with modern web standardsValid CSS : pages are stylistically compliant with modern web standardsCRAP rule of design:
Contrast
Repetition
Alignment
Proximity
Security : User input and interactions are secure
Simple Form: Post Method
Give this form a try!
Example PHP Code Snippets
These are simply out-of-context snippets of code showing some of the PHP that was used to create the form you see demoed above:
Prior to the doctype:
if(isset($_POST['submit'])){
$firstName = $_POST['firstName'];
$firstName = htmlentities($firstName);
$firstName = trim($firstName);
}else{
$firstName = "";
$responseStyle = "waiting";
}
Inside the main tag:
if(isset($_POST['submit']) && strlen($firstName) > 0){
$msg = "Nice to meet you, $firstName";
$responseStyle = "received";
}else{
$msg = "Give this form a try!";
$responseStyle = "waiting";
}
Back to the main PHP Template
