Skip to content

Instantly share code, notes, and snippets.

Avatar
🦩
🧐

Yoksel yoksel

🦩
🧐
View GitHub Profile
@yoksel
yoksel / styles.css
Last active Sep 28, 2020
CSS for adaptive video
View styles.css
.video {
/* Get aspect ratio */
--aspect-ratio: calc(var(--height) / var(--width));
/* Add units to height */
--height-with-units: calc(var(--height) * 1px);
max-width: 100%;
/* Get minimal of initial height
or height calculated from window width */
@yoksel
yoksel / iframe.html
Last active Sep 28, 2020
Iframe with sizes in custom properties
View iframe.html
<iframe
width="560" height="315"
style="--width: 560; --height: 315;"
class="video"
...
></iframe>
@yoksel
yoksel / css-styleguide-lj.md
Last active Feb 4, 2020
Соглашение по написанию стилей
View css-styleguide-lj.md

Форматирование

  • Используем отступ в 2 пробела
  • В названиях классов не используем camelCase
  • Не используем в селекторах атрибуты ID, кроме крайней необходимости
  • При использовании нескольких селекторов каждый переносится на следующую строку
  • Перед открывающей скобкой { ставим пробел
  • В правилах ставим пробел после двоеточия :, до двоеточия пробелов нет
  • Закрывающую скобку } ставим на новой строке, отбиваем пробелами на один уровень с правилами
@yoksel
yoksel / projects.md
Last active Feb 4, 2020
Проекты
View projects.md
@yoksel
yoksel / voiceover.md
Last active Aug 4, 2020
VoiceOver commands for web pages
View voiceover.md

Команды VoiceOver вводятся нажатием клавиш Control и Option (клавиши VO)

Open the Web Item rotor: VO-U

VoiceOver: Web Commands (найти на странице Web Commands)

  • VO + A — читать всё от выделенного и дальше
  • VO + Shift-Down Arrow — начать взаимодействовать с элементом
  • VO + Shift-Up Arrow — закончить взаимодействовать с элементом
View prompt_add_folder
[
{
"keys": ["super+shift+alt+a"],
"command": "prompt_add_folder"
},
]
@yoksel
yoksel / adv-screens.js
Last active Jan 24, 2019
Shows screens borders for detecting screens for displaying mobile banners
View adv-screens.js
// ==UserScript==
// @name Adv Screens
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://www.livejournal.com/*
// @match https://www.lj-13.dev.lj.rambler.tech/*
// @grant none
// ==/UserScript==
@yoksel
yoksel / urls-to-links.js
Last active Nov 10, 2018
Replace urls in plane text with clickable links
View urls-to-links.js
You can’t perform that action at this time.