Jump to content

Оцените верстку: резиновая, адаптивная + retina


Schamil74
 Share

Recommended Posts

Всем привет!

Занимаюсь версткой 3 месяца, без наставника, просто просматривая обучающие ролики и читая источники по этой теме.

На данный момент сверстал 6 макетов: 2 фикс, 2 на бутстрап, 1 адаптивный без фреймворка и 1 резиновый-адаптивный без фреймфорка. 

Выкладываю последний. Всю сложность можно оценить путем изменения области просмотра браузера, как ведут себя элементы на разных брейкпоинтах.  

Все иконки svg-спрайты (с ними помучился).

В этой верстке немного пытался реализовать именования классов по БЭМ. Немного парился с кроссбраузерностью. Не тестировал на ie9 и ниже, такой задачи не было.

 

https://schamil74.github.io/Mishka/

Link to comment
Share on other sites

Если вы не участвовали в продвинутом курсе по HTML от HTML Academy, то не стоит выкладывать на публичное обсуждение эту вёрстку.

Дело в том, что макет Мишка предназначен только для участников курса. Если вы не участвовали, то материалы вы откуда-то своровали. В частности исходний и векторные иконки.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Almaz_Kazan
      Добрый день у class="fb7" не действует правило display block при уменьшении экрана на 721px
      Вот сайт http://mrdtools.com/exec/spin_template_ready/iphone_version/#
      ftp доступ:
      хост:  s5.thehost.com.ua
      логин: sabrina
      пароль: Iar862JZ
      Папка iphone_version
      Помогите пожалуйста 
    • By evgenia18
      Добрый день! 
      На данный момент прохожу обучение по веб-программированию, но уже сейчас хотело бы поработать с реальными проектами. 
      Знаю HTML, CSS, принципы адаптивной верстки, основы JavaScript и тд.
      Пример моей работы находится по адресу https://evgenia1991.github.io/
    • By Tempest
      Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают 
       Вот исходный код http://www.cssdesk.com/J8Xk9

       
    • By 3pdt
      Адаптивная верстка за символическую плату (а может и бесплатно) с использованием Bootstrap. Пишите в л/с, договоримся.
      Пример:
      https://3pdt.github.io/eventide/
         
    • By nightgremlin
      Здравствуйте, уважаемые форумчане!
      Сто лет ничего не писал и ни за что не брался, и вот решился. Хочу восстановить и поднять свой уровень.
      У Вас есть шаблон psd, который надо сверстать? - Я к вашим услугам. Сделаю абсолютно бесплатно (ну может добавлю в портфолио).
      Вот, перечень предлагаемых услуг:
      верстка обычного psd-макета. С Вас макет - с меня верстка с использованием HTML5/CSS3; адаптивная верстка под различные разрешения экрана используя Media Queries; возможна натяжка на популярный движок WordPress. _____________________________________________________________________________________________________
      Так как совсем недавно начал изучение JavaScript, то могу попробовать написать что-то простенькое используя связку HTML5+CSS3+JavaScript (DOM). До библиотеки JQuery еще не добрался, но вставить готовый скрипт думаю сумею запросто.
      Задания присылайте на почту: pobedinskiy85@gmail.com
      P/s: никогда не занимался профессионально вёрсткой и написанием скриптов на JS, но то что вы мне предложите постараюсь выполнить качественно в приемлемые сроки.
       
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy