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 / 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 / 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: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
@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 / 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 / ttfb
Last active December 28, 2017 12:29
script to get ttfb of a website
#!/bin/bash
# command to check the time to first byte
# ** usage **
# 1. ./ttfb "https://www.apple.com/"
# 2. seq 10 | xargs -Iz ./ttfb "https://www.apple.com/"
curl -o /dev/null \
-H 'Cache-Control: no-cache' \
-s \
-w "Connect: %{time_connect} TTFB: %{time_starttransfer} Total time: %{time_total} \n" \
@danielantelo
danielantelo / benchmark
Last active December 28, 2017 12:29
script to apache benchmark website (ab tool)
#!/bin/bash
# command to run apache benchmark tool
# ** usage **
# ./benchmark "https://www.apple.com/"
curl -X GET "$1"
ab -k -c 20 -n 250 "$1"
@danielantelo
danielantelo / README.md
Created July 24, 2016 17:30
Javascript data transformer exercise

Javascript data transformer exercise

Write a function that would take this sample data:

[
    { banana: 'fruit' },
    { apple: 'fruit' },
    { carrot: 'vegetable' }
]