shimapa23 8 ноя 2014 в 21:41

Создаем портфолио на основе фотографий из Instagram

11 мин

54K

CSS * JavaScript * HTML *

Туториал

Перевод

Комментарии 24

knitevision1 9 ноя 2014 в 00:35

~~Подвал?~~ Мне сначало стало не по себе, пошел гуглить. И впрямь, подвал = футер. Это хорошо или плохо, что за 3 года работы во фронтенде, я не знал, что такое подвал?

qteb 9 ноя 2014 в 00:49

Держите нас в курсе.

mr_avi 9 ноя 2014 в 06:35

А шапка не смутила? Хедер и футер по-русски давно именуются шапкой и подвалом.

НЛО прилетело и опубликовало эту надпись здесь

kruteev 9 ноя 2014 в 01:17

Сайт портфолио из фотографий не имеющих отношения к специальности? Ок.

keksmen 9 ноя 2014 в 03:41

Всегда можно завести «рабочий» аккаунт.

theillarionov 9 ноя 2014 в 06:00

Вот так смотришь на все это и вспоминается какая-то расхожая шутка про инструкцию до создания современного сайта (1. Скачайте библиотеки. 2. Настройте сервер… 146. Начинайте писать Html).

Нет, серьезно, для чего весь этот парк технологий? Для того, чтобы настроить простенькую адаптивность и обращаться к API?

Видимо, шутка про еще одну инструкции «Как заставить div двигаться? 1. Скачайте jQuery» перестает быть шуткой.

SerafimArts 9 ноя 2014 в 06:19

В защиту могу сказать, что писать на чистом CSS после SCSS или LESS становится просто морально невозможно. На глаза слёзы наворачиваются, когда пытаешься вернуться к корням, а руки так и бегут использовать миксин или вкладывать стили по привычке =)

dshster 9 ноя 2014 в 12:38

Эдак вы придёте скоро к программированию мышкой — перетаскивать готовые блоки из одного окошка в другой. К хорошему привыкаешь быстро, но и низкоуровневые вещи забывать не нужно.

VasilioRuzanni 9 ноя 2014 в 18:00

Причем тут программирование мышкой? CSS-препроцессоры — это то, что увеличивает производительность разработки и поддерживаемость стилей в разы, причем, независимо от масштаба проекта. Для того, чтобы их использовать — нужно знать CSS, там нет ненужных абстракций.

SerafimArts 10 ноя 2014 в 18:43

Эм, что-то тут не так. Всегда считал, что профессионалы уходят от любых визивигов и приходят к препроцессорам…

pavelpromin 9 ноя 2014 в 06:30

Дай человеку рыбу, и он будет сыт один день. Научи человека ловить рыбу, и он будет сыт всю жизнь

Так вот. В статье описан простой пример использования сложных техник и это основной принцип обучения в системе «от простого к сложному».

Видимо, шутка про еще одну инструкции «Как заставить div двигаться? 1. Скачайте jQuery» перестает быть шуткой.

Если цель оправдывает средства, — то почему бы и нет.

mr_avi 9 ноя 2014 в 06:34

Не очень правильно расположены файлы (бутстрап разорван на части, сложно будет обновить версию). А вообще лучше и проще использовать CDN бутстрапа.

AMar4enko 9 ноя 2014 в 08:34

Лучше, проще и, самое главное, правильнее — использовать bower

shumaher86 9 ноя 2014 в 12:03

выложите кто-нибудь koala_2.0.3_portable.zip плз! нигде не могу скачать :(

Psychosynthesis 9 ноя 2014 в 12:10

Шаблонный сайт для (!) портфолио, вот это я понимаю! Вот это круто, вот это сила!

Всё, теперь ребятам, которые гордо называют себя фотографами можно даже и дорогую зеркалку не покупать, и с портфолио не заморачиваться.

dshster 9 ноя 2014 в 12:40

Это не веб-разработка, это веб-конструирование (веб-лего). Предлагаете построить завод по сжиганию веб-конструкторов?

Psychosynthesis 9 ноя 2014 в 12:53

Нет, почему же. В качестве обучающего материала вполне ничего. Но смысл портфолио в демонстрации навыков и индивидуальности, при таком подходе полностью пропадает, разве нет?

dshster 9 ноя 2014 в 12:55

Всё верно, демонстрировать повседневные фото с телефона используя готовые шаблонные технологии — моветон и в области фотографии и в области веб-разработки.

damat 9 ноя 2014 в 14:02

Ух ты, получился сайт на целых 8 превью картинок, клик по которым перекидывает на Instagram. Т.е. это даже не галерея, это тупо ссылки в виде картинок, которые ведут на внешний сайт, не предназначенный для показа фото в высоком разрешении.

Вопрос — а зачем это все? Возьмите любой конструктор сайтов с шаблоном, CMS и хостингом из коробки, и соберите нам нем осмысленный сайт с галереей и контактной информацией. Wix, Ucoz, Google Sites и прочее вам в помощь. Хотите покруче? Не вопрос — есть конструкторы, в которых можно править исходный css и html/js, тот же Ucos, например.

И да, как заказчик аутсорса могу сказать, что подобные сайты закрываю через 2 секунды, и никогда не стану писать такому исполнителю. Причины изложены в статье здесь: sites.google.com/site/damat3d/public/cg-event-2009-zima

bizikov 9 ноя 2014 в 17:03

Wix, Ucoz, Google Sites и прочее вам в помощь.

В дополнение хочу порекомендовать Tumblr. Там есть и возможность добавления домена второго уровня, и html/css/js можно менять. Можно тему в легкую написать, и ничего платить не нужно.

damat 9 ноя 2014 в 17:06

Точно, забыл уже про него =) Как-то помогал знакомому художнику с настройкой vislib.tumblr.com/ Суть задачи уже не примомню, но как-то быстро удалось сделать что просили. Вроде бы было что-то про количество загружаемых картинок при клике в тэг.

imgen 10 ноя 2014 в 06:29

Да каждый новый участник хабры, который мало мальски познакомится с Web разработкой:

Запостит свой macbook 13'' и Iphone
Запостит Трогательную историю о том как он сделал личную страницу с применением примитивных технологий
Пообещает свежих постов связанных с этой тематикой…

Спасибо, как же мы без этих статей здесь жили-то, никому не известно)

ierogliph 16 ноя 2014 в 17:02

Заинтересовавшимся не помешает ознакомиться с этой ссылкой, ибо без accessToken, о котором в мануале ни слова, все это не взлетит. Переводчик не озаботился этой ремаркой.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий