Удалённая работа | Портфолио фрилансера Школин Александр [camezal]
-   -
 

Войти на сайт

Забыли пароль? | Регистрация

- Проекты     Фрилансеры     Блоги     Статьи     Сервисы     Инфо-центр     Поиск -

Обратите внимание

... на каталог фрилансеров

 
 

Фрилансер

Школин Александр Школин Александр
Вёрстка

Логин: camezal
Активность: 27.04.2015 в 14:43 по мск
Сейчас на сайте: Оффлайн нет
Написать личное сообщение Написать личное сообщение
Добавить в команду Добавить в команду
Подать жалобу Подать жалобу


Портфолио

section_left Вёрстка section_right
 
1. Адаптивная верстка
Верстка адаптирована для настольных и мобильных устройств. При ширине меньше 768 px и больше 480 px правая колонка уходит вниз (для планшетов). При ширине меньше 480 px левая колонка уходит вниз, дизайн становиться одноколоночным, что позволяет удобно расссматривать содержимое на небольших экранаx. При ширине меньше 480 px меню становиться фиксированным и при прокрутке не меняет своего положения, также уменьшftncz размер header.
Верстка осуществлена с помощью тегов HTML5 - article, nav, aside, header, footer, figure. Включена поддержка этих тегов в IE8.
Размер картинок изменяется при изменении размеров окна браузера
В header используется стиль CSS3 - linear-gradient (линейный градиентный фон) с поддержкой для всех браузеров (естественно кроме IE8) .
В меню используется свойство CSS3 - transition (переход).


Уменьшенная копия

http://www.tayler.esy.es/adaptive/rwd.html

comments Комментарии: 0
2. Простой, но стильный сайт
Фиксированная ширина.
Две колонки реализованы таблицей
Меню сделано с помощью таблицы.
Теги HTML5 - делающие более логическую и семантическую разметку вэб-страницы.
Колонка новостей седалан с помощью списка определений, который хорошо подходит для данной реализации.


Уменьшенная копия

http://www.tayler.esy.es/tayler/index.html

comments Комментарии: 0
3. лендинг
Верстка на div-ах, фиксированный размер 960 px. Каждый блок имеет класс, который задает фиксированный размер, а также "обертку", которая распространяет фон на всю ширину окна браузера. Каждый блок имеет идентичный с "оберткой" фон, так как при уменьшении окна браузера, фон уменьшается, и когда возникает горизонтальная полоса прокрутки, за пределами ширины окна фон отсутствует.
Две кнопки "Заказать звонок", три формы для "Заказа", оригинальные чекбоксы в форме реализованы на чистом CSS.
Декоративные треугольники наверху некоторых блоков реализованы с помощью border, transparent генерирования содержимого :after.
В третьем блоке шесть картинок с подписями сделаны с помощью тегов HTML5 figure, figcaption, поддержка HTML5 включена для IE8 с помощью скрипта.
Два слайдера с прокруткой в 5с., лайтбокс (функционал пока не настроен).
Подключен шрифт HelveticaNeueCyr.
Подключено два...


Уменьшенная копия

http://www.tayler.esy.es/turnik/index.html

comments Комментарии: 0
 
 


 
-   -
© 2006-2023 Free-lancers.net
Фрилансеры. Удалённая работа.
Второе дыхание - 24.04.2024 в 14:04
admin@free-lancers.net
     

Rambler's Top100
О проекте | Обратная связь