Привет мужчины. Думаю вы и сами захотите это обсудить, но на всякий случай. Новый дизайн смэшинга, что думаете? Особенно интересно то, что они ушли с ВП и теперь юзают какую-то магию:
We don’t really have a back-end any more. Instead, static HTML, advanced JavaScript APIs, running as a progressive web app with a service worker in the background and blazingly fast performance — served from a CDN near you.
Мужики, я жду ваши подкасты как новую серию какого то популярного сериала. Обычно слушаю их когда еду на работу. Иногда даже переслушиваю когда становится скучно. Смеюсь вместе с вами, и ваши голоса стали такими родными будто реально уже знакомые люди. Спасибо вам за ваше творчество. Очень круто что есть в России такие проекты.
Пользуясь случаем, хочу попросить кое о чем. Я, конечно же, смотрю ваш подкаст на Youtube, но чаще слушаю в телефоне, юзаю приложение, которое тягает RSS-фиды. Очень не хватает тайм-кодов и ссылок в описании к выпуску. Можно ли их добавить? Спасибо, заранее.
Привет, Астронавты!
Вообщем такая забавная статейка про ExcelArt.
Чувак делает прикольные иллюстрации (в том числе и 3D), мокапы, типографские штуки, догадайтесь в чем?
Нет, не в Adobe Software. В MS Excel, етить его).
В который раз убеждаюсь, что дело не в инструментах и т.п. «отмазках», а в конечностях, растущих из нужных мест, ну и сером веществе:-) 3D в офисной программе или как Microsoft Excel заменил мне Adobe Illustrator
Тут всё просто. Начнем с самих таймеров — это вертикальные колонки из цифр 0-9 или 0-6. Уберите overflow: hidden; у классов .timer и .cell и убедитесь сами. На каждую вертикальную колонку повешаны пошаговые анимации — каждый шаг анимации колонка смещается на 40px вверх — и мы видим новое число. Тайминг для каждой колонки разный — 0.01s для миллисекунд, 0.1s для десятков миллисекунд итд. Тайминг в 10 (или 6, зависит от колонки) раз больше т.к. шагов анимации 10, и каждый шаг анимации в 0.01s занимает как раз 1 миллисекунду. Далее рассмотрим конструкцию #start:checked~.timer — этот селектор выбирает элементы с классом .timer, которые имеют общего родителя с #start:checked и идут после этого самого #start:checked. Стоит заметить, что контролы это не кнопки — это скрытые радио-баттоны, и #start:checked срабатывает когда Вы кликаете на «кнопку» (на самом деле это label) с надписью start. При #start:checked все анимации начинают работать, при #stop:checked все анимации паузятся, но не сбрасываются, при #reset:checked анимации сбрасываются и колонки приходят в дефолтное состояние — т.е. с нулевым сдвигом, и мы видим нули. Надеюсь, объяснил достаточно подробно.
С уважением, Капитан CSS Очевидность.
Во-первых, спасибо за проект! Звук — отличный, содержимое — информативное, длительность — самое то.
Во-вторых, ваша реклама подействовала, и я наконец-то зарегистрировался на вашем сайте! Троекратное ура, товарищи! Пока не забыл, отмечу косяк в процессе регистрации: после заведения логина, подтверждения мыла и финального ввода логина/пароля я попал в админку, которая предложила мне выбрать цветовую схему. Я даже на пару секунд прифигел, но потом нашёл ссылку в левом верхнем углу и попал-таки на сайт. Имхо, админка вашим подписчикам даром не нужна, и можно смело сразу бросать их на главную сайта или туда, где они были до ухода в процесс регистрации. Мелочь, но покорёжило.
В-третьих, опять реклама работает, и скоро я хочу поднимать свою персональную страничку в сети Интернет с фотками моих любимых котиков, и я обязательно воспользуюсь умной обезьянкой, что бы ни говорили злопыхатели.
В-четвёртых, хочу сказать за донат. Я понимаю, что на одних спасибках подкаст не делается, поэтому запланировал в своём бюджете скромную ежемесячную сумму на поддержку вашего проекта. Но каждый раз попадая на форму п2п-перевода в Яндекс.Деньгах, я немного теряюсь при вводе суммы — а сколько же перечислить? Не мало ли я кидаю? Секретов не будет — в месяц кидаю 200 рублей (можете покидать помидорами в мою жабу). Я попробую договориться со своей жабой на побольше, но хотелось бы от вас услышать какую-нибудь статистику по донатам, например, за месяц — что-то вроде минимум и максимум, сколько человек донатит постоянно, если это возможно посчитать. Все карты раскрывать не нужно, но обратную связь в таком виде получить было бы приятно и поучительно. Опять же подписчики должны знать, что поддержка проекта — это не фантастика и не минута разговора ни о чём, а что-то реальное и доступное каждому.
Ещё забыл написать про юмор. Короче — так держать!
Я слушаю ещё ВебСтандарты и RadioJS, и мне частенько в этих высоко профессиональных разговорах о высоком не хватает какой-нибудь шутки о говне, чтобы разбавить пафос и сбить спесь с этих заумных рыл. А у вас всё очень чётко: и про умное поговорили, и над собой пошутили, и в чью-нибудь сторону говняшку кинули. Отличное шоу получается!
P.S.: а дам я бы попросил потерпеть. Имхо, подкаст имеет отличный баланс между информативностью и шоу-элементом. Аналогов я пока не слышал.
Maxim прокомментировал
Парни скажите как вы начинали свой путь в web, если рассказывали то скажите в каком подкасте, просто очень интересно.
shamil7458 прокомментировал
10 грехов в системах навигации сайтов / приложений
https://habrahabr.ru/post/322740/
shamil7458 прокомментировал
Как мы перешли от виджетов и «кирпичиков» к интуитивной верстке с возможностью внедрения html, css и javascript
https://habrahabr.ru/post/321976/
Роман прокомментировал
Привет, суровым челябинским технарям из Москвы =)
Говорят, в конце февраля был юбилей мема про не то сине-черное, не то бело-золотое платье. А тут новая картинка, которая играет с нашим мозгом злую шутку. Надеюсь, не баян, а то статья то от 27 февраля )
https://motherboard.vice.com/en_us/article/this-picture-has-no-red-pixelsso-why-do-the-strawberries-still-look-red
Валера Бурый прокомментировал
Здарова! Молодцы растете, про вас уже на loftblog говорят и обратную связь дают, ну тут вы полюбому ответочку должны кинуть ;)
Чпок
necelentano прокомментировал
На Никиту наехали))
Валера Бурый прокомментировал
Ага)) Ну и «кортавый» пусть ответит там чо-нить =D
Мой Господин прокомментировал
наезжать на картавость это уже зашквар.
Fenixus_somnius прокомментировал
Как и зачем послать все
h1,h2,h3,h4,h5,h6
наh
PS: Спасибо за подкаст!
Максимка прокомментировал
Привет =) Интересно ваше мнение.
Скролинг в вебе
maxsokal прокомментировал
привет, по поводу архитектуры может такое понравится,
Сан-Франциско с высоты: жемчужина солнечной Калифорнии
http://gelio.livejournal.com/223154.html
tregubovand прокомментировал
Про «синдром самозванца» в вебе. Мне кажется статейка отлично подойдет для подкаста.
https://habrahabr.ru/company/alconost/blog/324048/
d1i1m1o1n прокомментировал
Вас обсуждают в loftblog DevShow #3 — Sorax, Хауди Хо, uWebDesign, Hexlet, ITVDN, Веб-стандарты
Антон Здор прокомментировал
Привет мужчины. Думаю вы и сами захотите это обсудить, но на всякий случай. Новый дизайн смэшинга, что думаете? Особенно интересно то, что они ушли с ВП и теперь юзают какую-то магию:
Александр Гончаров прокомментировал
Классно с цитатой комментарии выглядят. Спасибо за комментарий!
Вафа Абзи прокомментировал
Предлагаю обсудить тему про Юзабилити https://nplus1.ru/blog/2017/03/16/attention-interface
Вафа Абзи прокомментировал
Мужики, я жду ваши подкасты как новую серию какого то популярного сериала. Обычно слушаю их когда еду на работу. Иногда даже переслушиваю когда становится скучно. Смеюсь вместе с вами, и ваши голоса стали такими родными будто реально уже знакомые люди. Спасибо вам за ваше творчество. Очень круто что есть в России такие проекты.
6o6iK1337 прокомментировал
Привет, ребятишки!
Спасибо большое за подкаст, всегда поднимаете настроение (а иногда даже помогаете уснуть :)
Собсно
2017 — год, который фронтенд-разработчики должны посвятить основам
И немножко CSS: Ещё больше о том как работает Flexbox — объясняем на больших, красочных GIF’ках (слушатели never stop imagining)
Пользуясь случаем, хочу попросить кое о чем. Я, конечно же, смотрю ваш подкаст на Youtube, но чаще слушаю в телефоне, юзаю приложение, которое тягает RSS-фиды. Очень не хватает тайм-кодов и ссылок в описании к выпуску. Можно ли их добавить? Спасибо, заранее.
P.S. А куда у вас делся фоновый нейрофанк?
Вафа Абзи прокомментировал
Предлагаю поговорить на модную тему гридов.
4rontender прокомментировал
Привет, Астронавты!
Вообщем такая забавная статейка про ExcelArt.
Чувак делает прикольные иллюстрации (в том числе и 3D), мокапы, типографские штуки, догадайтесь в чем?
Нет, не в Adobe Software. В MS Excel, етить его).
В который раз убеждаюсь, что дело не в инструментах и т.п. «отмазках», а в конечностях, растущих из нужных мест, ну и сером веществе:-)
3D в офисной программе или как Microsoft Excel заменил мне Adobe Illustrator
Vova прокомментировал
Добрый день господа! У меня такой вопрос. Кем вы работаете, какие у вас еще проекты есть и «skills». Хотелось это увидеть в закладке » о проекте».
Randy Romero прокомментировал
Доброго времени суток, уважаемые подкастеры! :))
Сможете рассказать, как работает вот этот вот секундомер на чистом CSS? http://codepen.io/benkrumbholz/pen/CGArc
Буду признателен :)
Fenixus_somnius прокомментировал
Тут всё просто. Начнем с самих таймеров — это вертикальные колонки из цифр 0-9 или 0-6. Уберите
overflow: hidden;
у классов.timer
и.cell
и убедитесь сами. На каждую вертикальную колонку повешаны пошаговые анимации — каждый шаг анимации колонка смещается на 40px вверх — и мы видим новое число. Тайминг для каждой колонки разный — 0.01s для миллисекунд, 0.1s для десятков миллисекунд итд. Тайминг в 10 (или 6, зависит от колонки) раз больше т.к. шагов анимации 10, и каждый шаг анимации в 0.01s занимает как раз 1 миллисекунду. Далее рассмотрим конструкцию#start:checked~.timer
— этот селектор выбирает элементы с классом.timer
, которые имеют общего родителя с#start:checked
и идут после этого самого#start:checked
. Стоит заметить, что контролы это не кнопки — это скрытые радио-баттоны, и#start:checked
срабатывает когда Вы кликаете на «кнопку» (на самом деле этоlabel
) с надписью start. При#start:checked
все анимации начинают работать, при#stop:checked
все анимации паузятся, но не сбрасываются, при#reset:checked
анимации сбрасываются и колонки приходят в дефолтное состояние — т.е. с нулевым сдвигом, и мы видим нули. Надеюсь, объяснил достаточно подробно.С уважением, Капитан CSS Очевидность.
Randy Romero прокомментировал
Спасибо, стало понятнее)
Krasszen прокомментировал
По традиции
http://babich.biz/bringing-mobile-apps-to-life-through-motion/
aleksfes прокомментировал
Привет, пацаны.
Мне есть, что сказать вам.
Во-первых, спасибо за проект! Звук — отличный, содержимое — информативное, длительность — самое то.
Во-вторых, ваша реклама подействовала, и я наконец-то зарегистрировался на вашем сайте! Троекратное ура, товарищи! Пока не забыл, отмечу косяк в процессе регистрации: после заведения логина, подтверждения мыла и финального ввода логина/пароля я попал в админку, которая предложила мне выбрать цветовую схему. Я даже на пару секунд прифигел, но потом нашёл ссылку в левом верхнем углу и попал-таки на сайт. Имхо, админка вашим подписчикам даром не нужна, и можно смело сразу бросать их на главную сайта или туда, где они были до ухода в процесс регистрации. Мелочь, но покорёжило.
В-третьих, опять реклама работает, и скоро я хочу поднимать свою персональную страничку в сети Интернет с фотками моих любимых котиков, и я обязательно воспользуюсь умной обезьянкой, что бы ни говорили злопыхатели.
В-четвёртых, хочу сказать за донат. Я понимаю, что на одних спасибках подкаст не делается, поэтому запланировал в своём бюджете скромную ежемесячную сумму на поддержку вашего проекта. Но каждый раз попадая на форму п2п-перевода в Яндекс.Деньгах, я немного теряюсь при вводе суммы — а сколько же перечислить? Не мало ли я кидаю? Секретов не будет — в месяц кидаю 200 рублей (можете покидать помидорами в мою жабу). Я попробую договориться со своей жабой на побольше, но хотелось бы от вас услышать какую-нибудь статистику по донатам, например, за месяц — что-то вроде минимум и максимум, сколько человек донатит постоянно, если это возможно посчитать. Все карты раскрывать не нужно, но обратную связь в таком виде получить было бы приятно и поучительно. Опять же подписчики должны знать, что поддержка проекта — это не фантастика и не минута разговора ни о чём, а что-то реальное и доступное каждому.
За сим откланиваюсь в ожидании нового выпуска!
aleksfes прокомментировал
Ещё забыл написать про юмор. Короче — так держать!
Я слушаю ещё ВебСтандарты и RadioJS, и мне частенько в этих высоко профессиональных разговорах о высоком не хватает какой-нибудь шутки о говне, чтобы разбавить пафос и сбить спесь с этих заумных рыл. А у вас всё очень чётко: и про умное поговорили, и над собой пошутили, и в чью-нибудь сторону говняшку кинули. Отличное шоу получается!
P.S.: а дам я бы попросил потерпеть. Имхо, подкаст имеет отличный баланс между информативностью и шоу-элементом. Аналогов я пока не слышал.
Мой Господин прокомментировал
НЕИСТОВО ПЛЮСУЮ!!
GoldenLights прокомментировал
https://theoryandpractice.ru/posts/10425-mcclure
GoldenLights прокомментировал
нейроэкономист Самюэль МакКлю о физиологии принятия решений
GoldenLights прокомментировал
как редактировать?
а если я случайно кину вам картинку с йухом?
то чё она так и останется висеть у нас здесь и я её не смогу убрать?
Мой Господин прокомментировал
Поздравим ребят с удачной миссией. КРАСАВЫ!
http://www.spacex.com/news/2017/03/16/echostar-xxiii-mission
Anton прокомментировал
https://designshack.net/articles/layouts/how-to-break-the-grid/
z3ts прокомментировал
Привет! В гугле придумали новый алгоритм сжатия JPEG
https://research.googleblog.com/2017/03/announcing-guetzli-new-open-source-jpeg.html
z3ts прокомментировал
https://github.com/google/guetzli/
Vova прокомментировал
После сорока «ты» ветхозаветное ничтожество или все таки нет?
https://habrahabr.ru/post/324426/
DK прокомментировал
Привет! Спасибо за подкасты!
Несколько выпусков назад (пересматриваю в обратном порядке) обсуждали Service Workers и хотели более подробную статью.
Возможно, уже предлагали, но все же:
https://www.smashingmagazine.com/2016/02/making-a-service-worker/
Мой Господин прокомментировал
Думаю такую тему вы уже обсуждали ибо ЖИЗААА
https://www.thebalance.com/multitasking-skills-with-examples-2059692