Skip to content

Instantly share code, notes, and snippets.

View jensgro's full-sized avatar

Jens Grochtdreis jensgro

View GitHub Profile
@carestad
carestad / vuejs.amsterdam.2019.slides.md
Last active March 3, 2022 19:07
Collection of slides from #vuejsamsterdam 2019

Day 1

Time Speaker(s) Title
08:45 Evan You State of the Vuenion (Founder of Vue.js)
09:00 Sarah Drasner
Guillaume Chau
Advanced Animations with Vue.JS (Vue.js Core Team)
SSR revolution with Vue 2.6
09:35 Tim Benniks Vue.js for L'oreal, a case study (Director of Frontend @Valtech Paris)
10:45 Jen Looper NativeScript-Vue + ML = The Great MiniBar Challenge: MixoLogy (Developer Advocate at Progress)
11:15 Filip Rakowski Modern Web Apps Performance Tricks with PWA and Vue.js (Founder Vue Storefront)
11:50 Sara Vieira [GraphQL + Apollo + Vue.js =
<script>
export default {
props: {
span: {
type: String,
default: null
}
},
render: function (createElement) {
return createElement(
@riipandi
riipandi / _readme.md
Last active November 14, 2024 22:49
Personal Development Environment Setup

Personal Development Environment Setup

Don't forget to add %LOCALAPPDATA%\Yarn\bin to your PATH if you are using Yarn instead NPM. Windows Defender exclude: %HOMEPATH%\.Rider2019.2 and %HOMEPATH%\.nuget

Get installed VSCode extensions

  • UNIX : code --list-extensions | xargs -L 1 echo code --install-extension > vscode-extensions.txt
  • Windows : code --list-extensions | % { "code --install-extension $_" }
@shospodarets
shospodarets / Chrome headless Puppeteer- capture DOM element screenshot using
Last active July 29, 2024 05:58
Chrome headless Puppeteer- capture DOM element screenshot using
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
// Adjustments particular to this page to ensure we hit desktop breakpoint.
page.setViewport({width: 1000, height: 600, deviceScaleFactor: 1});
await page.goto('https://www.chromestatus.com/samples', {waitUntil: 'networkidle'});
@tomhodgins
tomhodgins / element-queries-articles.md
Last active December 1, 2019 14:16
A list of articles discussing the current state of element/container queries.
@AmeliaBR
AmeliaBR / svg-tips-tricks-notes.md
Last active October 20, 2023 02:55
SVG Tips and Tricks (presentation at SVG Summit 2017)
var SLOW_TIME = 3000;
this.addEventListener( 'install', function () {
console.log('Installed service worker');
} );
this.addEventListener( 'fetch', function(event) {
var url = event.request.url;
if ( url.indexOf( 'blocking' ) === -1) {
@imtapps
imtapps / homebrew.md
Created October 1, 2015 13:56
El Capitan and Homebrew

https://github.com/Homebrew/homebrew/blob/master/share/doc/homebrew/El_Capitan_and_Homebrew.md#if-usrlocal-does-not-exist

El Capitan & Homebrew

Part of the OS X 10.11/El Capitan changes is something called System Integrity Protection or "SIP".

SIP prevents you from writing to many system directories such as /usr, /System & /bin, regardless of whether or not you are root. The Apple keynote is here if you'd like to learn more.

One of the implications of SIP is that you cannot simply create /usr/local if it is removed or doesn't exist for another reason. However, as noted in the keynote, Apple is leaving /usr/local open for developers to use, so Homebrew can still be used as expected.

@davidhund
davidhund / accessible-svg-sprite-icons.md
Last active August 30, 2024 17:03
Figuring out the most robust, accessible markup for SVG Sprite Icons

(as a reply to: https://css-tricks.com/svg-use-with-external-reference-take-2/)

While I love SVG (sprites) there are a lot of issues to take into account.

Advocating The Most Accessible Markup

UPDATE: you should take a look at https://dl.dropboxusercontent.com/u/145744/accessible-svg-icon/test.html which seems a simpler and more robust approach

Another thing: since people copy-paste our code examples it would be great if we could advocate the most robust and accessible markup IMO. I am no a11y expert, but in my understanding we could/should take some extra steps to make out SVG sprite icons more accessible.