- Web Performance Explained: Quick wins for faster websites [Fasthosts, 23rd October 2020]
- Web Performance Explained: Tools to capture metrics [Fasthosts, 23rd September 2020]
- Web Performance Explained: What metrics do we capture? [Fasthosts, 23rd August 2020]
- How to Create a Forum Website [WebsiteSetup, 10th August 2020]
- Web Performance Explained: Increase conversions & boost SEO [Fasthosts, 10th August 2020]
- Web Performance Explained: Improving UX [Fasthosts, 23rd July 2020]
- SQL Cheat Sheet [WebsiteSetup, 8th April 2020]
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
body { | |
scrollbar-3dlight-color:#2a2680; | |
scrollbar-arrow-color:#ffff00; | |
scrollbar-base-color:#7F7F7F; | |
scrollbar-track-color:7e00ff; | |
scrollbar-darkshadow-color:#2a2680; | |
scrollbar-face-color:#7e73ff; | |
scrollbar-highlight-color:2a2680; | |
scrollbar-shadow-color:#000000; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//------------------------------------------------------------------------------------------------ | |
// SPACING LAST CHILD | |
//------------------------------------------------------------------------------------------------ | |
/* | |
Extends Bootstraps spacing utility classes to create modifier classes | |
for margin/padding bottom which disable spacing only if the element in question | |
is last-child. | |
This is useful, as when you're using these classes with dynamically |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
// Indents pasted code automatically | |
{ "keys": ["super+v"], "command": "paste_and_indent" }, | |
// Old paste | |
{ "keys": ["super+shift+v"], "command": "paste" }, | |
// Automatically adds space after : which is useful for CSS | |
{ "keys": [":"], "command": "insert", "args": {"characters": ": "}} | |
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"auto_complete": true, | |
"auto_indent": true, | |
"auto_match_enabled": true, | |
"bold_folder_labels": true, | |
"caret_style": "blink", | |
"color_scheme": "Packages/ayu/ayu-dark.sublime-color-scheme", | |
"fade_fold_buttons": false, | |
"folder_exclude_patterns": | |
[ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" /> | |
<!-- Imports ITCSS settings / tools / generic / elements layers --> | |
<link rel="stylesheet" href="static/core.min.css"> | |
</head> | |
<body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"bootstrapped": true, | |
"in_process_packages": | |
[ | |
], | |
"installed_packages": | |
[ | |
"AutoFileName", | |
"ayu", | |
"BracketHighlighter", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Go to git directory | |
alias g='cd ~/git'; | |
# What's happening? | |
alias gs='git status'; | |
# Add all files to staging area | |
alias ga='git add -A'; | |
# Add only tracked files to staging area | |
alias gau='git add -u'; | |
# Push current branch | |
alias gp='git push origin HEAD'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let buttons = document.querySelectorAll('div[role="button"'); | |
for(let button in buttons) { | |
if(buttons[button].textContent.trim() === 'Follow') { | |
buttons[button].click() | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export default function inViewport(elem, options = {}) { | |
const props = { | |
offsetBefore: typeof options.offset === 'object' ? -Math.abs(options.offset.before) : -Math.abs(options.offset) || 0, | |
offsetAfter: typeof options.offset === 'object' ? options.offset.after : 0, | |
threshold: options.threshold || 0 | |
} | |
const bounding = elem.getBoundingClientRect(); | |
const bottom = () => { | |
if(!props.threshold) { | |
return (bounding.bottom + props.offsetBefore) - elem.offsetHeight; |