Ответы пользователя по тегу CSS
  • Объясните пожалуйста принцип медиа запросов?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Медиа запросы - это способ прописать стили с привязкой к:
    1) Размеру вьюпорта
    2) Ориентации
    3) Устройству
    4) возможне еще чему-то, но не суть
    то есть задать некоторые дополнительные условия в которых будут применены/переопределены специфические стили. Важно что все медиа запросы в описании стилей должны идти после основных стилей, в порядке приоритета, где самые "главные" в конце (более нижние переопределяют более верхние).
    Ответ написан
    Комментировать
  • Почему не отображаются изображения?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    чет я сомневаюсь что у вас картинка лежит по адресу
    http://yourdomain.tld/static/images/icons/project.svg
    Ответ написан
  • Загружаются ли картинки, если они встречаются в CSS?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Во первых - очевидно нет, так как цсс не отображает контент, а только задает вид отображения, без конкретного элемента это бессмысленно.
    Во вторых, как уже упомянули - открываете консоль-нетворк и смотрите, что загрузилось, а что нет. Учитесь логически отвечать на собственные вопросы, включите логику.
    Ответ написан
    Комментировать
  • Наставничество для создания своего сайта: неужели только платные варианты?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Я тут недавно с головой в омут бросилась в изучение веб-дизайна,
    Похвально...
    после чего плавно перетекла в изучение фронтенда
    Хм, слишком широкое понятие, уточните что конкретно из технологий вы решили изучить?

    Просить о помощи мне не у кого, пишу вот сюда.
    Так абстрактные вопросы как-то слабо решаются вообще, с конкретикой приходите...
    Ответ написан
    Комментировать
  • Как сделать ровную плитку изображений?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Во первых - в дизайне должны быть адекватные картинки, это же не рандомная галерейка из интернета. Во вторых - сделайте изображения бэкграундом, и задайте бэкграунд сайз : кавер, для избегания проблем с неверным размером.
    Ответ написан
    Комментировать
  • Как получить кроссбраузерность?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Что еще нужно учесть для того, чтобы во всех браузерах верстка соответствовала макету?
    Много чего. Например то, что сафари на макосях построен на движке хорма, НО:
    а) всегда отстающей от текущей актуальной версии туеву хучу фишек не поддерживает (например гриды);
    б) Имеет некоторые отличия в коде, обусловленные "особенностями платформы;
    в) Вишенка на торте - хром под яблоком - это ниразу не хром. Это (тадааам!) сафари со скином хрома, который на движке хрома (парам-пара-пам, фью)!

    ЗЫ: Свежая байка из склепа рабочих будней. Сеошник выдает резюме по гуглспидтесту страничек - "у нас все плохо, давайте, как завещал великий гугл, сделаем картинки в вебп, это модно-стильно-молодежно, это нравится гуглу и пахнет ёлкой!". Ну, ок, пнули админа, он доставил вебп модуль, слепили патч, закатали в деплой на серв - ляпота, картинки сильно ужались, гуглу нравится, мне нравится, админу нравится, сеошник вообще ссытся кипятком, а шефу почему-то не нравится. На егойном айпадпро картинок нет. Привереда. Ладно, ищем причину... Выяснили что сафари (заодно со всем яблочным королевством) лютой лютостью ненавидят ваш вебп, в гробу его видали и уже тапки белые прикупили на этот случай. Ладно, поставим шефу хром, а в остальном у нас на сафари 1% пользователей, ченть потом придумаем... И тут мы узнали что такое хорм под айосью ))). Историю про то как ПРАВИЛЬНО написать тег picture для яблока - в следующей страшилке )
    Ответ написан
  • Можно ли заменить HTML и CSS чем-нибудь еще и будет ли им замена в будущем?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Сейчас верстальщики нужны или только frontend?
    Верстальщики всегда нужны, но им всегда платят копейки, ибо это самый нижний сегмент по порогу входа, ну и естественно нарду там не пропихнуться, а виртуозов в данной области чаще всего не требуется.
    Во фронтенд нужно +- столько же (ну, скажем так, незначительно меньше, ибо это суть верстальщики+), но и ценник там уже более серьезный.

    Можно ли заменить HTML и CSS чем-нибудь еще и будет ли им замена в будущем?

    Картинкой можно заменить, но базовые теги все равно будут хоть какие-то нужны.

    Ну, вас какое будущее интересует? Пять лет? Нет, не будет. 50 лет? Скорее всего будет нечто иное, хз куда нас эта дорожка заведет...

    PS: смотрю тебя все меньше и меньше разработка интересует... Ждем вопрос "Где больше платят - убер или яндекс.такси?".
    Ответ написан
    Комментировать
  • Как запретить скролл у textarea?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    или может есть возможность добавить ручное редактирование обычного параграфа?
    contenteditable
    Ответ написан
    1 комментарий
  • Google Pagespeed жалуется на несуществующие шрифты. Как исправить?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Открываете консоль браузера, идете в нетворк, обновляете свою чудостраничку, ищите запросы на получение шрифтов. Смотрите кто инициализирует. Много думаете... Профит!
    Ответ написан
  • Почему картинка показывается только в отдельном окне?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    консоль смотрите, скорее всего корс не позволяет.
    Ответ написан
  • Как написать текст на фото в css?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Див, в диве бэкграундом фото, в диве текст. Если как на скрине - достаточно задать цвет бэкграунда, картинка не нужна.
    Ответ написан
    Комментировать
  • Почему применяется сразу несколько медиа-запросов?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Скорее всего у вас медиа запросы перечислены в невенрм порядке, соответственно более нижние перебивают более верхние. Кроме того, сегодня более правильной считается верстка по концепции mobile first, то есть стили идут начиная с мобильных, затем для медиа запросов от меньшего к большему, и условия идут на media (min-width: ХХХpx){}
    Ответ написан
    Комментировать
  • Почему не работает background-image?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    1) За нелатинские пути в приличном обществе могут и по мордасам...
    2) урл должен быть в кавычках
    3) Путь .../ это вообще куда? Либо / - это от корня сайта, либо ../ - это выше текущего пути на одну папку, либо вообще без ведущего слеша или ./ - это в текущей папке.

    плюс если внутри дива ничего нет, то его высота / ширина будет нулевой, если не задана явно. А тут задана только ширина.
    Ответ написан
  • Как вставить картинку на страницу так, чтобы её часть была за границами просмотрового окна?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    overflow-x:hidden; или можно вставить картинку бэкграундом и задать ей смещение.
    Ответ написан
    2 комментария
  • Как выделить строку в таблице, чтобы потом передать её id в функцию js для редактирования данных?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    в кнопке заводите дата атрибут с айди итема, для манипуляций с реальным объектом в бд, по клику находите парент тр и далее по вкусу - подсвечиваете, удаляете...
    Ответ написан
  • Почему такая разница и как с этим бороться?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Как облегчить себе такое обстоятельство? Это же "Ж..А" сидеть с кучей устройств ))) и перепроверять...
    Никак, в основном ориентируются не на устройства, а на разрешение экрана, ну и проверяют на самых популярных девайсов, а на все что занимает меньше 2-3 процентов посетителей тупо кладут болт. Если заказчик имеет конкретный девайс из перечисленной группы можно потрвозиться с конкретным девайсом индивидуально, в остальном никого это особо не волнует, кроме особо крупных сайтов, где есть свои спецы.
    Ответ написан
    Комментировать
  • Как замерять скорость загрузки верстки локально (до хостинга)?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    В инструментах хрома в нетворке есть имитация задержки и выключение кэша. включаете настройки, перезагружаете страничку, смотрите скорость, сортируете по скорости загрузки, думаете... Если есть нагруженые яваскрипты - смотрите вкладку перформанс. И для общей оценки можете посмотреть аудитс, но емнип с локалхостом работать не будет...
    Ответ написан
    Комментировать
  • Не подключается стили локально. Что делать?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Пути указаны верно
    ой ли?
    работаю через PhpStrom там все подсвечивается и если он не видит файл то будет ругаться.
    Что бы вы понимали - пути прописанные в пхпсторме рассчитаны на открытие из веба, где есть корневая веб папка, от которой идет поиск.
    Показывайте что вы там напрописывали...
    Ответ написан
  • Как сделать реагирование элементов на движение курсора мыши?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    онховер.
    Ответ написан
    Комментировать
  • Откуда взялся инпут?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    цсс не подключил скорее всего.
    Ответ написан
    Комментировать