3 Страницы < 1 2 3  
Ответить Создать тему

Посоветуйте литературу.

t37
post Apr 27 2015, 21:21 
Отправлено #31


Эксперт

Сообщений: 714



Подкиньте пожалуйста среднестатистический макет для вёрстки.
Profile CardPM
  0/0  
t37
post Apr 28 2015, 21:54 
Отправлено #32


Эксперт

Сообщений: 714



Посоветуйте по дизайну что нибудь.
Profile CardPM
  0/0  
kw.egorov
post Apr 30 2015, 09:44 
Отправлено #33


- -

Сообщений: 1 688
Из: Чебоксар



Цитата(t37 @ Apr 27 2015, 21:21)
Подкиньте пожалуйста среднестатистический макет для вёрстки.
*

Если вы будете работать не просто с дизайном, а в тренде - с адаптивом, то нужен не просто макет, а адаптивный, с набором разрешений.

Лучше учитесь сразу на максимально проработанном макете, пусть даже их мало, но вы научитесь делать правильно, то что актуально сегодня (а не позавчера).
Profile CardPM
  0/0  
Daily
post Apr 30 2015, 11:35 
Отправлено #34


Продвинутый

Сообщений: 143



Цитата(kw.egorov @ Apr 30 2015, 09:44)
Если вы будете работать не просто с дизайном, а в тренде - с адаптивом, то нужен не просто макет, а адаптивный, с набором разрешений.

Лучше учитесь сразу на максимально проработанном макете, пусть даже их мало, но вы научитесь делать правильно, то что актуально сегодня (а не позавчера).
*


для начального уровня, адаптивный дизайн будет сложно верстать
Profile CardPM
  0/0  
kw.egorov
post Apr 30 2015, 11:36 
Отправлено #35


- -

Сообщений: 1 688
Из: Чебоксар



Цитата(Daily @ Apr 30 2015, 11:35)
для начального уровня, адаптивный дизайн будет сложно верстать
*

Он уже в CSS3 пошел, с анимацией работает, а вы говорите что что-то сложно.
Пока интересно - он с удовольствием изучит адаптивный дизайн и верстку под устройства.
Profile CardPM
  0/0  
Daily
post Apr 30 2015, 11:57 
Отправлено #36


Продвинутый

Сообщений: 143



Цитата(kw.egorov @ Apr 30 2015, 11:36)
Он уже в CSS3 пошел, с анимацией работает, а вы говорите что что-то сложно.
Пока интересно - он с удовольствием изучит адаптивный дизайн и верстку под устройства.
*


вот ссылка в помощь http://htmlbook.ru/samlayout/tipovye-maket...lonochnyi-maket
Profile CardPM
  0/0  
t37
post Apr 30 2015, 13:22 
Отправлено #37


Эксперт

Сообщений: 714



Цитата(Daily @ Apr 30 2015, 11:35)
для начального уровня, адаптивный дизайн будет сложно верстать
*

почитать медиазапросы, подумать над % соотношением отступов, высоты ширины блоков, подумать над контентом. Как-то вроде так адаптивная вёрстка делается?
Profile CardPM
  0/0  
t37
post Apr 30 2015, 13:25 
Отправлено #38


Эксперт

Сообщений: 714



Цитата(Daily @ Apr 30 2015, 11:57)

htmlbook использовал как справочник. Теперь почитаю все статьи с этого сайта пока еду в транспорте. спасибо что подсказали.
Profile CardPM
  0/+1  
t37
post May 3 2015, 20:32 
Отправлено #39


Эксперт

Сообщений: 714



я так понимаю без svg ни куда не деться? Если требуется отображения изображения на 4к телеке и смартфоне...

Сообщение отредактировал t37 - May 3 2015, 20:32
Profile CardPM
  0/0  
Daily
post May 4 2015, 09:53 
Отправлено #40


Продвинутый

Сообщений: 143



Цитата(t37 @ May 3 2015, 20:32)
я так понимаю без svg ни куда не деться? Если требуется отображения изображения на 4к телеке и смартфоне...
*


можно ставить любое, но будет размытое (если у 4к происходит деление пикселей как на ретина)
если хочешь четкое изображение:

1. Использовать SVG
2. Исходное изображение делать больше, вот пример под ретина http://habrahabr.ru/post/150071/
Profile CardPM
  0/0  
kw.egorov
post May 4 2015, 11:09 
Отправлено #41


- -

Сообщений: 1 688
Из: Чебоксар



Цитата(t37 @ May 3 2015, 20:32)

SVG - наиболее простой способ отобразить изображение на экранах, но лучше всего это делать для простых сюжетов (геометрические фигуры отображаются лучше всего).

Есть другой способ, обойтись без вектора - предоставлять варианты изображений для каждого разрешения. Используется обертка для img - picture. Чтобы поучиться и поэкспериментировать, изображения можно подготовить вручную, ну а в последствии нужно будет генерировать их на сервере, из одного исходника хорошего качества.

Есть и еще один способ отдать подходящее изображение - это использовать Google Pagespeed модуль, который нужно тонко настроить.

- -

Вы просто учитесь верстать, насколько я понимаю.
Думаю вам идеально подошли бы SVG и/или picture, с указанием нужных изображений.

Сообщение отредактировал kw.egorov - May 4 2015, 12:10
Profile CardPM
  0/0  
t37
post May 4 2015, 13:43 
Отправлено #42


Эксперт

Сообщений: 714



Ни как не могу найти нормальный пример для вёрстки. Хочу чтобы там были макеты для различных размеров + все страницы а не 1 домашняя. Везде хрень какая-то с которой даже разбираться не хочется. Есть пример, есть ссылка нет блин эта ссылка ведёт ещё на 10 сайтов. Тфьу блин, злит. Если ссылка не начинает качать то сразу нафиг закрываю.
Такое ощущение что проще самому сделать psd макет...

Сообщение отредактировал t37 - May 4 2015, 13:44
Profile CardPM
  0/0  
kw.egorov
post May 4 2015, 22:00 
Отправлено #43


- -

Сообщений: 1 688
Из: Чебоксар



Цитата(t37 @ May 4 2015, 13:43)
Такое ощущение что проще самому сделать psd макет...

Читать и практиковаться без макета тоже можно.
Пробуйте на бюджетных проектах, с фриланс-биржи.
Profile CardPM
  0/0  
t37
post Nov 5 2015, 21:41 
Отправлено #44


Эксперт

Сообщений: 714



Да я оказывается уже создавал тут тему. biggrin.gif
По ссылке архив с макетом внутри и сверстанная версия ( немного изменённая в процессе) Макет сам рисовал. smile3.gif
Ещё мысль ни как из головы не выходит о использование 3D редакторов.

Сообщение отредактировал t37 - Nov 5 2015, 22:01
Profile CardPM
  0/0  
t37
post Nov 9 2015, 15:13 
Отправлено #45


Эксперт

Сообщений: 714



для чего обычно используют javascript кроме ajax?
Profile CardPM
  -1/0  

3 Страницы < 1 2 3
ОтветитьTopic Options
1 чел. читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
Быстрый ответ
Кнопки кодов
 Расширенный режим
 Нормальный режим
    Закрыть все тэги


Открытых тэгов: 
Введите сообщение
Смайлики
smilie  smilie  smilie  smilie  smilie 
smilie  smilie  smilie  smilie  smilie 
smilie  smilie  smilie  smilie  smilie 
smilie  smilie  smilie  smilie  smilie 
smilie  smilie  smilie  smilie  smilie 
smilie  smilie  smilie  smilie  smilie 
         
Показать все

Опции сообщения