Задать вопрос
@lilandre2
html

Как научиться делать недаптивные сайты адаптивными?

Добрый день. Я начинающий веб-разработчик. Мне, как и многим разработчикам сложновато устроиться на первую работу без портфолио. Почти везде требуются готовые работы. Хочу научиться делать качественно адаптивные веб-сайты. Попробую сделать 2-4 сайта бесплатно. Планирую погуглить малооптимизированные сайты салонов красоты в моем городе и предложить оптимизацию за бесплатно. В первую очередь планирую брать сайты которые не адаптивны под мобильные телефоны. Таким образом получу готовые проекты для портфолио и прокачаю навыки в адаптации веб-сайтов.

Что можно изучить по этой теме? В каком направлении двигаться?
  • Вопрос задан
  • 1009 просмотров
Комментировать
Подписаться 5 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Посмотрите как устроен boostrap, я не говорю, что его надо использовать. Я предлагаю его разобрать по винтикам, как хороший пример адаптивности.
Ответ написан
2 комментария
2 комментария
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Что можно изучить по этой теме? В каком направлении двигаться?

1. Геометрию.
2. media условия
3. немного JS/JQ
4. оптимизицию изображений, отличия графики для ретины
Ответ написан
4 комментария
4 комментария
denisday
@denisday
В первую очередь, ознакомиться с информацией от Google - https://developers.google.com/web/fundamentals/des...

Посмотреть и изучить различные адаптивные фреймворки - Bootstrap, Zurb Foundation, etc.

Изучить, что такое XY Grid, Float Grid, Flex Grid - в чем между ними разница, какие ограничения и особенности и прочее.

Для первого сайта и для портфолио рекомендую начать со своего личного сайта \ блога - для начала с простого блога\песочницы, но с прицелом - сделать полноценный сайт-портфолио для себя любимого.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Ещё заказы