Dev HarryAdney

Full stack Developer at HarryAdney Internet Services.

HarryAdney / carousel-css-only

Last active January 16, 2020 15:27

Carousel made with css only

HarryAdney / gulpfile.js

Last active October 2, 2020 17:57

	const gulp = require('gulp');
	const browserSync = require('browser-sync').create();
	const sass = require('gulp-sass');
	const autoprefixer = require('gulp-autoprefixer');

	const clean = require('gulp-rm');
	// Use gulp-terser instead of gulp-uglifies
	const uglify = require('gulp-terser');
	const minify = require('gulp-clean-css');

HarryAdney / responsive nav.html

Last active February 18, 2020 15:47

responsive-nav

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style>
	@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,600');

HarryAdney / Vertical align with flex

Last active February 22, 2020 11:41

Vertical align with flex

HarryAdney / Parallax scrolling

Last active February 22, 2020 11:39

Parallax scrolling

	*html*
	<div class="wrapper">
	<div class="box box-back">
	<h3>SWEETIES</h3>
	</div>
	<div class="box box-front">
	<img src="https://cdn.pixabay.com/photo/2017/03/30/15/47/churros-2188871_960_720.jpg" />
	</div>
	</div>

HarryAdney / media-queries.css

Last active May 5, 2020 09:56

media queries


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	//CSS

HarryAdney / htaccess boilerplate

Created February 22, 2020 11:59

htaccess boilerplate

	#301 Redirects for .htaccess

	#Redirect a single page:
	Redirect 301 /pagename.php http://www.domain.com/pagename.html

	#Redirect an entire site:
	Redirect 301 / http://www.domain.com/

	#Redirect an entire site to a sub folder
	Redirect 301 / http://www.domain.com/subfolder/

HarryAdney / flexbox-nav.html

Last active April 7, 2021 17:39

Accessible navigation using Flexbox

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Flexbox nav</title>
	<style>
	* {
	box-sizing: border-box;

HarryAdney / index.html

Last active April 6, 2021 19:43

accessible navigation example

	<!-- examples.anysurfer.be/dropdown/ -->
	<!doctype html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>Accessible Dropdown Menu with Bootstrap</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

HarryAdney / Accessible collapsible menu list.html

Last active October 2, 2020 17:27

Accessible collapsible menu list

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<!- https://www.w3.org/TR/2018/NOTE-wai-aria-practices-1.1-20180726/examples/listbox/listbox-collapsible.html -->
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Accessible, collapsible menu list</title>
	</head>
	<body>