• Как с помощью Jquery нажать элемент при нажатии элемента?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Попробовал вот это:
    .click в JQuery - это обработчик одноименного события, а не его генерация, если Вам нужно сэмулировать клик по элементу, выглядит это примерно так: $('#element').trigger('click'); А вообще, правильно это релизуется - отслеживанием "хеша" (т.е. того, что после '#' в адресной строке) и соотв. реакцией на его изменение. В принципе примерно это же Вам сказал предыдущий оратор :)

    P.S. Подробности про эмуляцию клика.
    Ответ написан
    Комментировать
  • Почему крупные сайты не используют адаптивную верстку?

    Вы ошибаетесь, все эти сайты используют адаптивную верстку, она используется чтобы сайт выглядел хорошо на разных разрешениях, ориентациях и т.п.. Однако, адаптивная верстка малопригодна, если интерфейс на разных устройствах должен быть принципиально различен, например на десктопных версиях интерфейс заточен под управление мышью, на тач устройствах - на управление касанием, поэтому там принципиально другое расположение элементов и логика взаимодействия. Помимо этого, бывают устройства не поддерживающие media query и адаптивную верстку.
    Поэтому, например, на mail.ru, например, есть десктопный интерфейс с адаптивной версткой, touch-интерфейс с адаптивной версткой, оба интерфейса отдаются с базовых доменов. Помимо них, есть отдельные интерфейсы на отдельных доменах без адаптивной верстки под браузеры с ограниченной поддержкой - light.mail.ru - для старых десктопных браузеров, m.mail.ru для старых смартфонов с поддержкой js, tel.mail.ru - для телефонов без поддержки джаваскрипта.
    Ответ написан
    5 комментариев
  • Можно ли уже уверенно использовать flexbox?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    Можно. А вообще, вы сами можете понять, ответив себе на следующие вопросы:
    - Поддержка каких версий браузеров требуется по ТЗ?
    - Какие конкретно свойства flexbox вы собираетесь использовать, и поддерживаются ли они требуемыми версиями браузеров?
    - Каков процент посетителей сайта может быть на неподдерживаемых версиях браузеров? Есть ли смысл заморачиваться фиксами или отказываться от современных технологий ради 1 посетителя на 1000? А с учетом того, что через год эта цифра будет 1 на 10 000? Или можно смело, с точки зрения бизнеса, забить болт на этого уникума?

    Общемировая / рунетовская статистика хороша для общей картины, но не соответствует суровой реальности конкретного сайта. Для какого-нибудь консалтинга для энтерпрайзов понадобится поддержка ИЕ, возможно вплоть до версий 7-8. Для сайта типа тостера/хабра можно смело юзать - тут аудитория использует свежий софт. Надеюсь, ход мысли понятен.
    Ответ написан
    Комментировать
  • Под какие разрешения рисовать адаптивный дизайн?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    При рисовании любого дизайна встает техническая задача — уместить элементы сайта в указанную ширину. Уместить в заданную ширину тяжелее, чем растянуть до заданной ширины. Растянуть легко на этапе верстки. Поэтому нужно ориентироваться на минимальную ширину в классе.

    1. Мобильные телефоны — 320px. Ориентируемся на viewport айфона, т.к. он самый маленький. У современных андроидов вьюпорт больше, поэтому их игнорируем (растянется на верстке).

    2. Планшеты — 768px. Опять-таки ориентируемся на айпад в портретной ориентации , т.к. у андроид планшетов вьюпорты обычно имеют размер от 800×1200 или совпадают с айпадом. Планшеты с вьюпортом 600×1024px устарели. К тому же ничего страшного, если в вертикальной ориентации сайт на таком планшете будет выглядеть как на мобильнике, а в горизонтальной ориентации — как на десктопе.

    3. Десктоп и планшеты в ландшафтной ориентации — 1000px. Почему 1000, а не 1024: первое, в настольных браузерах полоса прокрутки съедает (обычно) 18px ширины; второе, от 1000px верстальщику удобнее расчитывать размеры в процентах, а до 1024 все равно растянется при верстке.

    В принципе, этого достаточно, чтобы верстальщик справился.

    Если дизайн не имеет максимальной ширины и тянется от края до края окна браузера, то на усмотрение дизайнера можно нарисовать еще один или несколько эскизов для более широких экранов.

    В каком порядке рисовать? Смотря как поставлено тех.задание. Чаще всего в задании описан полный функционал для настольной версии. Тогда проще нарисовать дизайн под 1000px и перекомпоновать под 768 и 320, выбросив или упростив по пути менее значимые элементы сайта. Т.е. двигаться от сложного к простому.

    Верстать при этом удобнее от меньшего экрана к большему (от простого к сложному). При mobile first верстальщику приходится дописывать новые стили для бóльших экранов поверх базовой версии в 320px вместо того, чтобы обнулять написанные для настольных браузеров стили. В результате для мобильника css весит меньше и парсится быстрее.
    Ответ написан
    Комментировать
  • На какой CMS (CMS + набор плагинов) лучше сделать сайт-каталог?

    @flammerman
    Web Developer / И фронт и сервер
    Создавайте на MODx Evolution. Копипастом там вставляется верстка страницы. Далее, в древе слева в админке создаете папку "каталог", создаете там ресурсы(товары) сколько угодно с любой вложенностью. Выводите одной-двумя строчками в любом месте шаблона список товаров. Делов на 10-20 мин. В общем с готовой версткой каталог можно сделать за 1-2 часа. + огромная скорость работы сайтов на MODx, ничего лишнего, непонятных скриптов, плагинов, чистая CM(S)F как слеза, но для каталога уже там все будет.

    Для вывода элементов каталога сниппет Ditto (скрипт дергания из базы ресурсов), для вывода менюподобных вещей сниппет Wayfinder.

    От разработчиков(исходная): modx.com/download/evolution
    Сайт сборки CMF с дополнениями modx.com.ua

    Работаю на ней около 4 лет, советую. Осваивается очень быстро.
    Ответ написан
    Комментировать
  • Мониторы, матрицы и глаза?

    Чтобы не болели глаза:

    1. Самое главное — уменьшить яркость. Чем выше яркость, тем выше нагрузка на глаза. Лучше поставить самую минимальную яркость, при которой текст хорошо читается.

    2. Увеличить гамму. При увеличении гаммы изображение становится как на дешёвом мониторе, но такое изображение намного приятнее смотреть + как очень большой бонус тёмные оттенки становится намного легче различать (на тёмных фотографиях, картинках, в видео, в играх и т. д.).

    Если же, наоборот, уменьшать гамму, изображение будет становиться красивее, но менее естественным, а также низкая гамма увеличит нагрузку на глаза, поэтому я советую увеличивать гамму. Хотя это зависит от монитора. На моём текущем мониторе гамма 1.2 — то же самое, что на старом 1.0. Очень большая разница.

    3. Уменьшить контрастность, чтобы не было такого, что попадается слишком белый белый цвет.

    4. Многие мониторы мерцают при пониженной яркости. Сделайте карандашный тест, а также тест фотоаппаратом. Если Ваш монитор не проходит тест, то лучше купить другой — сейчас мониторы Flicker-Free стоят столько же, сколько и мерцающие мониторы, а на яндекс-маркете даже есть фильтр по Flicker-Free.

    5. Сделать изображение НАМНОГО приятнее поможет уменьшение синего цвета. Обратите внимание: при уменьшении синего нужно также уменьшать и зелёный цвет. Уменьшение зелёного должно быть в 3–3.5 раза меньше, чем уменьшение синего. Например, если Вы уменьшаете синий цвет на 6%, то зелёный нужно уменьшить на 1.85%.

    Я советую всем людям уменьшить синий как минимум на 3% (и, соответственно, зелёный на 0.92%). Изображение станет красивее в разы. Также благодаря улучшению цветов Вы сможете ещё больше понизить яркость монитора, а это снизит нагрузку на глаза.

    Тем не менее сильно увлекаться не стоит. Чрезмерное уменьшение синего чревато следующими последствиями:
    1) Белый цвет станет слишком "выжигающим". Это повысит нагрузку на глаза.
    2) Изображение станет менее естественным.
    3) Даже если в какой-то момент времени покажется, что изображение выглядит лучше, на самом деле оно выглядит хуже.

    По этим причинам уменьшение синего не должно превышать 12%. Это предельная цифра. В итоге синий нужно уменьшить на число от 3 до 12%, но я рекомендую от 6 до 9%.

    PS. Не увлекайтесь уменьшением зелёного — коэффициент уменьшения зелёного не должен быть менее 3, иначе это приведёт к выжигающему белому.
    Ответ написан
    1 комментарий
  • На каких ресурсах собрать команду?

    @imikh
    На любых. Это же всё равно как скажем вы открыли свою небольшую компанию, теперь вам нужны люди. Мы ищем среди знакомых, на конференциях, на фриланс сайтах, на сайтах поиска работы (вакансии), на этом сайте. Везде. Вообще построение команды - это одна из самых главных задач любого бизнесмена. Кто хорошо справился, у того и дела пошли. Задача это сложная.
    Ответ написан
    Комментировать
  • Как научиться писать самостоятельно код?

    @private_tm
    JAVA dev
    1. разбераешь простенькии примеры побуквенно
    2. побуквенно расказываешь что там просиходит
    3. редактируешь существующие
    4. пишешь свое(то что ты не можешь сходу пистаь это нормально так как банально мало практики и не запомнил конструкции) на основе примеров
    5.пишешь свое уже без примеров
    Ответ написан
    Комментировать
  • Нет доступа к админке modx сайта после переноса сайта на хостинг(ошибка 500). Как исправить?

    b0nn1e
    @b0nn1e
    Alcohol & Ruby on Rails
    0. Посмотрите логи. Возможно тут /core/cache/logs/
    1. Удалите полностью всё содержимое папки /core/cache/
    2. Проверьте что правильно указали подключение к бд в core/config/config.inc.php
    3. Проверьте что правильно указали пути в файлах:
    core/config/config.inc.php
    config.core.php
    connectors/config.core.php
    manager/config.core.php
    Ответ написан
    Комментировать
  • Как решить проблему "пустой админки" в MODx?

    Sanes
    @Sanes
    Переносить надо по-человечески через /setup/
    Ответ написан
    Комментировать
  • Как решить проблему "пустой админки" в MODx?

    Realetive
    @Realetive
    MODX Ambassador России, самозванный БЭМ-евангелист
    Вы использовали неправильный способ миграции MODX сайта: Почему после переноса сайта некоторые приложения не работают (MODX Revo)?
    Сейчас есть более удобный и настраиваемый способ — Gitify. Остальные «ручные» способы (перенос дампа базы данных, копирование) гарантированно должны вызывать проблемы.
    Ответ написан
    1 комментарий
  • Где есть(и есть ли) детальные(!) уроки по MODx?

    zooks
    @zooks
    Frontend
    Введение в основы:
    https://habrahabr.ru/post/122289/

    Вот уроки на YouTube:
    https://www.youtube.com/playlist?list=PLuHvyYCKrXp...

    Неплохие сайты по Revo:
    i--gu.ru
    modx.ws

    Здесь про старую версию MODX Evo, но можно действовать по аналогии:
    efimov.ws/main/develop/modx.html

    Все остальное указал теге MODX.
    Ответ написан
    Комментировать
  • Где есть(и есть ли) детальные(!) уроки по MODx?

    DetaliDigital
    @DetaliDigital
    Я люблю интернет-рекламу
    Каналы на youtube

    WebDesign Master
    Vladimir Kamuz
    Ответ написан
    Комментировать
  • Где есть(и есть ли) детальные(!) уроки по MODx?

    Realetive
    @Realetive
    MODX Ambassador России, самозванный БЭМ-евангелист
    1. В теге, который вы указали, уже содержится достаточно полная информация о доступных документациях: https://toster.ru/tag/modx/info
    2. Команда разработчиков MODX за то, что вы используете эту CMF вам платить не будет. Поэтому вопрос не по адресу — вам к работодателю надо. Учитывая, что MODX является 3-й по популярности бесплатной системой для разработки сайтов в этой стране — да, можно, нужно, но не рассчитывайте на «быстрый старт»: MODX ≠ Битрикс. MODX лишь инструмент в кривых руках разработчика, без фундаментальных знаний HTML/CSS/JS рискуете пополнить список
    Ответ написан
    1 комментарий
  • Как найти первые заказы начинающему верстальщику?

    kentuck1213
    @kentuck1213
    Берешь 2 - 3 заказа, делаешь их бесплатно за отзыв. Я так начинал на фрилансе.
    Как будут отзывы, будут и заказы на $.
    Ответ написан
    1 комментарий
  • Как писать условные комментарии в less?

    StivinKing
    @StivinKing
    Подключайте между тегами другой css файл, который, если хотите, пишите на less и компилируйте
    Ответ написан
    Комментировать
  • Как верстальщику заработать на фрилансе?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    1. Самое главное во фрилансе - соблюдать сроки, на сегодня это главная проблема. Если вы сможете всегда делать работу в срок (или раньше) - к вам потянутся заказчики.
    2. Постоянная работа ой как нужна, особенно на первое время.
    3. Как опытного, но супер дешевого и быстрого специалиста) Демпинговать по началу.
    4. Можно, но лишь чуть чуть. Нормальная торговля начнется с опытом и с постоянными заказчиками.
    5. Дизайн это не обязательно, да и не научишься этому так просто.

    Чего не хватает?
    1. Прежде всего вам нужно учить JavaScript + jQuery и быть Фронтенд-разработчиком, а не просто верстальщиком.
    2. Помните, самые жирные заказы - заказы под ключ. Так что у вас должны быть контакты дизайнеров и бэкенд-программистов чтобы перепоручить часть работ. Часть из этого вы можете выучить сами, например PHP+Wordpress, это облегчит вашу работу и упростит поиск заказов.
    Ответ написан
    Комментировать
  • Как организовать такую сетку?

    @Cyber_bober
    А в чем проблема? игнорируйте направляющие в этом месте
    Ответ написан
    Комментировать
  • Как тёмные участки текстуры сделать таких же цветов как не тёмные?

    Ni55aN
    @Ni55aN
    Как уже предложили - найти бесшовную текстуру.
    Или можно поступить следующим образом:

    e6a978cffd4f424ebb2169317130d264.png

    1. скопировать слой
    965817198bf74531ae77179a999d3f82.png
    2. размыть скопированный слой
    dacc3ad7ffc843d392b396026e9bbba7.png
    3. обесцветить /* таким образом должна получиться карта освещения */
    8da95028d2cf4da3a5347c4efb9a0d41.png
    4. в Коррекция - Кривые расположить внизу ползунки таким образом, чтобы самые яркие участки стали белыми, а самые темные - черными
    ef829c0bc9f9491599348f62ecaf3ca3.png
    5. Инвертировать
    ba38df635d684eefbbcf058ea3bee2da.png
    6. изменить режим наложения данного слоя-карты на Мягкий свет
    222ab69cd0b848fa93bb814f1de2095f.png
    7. Выделение - Цветной диапазон белого на верхнем слое
    3426508ab40f4b47a6cb6dc82bb50d3d.png
    8. Откорректировать насыщенность и объединить
    37bee0b554954f11aa9e1e47776c2e31.png0f92f06e44db498c96d4a886b81737b2.png
    8. На места стыков наложить латку из более монотонных частей
    013640d78e7f4a3aa8c849fa23d2de78.png
    Ответ написан
    5 комментариев
  • Возможно ли заработать, зная только HTML и CSS с помощью фриланса?

    Не слушай тех, кто говорит, что нет возможности. Возможность есть всегда. Все относительно - по сравнению с опытными профи, ты ничего не знаешь, а по сравнению с людьми, далекими от веба или вообще от компьютеров - ты довольно подкован. Только пока нет портфолио забей на фриланс-биржи. Пока клиентов ищи только оффлайн, т. к. в онлайне конкуренция слишком высокая. Давай объявления о создании сайтов, сделай визитки и т.д. Одного клиента в месяц тебе хватит, чтобы набивать шишки пока. Я с абсолютного нуля начал. Тоже не верил, что без опыта и знаний смогу как-то быстро начать и в первые три месяца сделал три сайта на заказ. В сумме на 27 тысяч. Не много, но это и не основной доход, а хобби, по вечерам. Зная CSS и HTML ты можешь спокойно делать сайты-визитки. Разберись как при помощи CSS и HTML делать шаблоны под CMS, например, вордпресс. Если по минимуму какой-то функционал нужен будет, по типу обратной связи на сайте и т.д. гугли готовые решения и пользуйся ими, пока не научишься сам программировать.
    Ответ написан
    Комментировать