Skip to content

Instantly share code, notes, and snippets.

View barbudour's full-sized avatar
👨‍💻
ART → TECH

Ivan Vinokurov barbudour

👨‍💻
ART → TECH
22 followers · 98 following
View GitHub Profile
@heytulsiprasad
heytulsiprasad / tailwind.js
Created September 4, 2020 17:55
Config tailwind to desktop first approach
module.exports = {
theme: {
extend: {},
screens: {
xl: { max: "1279px" },
// => @media (max-width: 1279px) { ... }
lg: { max: "1023px" },
// => @media (max-width: 1023px) { ... }
@soomtong
soomtong / fc660-karabiner.json
Last active August 30, 2024 12:30
Leopold FC 660 default (switch 2 on) macOS setup for macbook (touchbar)
{
"title": "FC660 like MacBook Pro",
"rules": [
{
"description": "Esc Modifiers to Backtick",
"manipulators": [
{
"type": "basic",
"from": {
"key_code": "escape",
@teoyoung
teoyoung / must-see
Last active September 30, 2024 09:00
WebGl courses + tutorials
---------------------------------------
1. Great GLSL course
https://thebookofshaders.com/
https://thebookofshaders.com/?lan=ru (russian language)
2. WebGl basics
https://webglfundamentals.org
https://webglfundamentals.org/webgl/lessons/ru (russian language)
@liborvanek
liborvanek / transition.js
Last active October 12, 2024 16:17
Page transition mixin for Nuxt.js with GreenSock GSAP
import { TimelineMax, TweenMax, Power2, Back } from 'gsap'
let curtainsOpenTimeline = () => {
return new TimelineMax()
.set('.curtains', { transformOrigin: '0%' })
.fromTo('.curtains', 0.6, { scaleX: 0 }, { scaleX: 1, ease: Power2.easeInOut })
.fromTo('.curtains-logo', 0.3, { x: '-100%', autoAlpha: 0 }, { x: '-50%', autoAlpha: 1, ease: Power2.easeInOut }, '-=0.45')
}
let curtainsCloseTimeline = () => {
@argyleink
argyleink / easings.css
Created February 26, 2018 22:34
Handy CSS properties for easing functions
:root {
--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
@neretin-trike
neretin-trike / pug.md
Last active January 15, 2026 13:32
Туториал по HTML препроцессору Pug (Jade)
@patsuckow
patsuckow / link.txt
Last active November 6, 2023 20:23
Разные библиотеки и фреймворки JavaScript
@andronex
andronex / config.php
Last active October 12, 2019 08:20
Парсер товаров для импорта с gifts.ru для MODX Revolution v.2.6+ и miniShop2 v.2.4.10+ (обновлённая, рабочая версия на 02.02.2018 г.) !!!ВНИМАНИЕ!!! Просьба обратить внимание на комментарий @dumbuzz ниже. Если будете использовать, то внесите изменения в код. Если будет время, доработаю сам и выложу.
<?php
//настройки для коннекта к gifts
$giftsLogin = '****_xmlexport';
$giftsPass = '****';
$giftsUrlProduct = "http://{$giftsLogin}:{$giftsPass}@api2.gifts.ru/export/v2/catalogue/product.xml";
$giftsUrlTree = "http://{$giftsLogin}:{$giftsPass}@api2.gifts.ru/export/v2/catalogue/tree.xml";
$giftsUrlStock = "http://{$giftsLogin}:{$giftsPass}@api2.gifts.ru/export/v2/catalogue/stock.xml";
$giftsUrlFilters = "http://{$giftsLogin}:{$giftsPass}@api2.gifts.ru/export/v2/catalogue/filters.xml";
$urlImages = 'http://files.gifts.ru/reviewer/';
@mtford90
mtford90 / gist:2182d9b6d6b17b417646
Last active November 15, 2019 23:01
Better fonts
@Mikodes
Mikodes / gist:be9b9ce42e46c3d4ccb6
Created November 26, 2014 10:30
All Media queries for resolutions
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* insert styles here */
}
/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
/* insert styles here */
}