Responsive Web Design examples
Click on images for link to examples and code hosted on CodePen.
Example of HTML5 / CSS with semantic elements, embedded media, and response to mobile device screen size. (Project from freeCodeCamp training.)
Example of HTML5 / CSS with dynamic viewport scrolling and response to mobile device screen size. (Project from freeCodeCamp training.)
Example of HTML5 / CSS with semantic elements, page navigation, and response to mobile device screen size. (Project from freeCodeCamp training.)
Example of HTML5 / CSS with form and data validation. (Project from freeCodeCamp training.)
JavaScript / Front-end examples
Click on images for link to examples and code hosted on CodePen.
Example of taking a cash payment and returning change based on a fixed amount of currency in the cash register. (Project from freeCodeCamp training.)
Converting numbers into Roman numerals. (Project from freeCodeCamp training.)
An app that uses a Caesar cipher to encode a string to ROT13 and decode a ROT13 encoded string back to normal. (Project from freeCodeCamp training.)
An example of using regular expressions to validate certain phone number formats. (Project from freeCodeCamp training.)
Take a provided string and check if it is a palindrome. (Project from freeCodeCamp training.)
PHP / Back-end examples
Click on images for link to examples and code.
Using PHP to parse a selected service status RSS feed into HTML output.