Pull to refresh
11
Каспер Грин @KasperGreenread⁠-⁠only

Front-end developer, UI/UX, ReactJS

Send message

Недавно проводили слепое тестирование на качественном оборудовании, mp3 были получены из .flac`ов., конвертировалось и слушалось через foobar2000 v1.3.14


Общий вывод — mp3 звучит лучше. Тестируемые слышали разницу, но упорно утверждали, что прослушивают flac когда слушали mp3 и наоборот.


Возможно это связано с тем, что lame вычищает всякие паразитные шумы которые при прослушивании flac, добираются до слуха притязательного слушателя, субъективно ухудшая качество звучания.


Полагаю есть записи на которых реализованы возможности flac формата, но у меня их не оказалось.

https://letsencrypt.org/ рассказывает о вагоне и маленькой тележке способов автоматизации на большинстве ЯП

Пирамида Лебедева гласит:


В любой компании, организации или тусовке действует соотношение, проиллюстрированное нашей диаграммой.

image

4-х часовой рабочий день, автопилотируемый транспорт в общественном достоянии и освещение улиц люминесцирующими деревьями

Мне это кажется или хром теперь по умолчанию себя так ведёт без всяких костылей?

Темы с блокнотами и целями перед сном похожи на способ расширить прокрастинацию новыми способами, а никак не на решение.


После прочтения статьи для себя понял, что ноги у моей прокрастинации растут из осознания, что в очередной раз результат окажется никому (в том числе мне) не нужен и ничего нового не принесёт. Приходит медитация и ожидание стоящей идеи.


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


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


А жить рядом с кучей грязной посуды в раковине и кучей от собаки на ковре зато «не прокрастинируя» удовольствие сомнительное.


Я вообще себе слабо представляю узкоспециализированного человека без хобби и тысячи разнонаправленных дел у которого есть конкретная задача которую нужно завершить ради вселенского счастья. Часто занимаясь решением одной задачи, приходится откладывать решение десятков других не менее важных. И тут с какой стороны не посмотри, а так и так прокрастинация.


Но тут на первый план выходит цель! Цель? Заработать как можно больше бабок‽ Стать самым влиятельным‽ Сделать стартап‽ (нужное подчеркнуть)


По моему для каждого человека цель — быть счастливым. И если появляется другая цель, а вместе с ней прокрастинация, которая вызывает негативные эмоции, то возможно проблема в выборе цели, а не в прокрастинации.


Быть может стоит искать выход не в составлении графиков и порче бумаги, а в людях которые верят в то, что ты занят важным делом и готовы поддержать тебя когда ты уткнулся в свой вдохновенный процесс и не замечаешь скулящей собаки, грязной посуды и что давно не ел.




И на последок анекдот характеризующий общее впечатление от прочтения статьи:


Отправь SMS с текстом «Я не лох» на номер 666 и чем больше смсок ты пришлёшь, тем БОЛЬШЕ ты не лох!

Отличная статья, спасибо! Сейчас дочитаю ещё одну и наконец займусь делом < /irony >

Доколе Хабрахабр не будет подгружать их как гитхаб

На своём хосте было удобнее обновлять скриншоты.


Перезалил. Спасибо, что напомнили.

Вероятно дело в производительности.


Если посмотрите мой пример посложнее, в котором кнопка ведёт себя похоже на настоящую, там теней вагон и маленкая тележка. Каждая такая тень ляжет нагрузкой на процессор.


МД напротив предлагает базовые флэт кнопки без теней вовсе. Единственное, что их выделяет это капс.

Добавил сложный пример с состоянием загрузки

Так CSS примера короче. Специально для вас добавил


Пример сложнее

Кнопки которые похожи на настоящие


Показать CSS
button {
    margin: .8rem;
    font-size: 1.42rem;
    padding: 1rem;
    background: hsla(180, 90%, 64%, 1);
    color: hsla(180, 90%, 12%, 1);
    text-shadow: 1px 1px 1px hsla(180, 90%, 32%, 1);
    box-shadow: -4px 4px 0 0 hsla(180, 90%, 22%, .87), -3px 4px 3px hsla(180, 42%, 11%, 1), 2px 4px 4px hsla(180, 42%, 11%, 1), -4px 1px 0 0 hsla(180, 90%, 32%, 1), inset 0 0 1px 0 hsla(180, 90%, 90%, 1);
    border: 1px hsla(180, 90%, 42%, 1) solid;
    border-top-color: hsla(180, 90%, 56%, 1);
    border-radius: 5px;
    outline: none;
    position: relative;
    transition: all .22s ease-in;
}
button:hover, button:focus {
    background: hsla(420, 90%, 42%, 1);
    color: hsla(420, 90%, 12%, 1);
    text-shadow: 1px 1px 1px hsla(420, 90%, 32%, 1);
    border: 1px hsla(420, 90%, 22%, 1) solid;
    border-top-color: hsla(420, 90%, 56%, 1);
    box-shadow: -4px 4px 0 0 hsla(420, 90%, 22%, .87), -3px 4px 3px hsla(420, 42%, 11%, 1), 2px 4px 4px hsla(420, 42%, 11%, 1), -4px 1px 0 0 hsla(420, 90%, 32%, 1), inset 0 0 1px 0 hsla(420, 90%, 90%, 1);
}
button:active {
    background: hsla(420, 90%, 42%, 1);
    color: hsla(420, 90%, 12%, 1);
    text-shadow: 1px 1px 1px hsla(420, 90%, 32%, 1);
    transform: translate(-4px, 4px);
    border: 1px hsla(420, 90%, 22%, 1) solid;
    border-top-color: hsla(420, 90%, 56%, 1);
    box-shadow: 0 0 0 0 hsla(420, 90%, 22%, .87), 0 0 0 hsla(420, 42%, 11%, 1), 0 0 0 hsla(420, 42%, 11%, 1), 0 0 0 0 hsla(420, 90%, 32%, 1), inset 1px 1px 4px 0 hsla(420, 90%, 22%, 1);
}
button:disabled {
    background: hsla(420, 0%, 64%, 1);
    color: hsla(180, 0%, 12%, 1);
    text-shadow: 1px 1px 1px hsla(180, 0%, 32%, 1);
    transform: translate(-4px, 4px);
    border: 1px hsla(420, 0%, 22%, 1) solid;
    border-top-color: hsla(420, 0%, 56%, 1);
    box-shadow: 0 0 0 0 hsla(420, 0%, 22%, .87), 0 0 0 hsla(420, 42%, 11%, 1), 0 0 0 hsla(420, 42%, 11%, 1), 0 0 0 0 hsla(420, 0%, 32%, 1), inset 1px 1px 4px 0 hsla(420, 0%, 22%, 1);

}

Поправил


Это даёт даже больше свободы в стилевом оформлении чем <input type="image" />

О координатах совсем забыл, так давно это использовал как и карты изображений. Спасибо, что напомнили.

Браузер на плойке например предусматривает навигацию перекрестьем. Это удобнее чем двигать курсор аналоговым стиком.

Для IE6-7-8 есть полифил.


Паттерн с пунктирными ссылками не раскрыт потому, что это кнопка, а не ссылка. Ничего не мешает оформить кнопки как пунктирные ссылки. Благо паттерн Татьянычем раскрыт ещё до появления <button>.


А для навигации, да. Можно пренебречь :visited оформлением. А вот в результатах поиска и статьях эта штука нужная. Как пример выдача гугла, когда через некоторое время повторяешь поисковый запрос или ищешь нечто похожее, это помогает понять какие сайты ты уже посещал и решить посещать их снова или нет.

Так и до вёрстки таблицами дойти может.

Да и, что толку если древние браузеры его сожрут, а JS откажется работать в силу отсутствия новомодных штук.
Добавил информацию об этих граблях. Сам наступал и был немало удивлён.

Это уже к парсеру хабрахабра вопрос.

С другой стороны здесь можно писать HTML.

Но писать его в одну строку неудобно.

Символ переноса строки преобразуется в <br />



Кроме того это действительно важно на сайте который разрабатываешь сам. CSS хабрахабра потрогать никто не даст, а вот у себя можно внутренние отступы и расстояние между абзацами настраивать.

Вообще мало ли чего можно нацээсэсить, а вот с <br /> будут некоторые сложности.

Ничего в голову кроме <abbr> не пришло, но сарказм почувствовал.


Эта статья появилась не на пустом месте. Когда в очередной раз полез писать обработчики кнопок в готовый проект, в котором приходится дописывать состояния вместо дизайнера и верстальщика — взорвало на простыню. Теперь есть куда посылать.

Спасибо за замечание. Но статья получилась и так больно длинная. type=button у кнопки необходим только если кнопка внутри формы, иначе она сделает сабмит. Если вы об этом конечно.

Information

Rating
Does not participate
Location
Таиланд
Date of birth
Registered
Activity

Specialization

Frontend Developer, Software Architect
Senior
From 4,200 $
TypeScript
Node.js
React
NextJS
Adaptive layout
Agile
Automation of processes
Git
Progressive Web Apps
Server-side rendering