Skip to content

Instantly share code, notes, and snippets.

View pepelsbey's full-sized avatar
🚧
Working Hard

Vadim Makeev pepelsbey

🚧
Working Hard
View GitHub Profile
@pepelsbey
pepelsbey / hocus.scss
Last active March 1, 2024 11:03
Simple “Hocus” Sass @mixin for :hover and :focus pseudos. Makes them easier to write and you’ll never forget to specify both.
@mixin hocus {
&:hover,
&:focus {
@content;
}
}
// Before
E {
&:hover,
commentArea.addEventListener('keydown', autosize);
function autosize () {
var el = this;
setTimeout(function () {
el.style.cssText = 'height:auto;';
el.style.cssText = 'height:' + el.scrollHeight + 'px';
}, 0);
}
@pepelsbey
pepelsbey / svground.js
Created February 23, 2012 00:38
SVG Round
#!/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
{
"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 потоке

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

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

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

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

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

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
tags permalink
practice
false

O hai

<?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"/>

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

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

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

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

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

title tags false
Принять во внимание воздействие фактора
почво
ведение
true

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