Skip to content

Instantly share code, notes, and snippets.

View danielantelo's full-sized avatar

Dan danielantelo

8 followers · 18 following
  • London
View GitHub Profile
@danielantelo
danielantelo / README.md
Last active July 24, 2016 17:32
Student.com Screen Scrape Task

Student.com Screen Scrape Task

Outline

Create a composer based PHP script that scrapes http://www.unite-students.com/liverpool and gathers the Property names, room types in each property and minimum price for each room type.

Output

The script should output a CSV with at a minimum the following fields

@danielantelo
danielantelo / accessible-ajax-dropdown.html
Last active October 7, 2015 20:10
Accessible Ajax Dropdwon
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Accessible Ajax Select Elements</title>
<meta name="description" content="An example of how to markup accessible tabs with aria attributes">
<meta name="keywords" content="template, html, accessible, tabs, usability, ARAI, WAI-ARIA">
<style>
/* placess accesibility info texts off screen */
@danielantelo
danielantelo / accessible-tabs.html
Last active October 7, 2015 20:11
Accessible tabs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Accessible tabs</title>
<meta name="description" content="An example of how to markup accessible tabs with aria attributes">
<meta name="keywords" content="template, html, accessible, tabs, usability, ARAI, WAI-ARIA">
<style>
*[aria-hidden='true'] { display: none; }
@danielantelo
danielantelo / microdata_resume_cv.html
Last active July 6, 2023 09:48
HTML5 Microdata Resume (Curriculum) Template
<!DOCTYPE html>
<html>
<head>
<!-- Meta conf -->
<meta charset="UTF-8">
<!-- Meta info -->
<title>HTML5 Microdata Resume (CV) Template</title>
<meta name="description" content="An example of how to layout a semantic html5 page for a curriculum vitae/resume">
<meta name="keywords" content="template, html, semantic, microdata, resume, cv, curriculum, vitae">
</head>
@danielantelo
danielantelo / microdata_business.html
Last active August 2, 2018 00:13
HTML5 Microdata Business Template
<!DOCTYPE html>
<html>
<head>
<!-- Meta conf -->
<meta charset="UTF-8">
<!-- Meta info -->
<title>HTML5 Microdata Business Template</title>
<meta name="description" content="An example of how to layout a semantic html5 page for a business with products">
<meta name="keywords" content="template, html, semantic, microdata, business">
</head>
@danielantelo
danielantelo / html5-base.html
Last active November 9, 2015 22:20
HTML5 Base Template
<!DOCTYPE html>
<html>
<head>
<!-- Meta conf -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Meta info -->
<title>HTML5 base</title>
<meta name="description" content="">
<meta name="keywords" content="">
@danielantelo
danielantelo / README.md
Last active July 24, 2016 17:31
Student.com Frontend Task

Student.com Frontend Task

Outline

Build a single page that will provide information and photos of the different room types of a property based on the desktop and mobile wires.

Criteria

  • The page should be functional and presentable in modern browsers and devices
  • The provided wireframes are to be used as a guideline of functionality only. We encourage you to make design changes that improve the user experience.