Jump to content

Search the Community

Showing results for tags 'адаптивная верстка'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Проблемы верстки
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События форума
  • События партнёров
  • Все события

Blogs

  • CMS (Content Management System)
  • Руководство верстальщика
  • Блог HTMLforum.io
  • Клуб компании menter.me's 📰 Новости

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

  1. Добрый день у class="fb7" не действует правило display block при уменьшении экрана на 721px Вот сайт http://mrdtools.com/exec/spin_template_ready/iphone_version/# ftp доступ: хост: s5.thehost.com.ua логин: sabrina пароль: Iar862JZ Папка iphone_version Помогите пожалуйста
  2. Добрый день! На данный момент прохожу обучение по веб-программированию, но уже сейчас хотело бы поработать с реальными проектами. Знаю HTML, CSS, принципы адаптивной верстки, основы JavaScript и тд. Пример моей работы находится по адресу https://evgenia1991.github.io/
  3. Адаптивная верстка за символическую плату (а может и бесплатно) с использованием Bootstrap. Пишите в л/с, договоримся. Пример: https://3pdt.github.io/eventide/
  4. Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают Вот исходный код http://www.cssdesk.com/J8Xk9
  5. Здравствуйте, уважаемые форумчане! Сто лет ничего не писал и ни за что не брался, и вот решился. Хочу восстановить и поднять свой уровень. У Вас есть шаблон psd, который надо сверстать? - Я к вашим услугам. Сделаю абсолютно бесплатно (ну может добавлю в портфолио). Вот, перечень предлагаемых услуг: верстка обычного psd-макета. С Вас макет - с меня верстка с использованием HTML5/CSS3; адаптивная верстка под различные разрешения экрана используя Media Queries; возможна натяжка на популярный движок WordPress. _________________________________________________
  6. Всем привет! Столкнулся со следующей проблемой: Верстаю макет на Bootstrap и столкнулся с тем, что не получается нормально отпозиционировать элементы, имеющие, во-первых, свойство transform: rotate(-90deg); во-вторых, абсолютное позиционирование для того, чтобы прилепить их к правому краю экрана. Итак, вот исходный код файлов: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></
  7. Ищу работу. Верстаю страницы любой сложности из psd макетов. Владею адаптивной вёрсткой, а также css3/javascript/jquery анимацией. Сделаю Ваш заказ быстро, дёшево, адаптивно, кроссбраузерно. Email: churilov2312@gmail.com Facebook: https://www.facebook.com/profile.php?id=100019043504185&ref=bookmarks Так же можете просто писать мне в личку
  8. Всем привет! Оцените учебную верстку. Исходник PSD был отрисован только под десктоп. Пришлось делать адаптивность как есть desktop first. C SVG - анимацией сталкиваюсь первый раз. Вообще много с чем сталкиваюст первый раз на этом макете. Верстка выполнена на основе сетки бутстрап4. https://schamil74.github.io/Daisy
  9. Привет! Вот мое "творение" Мне интересно в первую очередь фундаментальная критика, но и мелкой буду благодарен))
  10. Всем привет! Занимаюсь версткой 3 месяца, без наставника, просто просматривая обучающие ролики и читая источники по этой теме. На данный момент сверстал 6 макетов: 2 фикс, 2 на бутстрап, 1 адаптивный без фреймворка и 1 резиновый-адаптивный без фреймфорка. Выкладываю последний. Всю сложность можно оценить путем изменения области просмотра браузера, как ведут себя элементы на разных брейкпоинтах. Все иконки svg-спрайты (с ними помучился). В этой верстке немного пытался реализовать именования классов по БЭМ. Немного парился с кроссбраузерностью. Не тестировал на ie9 и
  11. как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left? Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру. Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?
  12. Здравствуйте, я начинающий верстальщик. Хочу развиваться как специалист в данном направлении и во front-end'е в целом. Ищу стажировку или постоянную работу за небольшую плату. Готов: Своевременно и аккуратно выполнять поставленные задачи Сперва искать решения проблем самостоятельно, а не докучать вопросами работодателя (наставника) Работать над любыми, в том числе и рутинными задачами Качественно выполнять свою работу Впитывать новые знания Имею навыки: HTML. Умею делать валидную и семантически правильную верстку. CSS. Имею хорошие знания CSS
  13. Ищу заказы на: - верстка (адапттивная) - интеграция с CMS (WP, Joomla, Drupal, OpenCart, CS-Cart, Presta-Shop, Instant, Image cms corporate, DLE, MODx и др.) Скайп для связи: viktor-pototskiy
  14. Подскажите, пожалуйста, как запустить выполнение этого скрипта, при разрешении экрана 767 и меньше. window.onload = function(){ var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.parentNode.insertBefore(b2, b1); } Я так понимаю, надо куда-то впаять строку if (screen.width <= 767), но методом тыка, в этот раз, не вышло.
  15. Здравствуйте! Первая проба вёрстки сайтй с уклоном на адаптивность. В принципе сайт простой, но был бы рад услышать какие-то замечания/советы. ссылка - http://gusto.esy.es архив с шаблоном и файлами(кому нужно может-быть) - https://drive.google.com/open?id=0B-54vYt77yG5cy1PcXk2X3VxbGM
  16. Всем привет!. Собственно по сабжу: Верстка GitHub Прошу оценить, способы реализации верстки. Например я взял для линий и окружностей - псевдоэлементы и div-ы, а не использовал svg. Как бы вы сверстали? и т.д.
  17. Все доброго времени суток. Сверстал такую секцию(адаптивную). Но еще осталось реализовать подсвечивание грани многоугольника в центре. Несколько вопросов по этой верстке: -Линии и окружности, таким образом(как я сверстал) вполне нормально верстать(через псеводо элементы и дивы) или все же сделать на svg или может еще, что-то более качественное есть? -Так как грань центрального многоугольника при наведении на пункт секции, должна подсвечивается розовым, думаю сделать поверх многоугольника svg. Но проблема в том что цвет подсвечиваемой грани неоднородный. Я слышал что svg можно с растром счита
  18. Проблема с фоновыми рисунками на главной странице 1 рисунок bg1.png снизу-слева, 2 рисунок bg2.png снизу-справа На обычных мониторах все нормально. А на больших телевизорах и мониторах фоновые картинки улетают вверх. На iPhone вообще не показываються. На этой странице: http://habana-vieja.ru Прописаны в файле CSS: html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: url('design/bg1.png') left bottom no-repeat, url('design/bg2.png') right bottom no-repeat, url('design/fon-jeans.gif');}
  19. http://verstkaaaa.esy.es/ Это бесплатный хостинг от хостигер, мб влияет на скорость, не знаю. Оцените пожалуйста код, хочу писать НЕ г*овно-код. Адаптивность. Для адаптива использовал сетку бутстрап и медиа запросы. Посмотрите на ховер эффекты, на дизайн особо не смотрите, макет нагуглил и чуток поменял оформление, в дизайне не силен вообще. Формы рабочие, в письме указывается откуда прислали, сверху, снизу или с попап окна( попап окно одно, на кнопке get start now) https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=http%3A%2F%2Fverstkaaaa.esy.es%2F&tab=mobile Де
  20. Всем доброго времени суток! Сверстал свой первый адаптивный сайт. Очень хотелось бы оценки опытных в этой теме верстальщиков (я знаю что при адаптации под мобильники все стремится к минимализму в дизайне, при этом всякие тяжёлые вещи(типо скрипты) или удаляются или заменятся более меньшими по объему – хотелось бы подробнее узнать про все эти тонкости. В верстке я пока не смог так тонко манипулировать файлами(напр. я бы хотел убрать плагин wow для маленьких расширений и т.п.)) Если кому удобнее, можно скачать верстку со всеми комментами и не оптимизированными файлами. Второстепенные вопросы
  21. Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?
  22. Добрый день! У меня меню себя ведет странно. Не хочет сдвигать вниз остальной контент. Хотелось бы, чтобы было как в примере: http://cssr.ru/simpliste/_xtensions/snippets/responsive_navigation/toggle_menu.html Html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Création des sites web responsives, des thèmes WordPress. Intégration HTML, CSS, jQuery. Création et intégration des maq
  23. Возникла такая проблема. Есть основная шапка сайта, которая должна находиться в блоке с контентом. display absolute; Всё отлично, хеадер сидит на блоке с контентом. Прописал верхний padding для блока с контентом(чтобы текст не залезал под хеадер). Но, при уменьшении ширины окна, высота хеадера становится больше, и контент всё таки оказывается под шапкой. Вот пример: http://jsfiddle.net/LOL1/dyxvm4jc/6/ (уменьшайте ширину экрана и увидите) Как этого избежать? Как вариант можно засунуть header прямо в section, но ведь смысл от этого поменяется? Получается что хеадер будет относиться не
  24. Есть код. Все пропорции фиксированого макета прописаны в комментах(то есть я перевел в адаптив обычный фиксированый макет). Все нормально, но мне не нужен блок #in-warp, но как без него сохранить такие же зависимости, так чтобы маржин и падинг #in зависили от ширины #in, а не от #container? Или может в этом нету смысла так как сам #in зависит от #container и если подстоить данные отсупы под #container это ни на что не повлияет?
×
×
  • Create New...