psywalker

Всем привет! Вкратце: ищу учителя-помощника по TypeScript и Vue.js. О времени занятий и цене договоримся. Пишите, пожалуйста, на почту (psywalker09@gmail.com), в ЛС в ВК (https://vk.com/psywalker84), или в ЛС (здесь на форуме)

Ребята, всем привет! Мы, наконец-то, сменили дизайн и обновились! Заходите, удивляйтесь и набирайтесь знаний: http://css-live.ru p.s. Хочется сказать огромное спасибо нашему дорогому эксперту Николя223, за то, что помог нам по части программирования, без него мы бы не справились!

Начните вот с этой книги.

В лс вам пока писать нельзя по правилам форума. Так что дайте другие данные.

Прописать медиазапросы для каждого пикселя, вы что, самоубица, что ли? Используйте элемент <img> вместо CSS-свойства background.

Всем привет! Благодаря Светлане (Svetlana_P) у нас возродился еженедельный дайджест крутых эффектов на CSS/SVG/JS. Так что приглашаем всех желающих лицезреть эти чудеса: Еженедельная подборка красивых эффектов на CSS/SVG/JS #46. Следите за выпусками каждую неделю, и говорите спасибо Светлане

Ага, отписал, спасибо!

Ребят, привет! Тут такое дело. Знакомая бабушка (в прошлом учительница литературы) попросила меня помочь сделать ей канал на ютубе, где она сможет делиться накопленными знаниями с людьми. Естественно, никто зарабатывать на этом не планирует, просто ради пользы, не более. Дорогие дизайнеры, не найдётся ли у кого из вас немного свободного времени, чтобы нарисовать шапку и логотип для ютуб-канала, понятное дело, бесплатно? Будем с бабушкой вам очень благодарны. Тему канала я поподробнее опишу уже в личной переписке исполнителю, если таковой найдётся

Хм, мне кажется, что бутстрапу можно верить, имхо) Дико серьёзный фреймворк.

Ребята, у нас новая авторская статья про гриды от Ильи Стрельцына, (SelenIT), оцените, поддержите и покритикуйте: http://css-live.ru/css/bolshaya-statya-pro-gridy-css-grid-layout.html Илья очень постарался, поэтому будем дико благодарны за бесконечный репост, лайки и RT твиттере: https://twitter.com/cssliveru/status/876469461074751488

Кстати, в 4-м бутстрапе уже по умолчанию используются флексы, а поскольку вы используете бутстрап, просто перейдите на 4-ю версию (правда она ещё альфа) и наслаждайтесь.

Всем привет! У нас (css-live.ru) наконец-то появилась группа в Telegram, где можно обсуждать материалы с сайта, да и просто потрещать на веб-тематику. У кого есть желание, присоединяйтесь! — https://t.me/css_live p.s. Лайки и рекомендации друзьям и знакомым дико приветствуются!

Всем привет! Столкнулся с проблемой, когда контрольные точки в медиавыражениях не совпадают с точками $(window).width() (или window.innerWidth). Это и правда так, или всё же я что-то не так делаю? Покажу на примерах. 1) https://codepen.io/psywalker/pen/WjJZbe - в этом примере верхний div отвечает за медиавыражения, нижний за $(window).width() (или window.innerWidth), ну а span -- это просто линейка в 600px, правый край которой и является нашей контрольной точкой (600px). Здесь всё работает отлично. Сузьте экран ровно до правого края span и увидите, как все два div станут синими (http://take.ms/ECczJ). А если жмякнуть ссылкой на span, то даже в консоли всё будет ровненько по 600px. 2) Но всё здорово ровно до того момента, пока не появляется вертикальный скролл. Сравним вариант со скроллом. https://codepen.io/psywalker/pen/jmxKxM?editors=0110. Теперь во всех браузерах (в Edge не тестил, не суть) кроме Safari сужение экрана до 600px врубает $(window).width(), а вот медиазапросы срабатывают только на 585px. Понятно, что медиазапросы учитывают скролл, который 15px. Но разночтение с $(window).width() уже очень расстраивает. А вот в Safari всё срабатывает так же, как без скролла, то есть ровненько на 600px (http://take.ms/f81ta). Следовательно, помимо разночтения при скролле мы ещё имеем разночтения в браузерах (Safari vs остальных). 3) Ок, попробуем поменять $(window).width() на window.innerWidth. https://codepen.io/psywalker/pen/wdjXNM?editors=0110. Теперь во всех браузерах (в Edge не тестил, не суть) кроме Safari медиазапросы и window.innerWidth срабатывают в одной точке - 585px, а вот в Safari медиазапросы срабатывают на 600px, а вот window.innerWidth на 585px. Итог: Получается, что в данном случае нет единого мнения среди браузеров, и у нас нет возможности контролировать медиазапросы вместе с $(window).width() (или window.innerWidth). Или я ошибаюсь? И какие вы видите решения данной проблемы?

Для тех, кто ещё не познакомился с новым невероятно мощным модулем раскладки CSS Grid Layout, есть возможность сделать это, поскольку на css-live.ru уже набралось много полезного материала по этой теме! Так что поторопитесь, полноценная поддержка уже не за горами