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: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.
@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 / 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 / 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 / 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 / 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 / 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 / scoping-and-hoisting-js-exercise.js
Created November 23, 2015 21:01
Simple scoping and hoisting js exercise
var foo = 1;
(function() {
console.log(foo);
var foo = 2;
var baz = 3;
bar = 4;
})();
console.log(foo);
@danielantelo
danielantelo / README.md
Last active July 24, 2016 17:18

Student.com Full Stack Web Task

Outline

Create a small PHP based app that scrapes the top listed property at http://www.unite-students.com/liverpool, follows its link and gathers information to display it based on the desktop and mobile wires.

Criteria

  • Your project must be composer based and you can use any readily available composer bundle to aid you
  • The page should be functional and presentable in modern browsers and devices
@danielantelo
danielantelo / code-reviewing.md
Last active July 24, 2016 17:24
Code reviews

Submitting a PR

For every pull request for user facing changes, we should include the following in the PR description:

You should also be checking and optimizing any code being submitted as follows:

  • Optimise your changes for speed. Use the YSlow plugin and optimise before submitting a PR