Skip to content

Instantly share code, notes, and snippets.

View FoxMalder's full-sized avatar
:octocat:
Working from home

FoxMalder

:octocat:
Working from home
View GitHub Profile
@zoxon
zoxon / pubsub.js
Created November 4, 2018 18:24 — forked from learncodeacademy/pubsub.js
Basic Javascript PubSub Pattern
//events - a super-basic Javascript (publish subscribe) pattern
var events = {
events: {},
on: function (eventName, fn) {
this.events[eventName] = this.events[eventName] || [];
this.events[eventName].push(fn);
},
off: function(eventName, fn) {
if (this.events[eventName]) {
@homerjam
homerjam / authentication.js
Last active December 3, 2021 14:41
Nuxt/Feathers/Vuex SSR
const authentication = require('@feathersjs/authentication');
const jwt = require('@feathersjs/authentication-jwt');
const local = require('@feathersjs/authentication-local');
const oauth2 = require('@feathersjs/authentication-oauth2');
const session = require('express-session');
const Auth0Strategy = require('passport-auth0');
module.exports = function (app) {
const config = app.get('authentication');
@zmts
zmts / FLUX_noFLUX.md
Last active March 17, 2021 14:43
Про состояние компонентов Vue.js и где его держать.

FLUX vs noFLUX in Vue.js

Жил был разработчик. Писал он себе кодяру на Vue.js и горя не знал, пока черти не дернули его более внимательно прочитать доку по VUEX. И увидел он там волшебное слово FLUX.

Про состояние компонентов Vue.js и где его держать.

Обычно при разработке приложений придерживаюсь принципа:

  • Все данные которые относятся непосредственно компоненту храним непосредственно в нем
  • Global/Shared данные в стор
  • Как вариант разделать stateless и stateful компоненты
@cube-drone
cube-drone / automation.md
Last active August 7, 2024 10:34
Automation For The People

Automation for the People

Long ago, the first time I read "The Pragmatic Programmer", I read some advice that really stuck with me.

"Don't Use Manual Procedures".

This in the chapter on Ubiquitous Automation. To summarize, they want you to automate all the things.

The trouble was that I hadn't much of an idea how to actually go

@iAdramelk
iAdramelk / .md
Last active June 6, 2025 19:32
Длинная телега про Бутстрап

Английская версия: https://evilmartians.com/chronicles/bootstrap-an-intervention

Вводная часть

У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:

  1. Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.

  2. Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п

@addyosmani
addyosmani / README.md
Last active October 2, 2025 12:05 — forked from 140bytes/LICENSE.txt
108 byte CSS Layout Debugger

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@lvivski
lvivski / jquery.mini.js
Created April 19, 2013 07:19
jQuery mini
function $(selector, context) {
return (context || document).querySelector(selector)
}
$.all = function (selector, context) {
return Array.prototype.slice.call(
(context || document).querySelectorAll(selector)
)
}