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

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

skarui_support
post Apr 12 2015, 18:52 
Отправлено #16


Эксперт

Сообщений: 691



Цитата(t37 @ Apr 12 2015, 18:39)
http://codecombat.com/ - мельком глянул, ни чего так. Люди постарались!
*

Ого. не знал) Отличная работа. Я думал что подобное только в Гейропах и Обама-СШАх

--------------------
Отрицание действительности в вебе
Profile CardPM
  0/0  
t37
post Apr 18 2015, 23:51 
Отправлено #17


Эксперт

Сообщений: 714



Научился делать ( на CSS) переключатели "вкл выкл" с анимацией ( чекбокс). Радости полные штаны. biggrin.gif

Sublimie text не авто дополняет и не подсвечивает CSS3 ключевые слова, как это можно исправить?.

Сообщение отредактировал t37 - Apr 18 2015, 23:54
Profile CardPM
  0/0  
Web_Air
post Apr 19 2015, 23:34 
Отправлено #18


Продвинутый

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



Цитата(t37 @ Apr 18 2015, 23:51)
Научился делать ( на  CSS) переключатели "вкл выкл" с анимацией ( чекбокс). Радости полные штаны.  biggrin.gif

Sublimie text не авто дополняет и не подсвечивает CSS3 ключевые слова, как это можно исправить?.
*

notepad++ happy.gif
Profile CardPM
  0/0  
t37
post Apr 20 2015, 18:04 
Отправлено #19


Эксперт

Сообщений: 714



Странно что в CSS не включили возможность использование переменных и функций, хотя бы в самой простой реализации. Чтобы одни и теже стили по 100 раз не писать и не запоминать один и тот же цвет. Теперь сижу читаю less. htmlacademy почти закончил, less остался доделать. Курсом доволен.
После less попробую что нибудь "сверстать".

Сообщение отредактировал t37 - Apr 20 2015, 18:08
Profile CardPM
  0/0  
Daily
post Apr 20 2015, 19:59 
Отправлено #20


Продвинутый

Сообщений: 143



Цитата(t37 @ Apr 20 2015, 18:04)
Странно что в CSS не включили возможность использование переменных и функций, хотя бы в самой простой реализации. Чтобы одни и теже стили по 100 раз не писать и не запоминать один и тот же цвет.  Теперь сижу читаю less. htmlacademy почти закончил, less остался доделать. Курсом доволен.
После less попробую что нибудь "сверстать".
*


попробуй использовать bootstrap при верстке, для начала очень не плохо поможет
Profile CardPM
  0/0  
kw.egorov
post Apr 20 2015, 22:54 
Отправлено #21


- -

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



Цитата(Daily @ Apr 20 2015, 19:59)
..bootstrap..

Бутстрап хорош, но он уже с LESS работает.
Лучше пусть учится азам, чем берет что-то готовое.
Profile CardPM
  0/0  
t37
post Apr 22 2015, 19:22 
Отправлено #22


Эксперт

Сообщений: 714



Как узнать размер шрифта? Как узнать точные цвета градиентов? Как работать со слаборазличимыми элементами дизайна?
PSD шаблонов море а вот xcf почти нет. Фотошоп - это стандарт?
Стоит ли пытаться сверстать через чур красивые шаблоны? Дизайнер-то нарисует....

Сообщение отредактировал t37 - Apr 22 2015, 19:38
Profile CardPM
  0/0  
kw.egorov
post Apr 22 2015, 21:17 
Отправлено #23


- -

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



Цитата(t37 @ Apr 22 2015, 19:22)
Как узнать размер шрифта? Как узнать точные цвета градиентов? Как работать со слаборазличимыми элементами дизайна?
PSD шаблонов море а вот xcf почти нет. Фотошоп - это стандарт?
Стоит ли пытаться сверстать  через чур красивые шаблоны? Дизайнер-то нарисует....
*

