psywalker

Модератор
  • Публикации

    13 707
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    57

Последний раз psywalker выиграл 29 января 2018

Публикации psywalker были самыми популярными!

Репутация

557 Хорошая

2 подписчика

О psywalker

  • Звание
    Вечный ученик

Контактная информация

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

Информация

  • Пол
    мужской
  • Откуда
    Москва
  • Интересы
    (X)HTML/CSS/JS

Посетители профиля

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

    css-live.ru - Сообщество, говорящее на языках HTML, CSS и JS

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

    Выравнивание элементов

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

    Адаптация шапки и всё её содержимое.

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

    css-live.ru - Сообщество, говорящее на языках HTML, CSS и JS

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

    Дизайн шапки и логотипа для ютуб-канала

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

    Посоветуйте, как поровнее колонки сверстать?

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

    css-live.ru - Сообщество, говорящее на языках HTML, CSS и JS

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

    Посоветуйте, как поровнее колонки сверстать?

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

    css-live.ru - Сообщество, говорящее на языках HTML, CSS и JS

    Всем привет! У нас (css-live.ru) наконец-то появилась группа в Telegram, где можно обсуждать материалы с сайта, да и просто потрещать на веб-тематику. У кого есть желание, присоединяйтесь! — https://t.me/css_live p.s. Лайки и рекомендации друзьям и знакомым дико приветствуются!
  13. Всем привет! Столкнулся с проблемой, когда контрольные точки в медиавыражениях не совпадают с точками $(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). Или я ошибаюсь? И какие вы видите решения данной проблемы?
  14. psywalker

    css-live.ru - Сообщество, говорящее на языках HTML, CSS и JS

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

    psywalker