psywalker

Moderator
  • Content count

    13,707
  • Joined

  • Last visited

  • Days Won

    57

psywalker last won the day on January 29 2018

psywalker had the most liked content!

Community Reputation

557 Хорошая

2 Followers

About psywalker

  • Rank
    Вечный ученик

Contacts

  • Web site
    http://css-live.ru

Information

  • Sex
    мужской
  • From
    Москва
  • Interests
    (X)HTML/CSS/JS

Recent Profile Visitors

43,020 profile views
  1. Всем привет! Вкратце: ищу учителя-помощника по TypeScript и Vue.js. О времени занятий и цене договоримся. Пишите, пожалуйста, на почту (psywalker09@gmail.com), в ЛС в ВК (https://vk.com/psywalker84), или в ЛС (здесь на форуме)
  2. Ребята, всем привет! Мы, наконец-то, сменили дизайн и обновились! Заходите, удивляйтесь и набирайтесь знаний: http://css-live.ru p.s. Хочется сказать огромное спасибо нашему дорогому эксперту Николя223, за то, что помог нам по части программирования, без него мы бы не справились!
  3. Начните вот с этой книги.
  4. В лс вам пока писать нельзя по правилам форума. Так что дайте другие данные.
  5. Прописать медиазапросы для каждого пикселя, вы что, самоубица, что ли? Используйте элемент <img> вместо CSS-свойства background.
  6. Всем привет! Благодаря Светлане (Svetlana_P) у нас возродился еженедельный дайджест крутых эффектов на CSS/SVG/JS. Так что приглашаем всех желающих лицезреть эти чудеса: Еженедельная подборка красивых эффектов на CSS/SVG/JS #46. Следите за выпусками каждую неделю, и говорите спасибо Светлане
  7. Ребят, привет! Тут такое дело. Знакомая бабушка (в прошлом учительница литературы) попросила меня помочь сделать ей канал на ютубе, где она сможет делиться накопленными знаниями с людьми. Естественно, никто зарабатывать на этом не планирует, просто ради пользы, не более. Дорогие дизайнеры, не найдётся ли у кого из вас немного свободного времени, чтобы нарисовать шапку и логотип для ютуб-канала, понятное дело, бесплатно? Будем с бабушкой вам очень благодарны. Тему канала я поподробнее опишу уже в личной переписке исполнителю, если таковой найдётся
  8. Хм, мне кажется, что бутстрапу можно верить, имхо) Дико серьёзный фреймворк.
  9. Ребята, у нас новая авторская статья про гриды от Ильи Стрельцына, (SelenIT), оцените, поддержите и покритикуйте: http://css-live.ru/css/bolshaya-statya-pro-gridy-css-grid-layout.html Илья очень постарался, поэтому будем дико благодарны за бесконечный репост, лайки и RT твиттере: https://twitter.com/cssliveru/status/876469461074751488
  10. Кстати, в 4-м бутстрапе уже по умолчанию используются флексы, а поскольку вы используете бутстрап, просто перейдите на 4-ю версию (правда она ещё альфа) и наслаждайтесь.
  11. Всем привет! У нас (css-live.ru) наконец-то появилась группа в Telegram, где можно обсуждать материалы с сайта, да и просто потрещать на веб-тематику. У кого есть желание, присоединяйтесь! — https://t.me/css_live p.s. Лайки и рекомендации друзьям и знакомым дико приветствуются!
  12. Всем привет! Столкнулся с проблемой, когда контрольные точки в медиавыражениях не совпадают с точками $(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). Или я ошибаюсь? И какие вы видите решения данной проблемы?
  13. Для тех, кто ещё не познакомился с новым невероятно мощным модулем раскладки CSS Grid Layout, есть возможность сделать это, поскольку на css-live.ru уже набралось много полезного материала по этой теме! Так что поторопитесь, полноценная поддержка уже не за горами
  14. psywalker

    psywalker