Фотошоп - не стандарт, это "дискеты в налоговой".
Это то, с чем работают 95-98% всех веб-студий и дизайнеров.

Дизайнер может не обладать понятием о веб-интерфейсе. Дизайнер может вообще не учитывать интерфейс, потому и появились скетчи/макеты/прототипы. Пробовать можно, но часто это будет вас злить, выводить из себя.

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

Чтобы видеть детали, для проверки освойте pixel perfect верстку, которая по сути заключается в сопоставлении изображения макета с сайтом. Достигается использованием дополнения или простой подложкой в качестве фона на body/html или важный контейнер на момент разработки.

Сообщение отредактировал kw.egorov - Apr 22 2015, 21:20
Profile CardPM
  -1/+1  
Daily
post Apr 23 2015, 01:55 
Отправлено #24


Продвинутый

Сообщений: 143



Цитата(kw.egorov @ Apr 22 2015, 21:17)
Фотошоп - не стандарт, это "дискеты в налоговой".
Это то, с чем работают 95-98% всех веб-студий и дизайнеров.

Дизайнер может не обладать понятием о веб-интерфейсе. Дизайнер может вообще не учитывать интерфейс, потому и появились скетчи/макеты/прототипы. Пробовать можно, но часто это будет вас злить, выводить из себя.

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

Чтобы видеть детали, для проверки освойте pixel perfect верстку, которая по сути заключается в сопоставлении изображения макета с сайтом. Достигается использованием дополнения или простой подложкой в качестве фона на body/html или важный контейнер на момент разработки.
*


а я не люблю когда размер шрифта указывают дробный smile3.gif
Profile CardPM
  0/0  
kw.egorov
post Apr 23 2015, 02:09 
Отправлено #25


- -

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



Цитата(Daily @ Apr 23 2015, 01:55)
а я не люблю когда размер шрифта указывают дробный smile3.gif

А в том и суть, чтобы шрифт был в целых выраженных единицах.
И да, кстати о целых - воспитанные дизайнеры используют пункты, а не пиксели для шрифтов.
Profile CardPM
  -1/+1  
t37
post Apr 24 2015, 21:38 
Отправлено #26


Эксперт

Сообщений: 714



https://cloud.mail.ru/public/2kvq7h5r5Qkw/html%20psd.zip
Сделал выпадающие анимированое меню "Product". - работает в FireFox. ( прификсы не охота было писать из-за загромождения)
Даже такая простая анимация нагружает мой amd 2-х ядерный на 22%.
Что быстрее javasript или css3 анимация?

Сообщение отредактировал t37 - Apr 24 2015, 21:41
Profile CardPM
  0/0  
Daily
post Apr 25 2015, 01:12 
Отправлено #27


Продвинутый

Сообщений: 143



Цитата(t37 @ Apr 24 2015, 21:38)
https://cloud.mail.ru/public/2kvq7h5r5Qkw/html%20psd.zip
Сделал выпадающие анимированое меню "Product". - работает в FireFox. ( прификсы не охота было писать из-за загромождения)
Даже такая простая анимация нагружает мой amd 2-х ядерный на 22%.
Что быстрее javasript или css3 анимация?
*


а почему работает только в Firefox?
Profile CardPM
  0/0  
t37
post Apr 25 2015, 09:39 
Отправлено #28


Эксперт

Сообщений: 714



Цитата(Daily @ Apr 25 2015, 01:12)
а почему работает только в Firefox?
*


префиксы не ставил на анимацию.
Profile CardPM
  0/0  
kw.egorov
post Apr 25 2015, 11:50 
Отправлено #29


- -

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



Цитата(t37 @ Apr 24 2015, 21:38)
..не охота..

С этого начинаются говносайты
Делайте с толком сразу, без компромиссов
Profile CardPM
  0/+1  
t37
post Apr 25 2015, 13:07 
Отправлено #30


Эксперт

Сообщений: 714



В хроме анимация гораздо плавнее работает.
Profile CardPM
  0/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 
         
Показать все

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