Что нужно знать веб-программисту для работы?

1 234
K
На сайте с 23.07.2011
Offline
52
#21
tommy-gung:
1. не использовaть id
2. src: url(../font/HelveticaNeue-Light.ttf); /* Путь к файлу со шрифтом */ - использовать кавычки, подключать все форматы шрифтов

---------- Добавлено 07.10.2016 в 17:07 ----------

3. не использовать картинки там, где можно использовать css

1. Старался не использовать, так как понимаю разницу. Вроде бы использовал только в уникальных блоках, которые будут повторяться только один раз. В основе, короче говоря (хедер, сайдбар, футер).

2. Все форматы? Прям совсем все? Их же там за пару десятков.

3. Да, понимаю. Старался не использовать :)

---------- Добавлено 07.10.2016 в 17:13 ----------

miketomlin:
ТС вроде что-то про программирование говорил, а тут такое...

Я говорил про веб-программирование, а именно фронт-енд разработку и разработку полного цикла.

Скрипты безликие я уже писал на js и php, но такое вряд ли кому-то нужно.

Сначала сделал такой шаблон, понял что это не так уж и сложно, потратил пару часов времени.

Теперь попробую сделать адаптированный шаблон, потому что статичный сейчас нафиг никому не нужен, ИМХО.

Потом попробую адаптировать его под какую-то CMS, скорее всего WordPress, там уже задействую навыки PHP.

Надежный виртуальный хостинг и VPS для Ваших проектов - Fozzy — Попробовать (https://goo.gl/mLYlva). Есть тестовый период Промокод на скидку - search-disc
tommy-gung
На сайте с 22.11.2006
Offline
300
#22
Krines:
1. Старался не использовать, так как понимаю разницу. Вроде бы использовал только в уникальных блоках, которые будут повторяться только один раз. В основе, короче говоря (хедер, сайдбар, футер).

не использовать от слова вообще, нечего им делать в стилях

Krines:
3. Да, понимаю. Старался не использовать

в меню висит

Krines:
2. Все форматы? Прям совсем все? Их же там за пару десятков.

eot, ttf, woff, woff2, svg

Здесь не могла быть ваша реклама
K
На сайте с 23.07.2011
Offline
52
#23
tommy-gung:

в меню висит

Это Вы про фон?

В принципе, Вы правы. Что-то затупил, лучше бы его с помощью СSS сделать, хоть фон и весит 1кб, но иногда и они могут решать.

tommy-gung
На сайте с 22.11.2006
Offline
300
#24
Krines:
В принципе, Вы правы. Что-то затупил, лучше бы его с помощью СSS сделать, хоть фон и весит 1кб, но иногда и они могут решать.

дело даже не в весе. это лишний http-запрос, это первое моргание при первом наведении, так как картинка еще не загружена.

вот и подошли к первому шагу по оптимизации

S
На сайте с 13.10.2014
Offline
171
#25

Что касается наложение стилей на Id. Это такая-же холиварная тема, как что круче кэннон или никон.

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

а самой медленной, разумеется, оказывается обстиливание с использованием структуры DOM

tommy-gung
На сайте с 22.11.2006
Offline
300
#26

еще один любитель использования id в стилях?

S
На сайте с 13.10.2014
Offline
171
#27
tommy-gung:
еще один любитель использования id в стилях?

Еще один любитель похоливарить?

я написал о результатах теста производительности рендера файрфокса. у вас есть претензии к этим результатам?

Нет? тогда прошу не разводить с*ач.

tommy-gung
На сайте с 22.11.2006
Offline
300
#28

silicoid, пруфы будут?

ну и про валидность можно не вспоминать

bay_ebook
На сайте с 28.05.2010
Offline
111
#29
silicoid:
Что касается наложение стилей на Id. Это такая-же холиварная тема, как что круче кэннон или никон.

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

а самой медленной, разумеется, оказывается обстиливание с использованием структуры DOM

Представляю код с 100500 разных ID. А потом в нем что-то найти куда и откуда... жестяк.

А еще если нужно со списком работать - сначала назначить каждому элементу этот самый ID, потом собрать все эти ID в массив... йо жестяк :)

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
S
На сайте с 13.10.2014
Offline
171
#30

tommy-gung, вы заставили меня отложить работу и полчаса заниматься эксгумацией статей

впрочем пожалуйста

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS

Хотя достаточно свежие исследования, проведенные в 2014 году https://benfrain.com/css-performance-revisited-selectors-bloat-expensive-styles/

говорят, что разница в скорости рендеринга не сильно высока и особенно заметна на мобильных платформах.

2ТС

ИМО а вот что касается выбора CSS селектора, то его полностью можно отнести на совесть верстальщика, за тем лишь исключением, что псеводселекторы надо использовать по необходимости.

если какой-то элемент проще описать через класс его надо описать через класс, если какой-то элемент проще / менее затратно по части акладных расходов обстилить через ай ди. делайте через ай ди. Уверен, что гуру вроде Стива Саудерса (не тот, что музыкант, а тот, что автор книг по Цсс) против не будут ))

Тут я ни с кем спорить не собираюсь посему извините.

АПД. я прошу прощения это шутка про 500к айдишников?

1 234

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий