Skip to content

Instantly share code, notes, and snippets.

Avatar
🚧
Working Hard

Vadim Makeev pepelsbey

🚧
Working Hard
2.2k followers · 0 following
View GitHub Profile
@pepelsbey
pepelsbey / hocus.scss
Last active March 25, 2023 20:49
Simple “Hocus” Sass @mixin for :hover and :focus pseudos. Makes them easier to write and you’ll never forget to specify both.
View hocus.scss
@mixin hocus {
&:hover,
&:focus {
@content;
}
}
// Before
E {
&:hover,
@pepelsbey
pepelsbey / svground.js
Created February 23, 2012 00:38
SVG Round
View svground.js
#!/usr/bin/env node
var fs = require('fs'), params = process.argv.slice(2);
fs.readFile(params[0], 'utf8', function(error, data) {
var input = data,
quality = params[1],
current = output = '';
@pepelsbey
pepelsbey / settings.json
Created February 21, 2022 17:46
Настройки VS Code, 21 февраля 2022
View settings.json
{
"update.showReleaseNotes": false,
"workbench.tips.enabled": false,
"workbench.editor.untitled.hint": "hidden",
"workbench.iconTheme": "vs-minimal",
"workbench.startupEditor": "newUntitledFile",
"explorer.compactFolders": false,
"explorer.confirmDelete": false,
@pepelsbey
pepelsbey / htmlcss-1__section-2.md
Last active May 11, 2022 19:41
Вопросы к разделу «Разметка» на 26 потоке
View htmlcss-1__section-2.md

Вопросы к разделу «Разметка»

1. Как используется бинарный атрибут hidden?

Всем HTML-элементам может быть установлен атрибут hidden. Атрибут hidden позволяет скрыть элемент со страницы, причем элемент перестает занимать место в интерфейсе. Сам атрибут логический, это значит, что он может иметь два состояния - включен или выключен:

  • <div hidden></div> - элемент скрыт
  • <div></div> - элемент не скрыт

Обычно состоянием видимости элемента управляют с помощью CSS. Для этого используют свойство display со значением none.

@pepelsbey
pepelsbey / Install.md
Created August 18, 2015 12:21
View Install.md

System

  1. Set up iCloud Keychain
  2. Remove icons and hide Dock
  3. Default address in iMessage
  4. Install Updates
  5. Add Ru Input Sources
  6. Set up Shortcuts
  7. Add text shortcuts Text
@pepelsbey
pepelsbey / why.md
Last active June 8, 2021 22:24
View why.md
tags permalink
practice
false

O hai

@pepelsbey
pepelsbey / feedly.opml
Created August 19, 2015 14:07
View feedly.opml
<?xml version="1.0" encoding="UTF-8"?>
<opml version="1.0">
<head>
<title>Vadim subscriptions in feedly Cloud</title>
</head>
<body>
<outline text="blogs" title="blogs">
<outline type="rss" text="Pony Foo" title="Pony Foo" xmlUrl="http://ponyfoo.com/articles/feed" htmlUrl="http://ponyfoo.com"/>
<outline type="rss" text="Jeffrey Zeldman" title="Jeffrey Zeldman" xmlUrl="http://www.zeldman.com/feed/" htmlUrl="http://www.zeldman.com"/>
@pepelsbey
pepelsbey / htmlcss-1__section-4.md
Last active January 29, 2021 11:11
View htmlcss-1__section-4.md

Вопросы к разделу «Доступность и формы»

Смысл задавать вопрос если лекторы их не разбирают?

Мы разбираем все вопросы. Но вопросов очень много и поэтому часть вопросов мы разбираем на лекции, а на оставшуюся часть отвечаем в гистах. В противном случае лекция бы состояла только из ответов на вопросы. Гисты также полезны и тем, что после лекции у вас будет возможность задать вопрос авторам программы.

Для чего повышать доступность интерфейсов и как проверять доступность?

В видеолекциях постоянно говорят про какие-то читалки (ридеры) сайтов и т.д. Для чего собственно правильно делать разметку (в рамках доступности), ведь иначе можно было всё сделать дивами. 1. Какими инструментами проверяется доступность? 2. Для кого ещё учитывать разметку для доступности? 3. Существует какой-то чек лист для проверки доступности?

@pepelsbey
pepelsbey / after.md
Created April 15, 2020 20:24
View after.md
title tags false
Принять во внимание воздействие фактора
почво
ведение
true

Принять во внимание воздействие фактора

@pepelsbey
pepelsbey / htmlcss-1__section-8.md
Last active February 17, 2020 15:57
View htmlcss-1__section-8.md

Вопросы к разделу «Оформление контента»

Если в стайлгайде нет, то можно и не делать?

добрый день! в лекции по Барбершопу (1ч39мин.) Николай сделал стили для выключенной кнопки, хотя их нет в стайлгайде, и сказал, что такое состояние должно быть 100% :

.button.disabled,
.button:disabled {