Дубликаты не найдены

+5

Вот моя любимая книга.

Иллюстрация к комментарию
+1

Офигеть, спасибо тебе, милчеловек! Как раз сейчас зубрю старую версию.

раскрыть ветку 8
раскрыть ветку 7
0
Спасибо!)
0

Не знаю кто минусы тебе ставит, но большое спасибо. Не смог заказать книгу из-за "недоступного" региона. А в инете не было. А тут на..на любимом пикабу. Спасибо!)

0

Дай Бог тебе здоровья, мил человек.

0

Настоящий Клондайк!  Спасибо!

0

Чувак, ты крут, спасибо))

0

Спасибо!

0

(ノ◕ヮ◕)ノ*:・゚✧

0

Та же книга, но с содержанием: https://1drv.ms/b/s!Av92SMQHSm0AiM8Vtw-SlFgM7_mbiw

раскрыть ветку 1
0
Исправил ссылку: https://drive.google.com/file/d/17PeYaJ9SjJiVg0AGkZQLLQaiv_spj8vD/view?usp=sharing
0

Люди направьте пожалуйста ! Я хочу попробовать себя в веб дизайне, не знаю с чего начать, куда приткнуться. Вроде информации куча , но я вообще не в курсе верстки. В фотошопе ориентируюсь. В общем знаний уровень "0", упрямство уровень "Богиня!".

раскрыть ветку 4
0

Веб дизайн не такая уж и сложная вещь,главное что-бы была инициатива. А так советую найти в интернете слитый курс от WebForMySelf  "Веб-Дизайнер.Проффесионал". Вот оффициальная ссылка на этот курс(в интернете можно найти слитый) https://webformyself.com/wdprofi/?utm_medium=systema&utm_source=nashikursi&utm_campaign=webdesign

раскрыть ветку 3
0

Очередная школа про бла бла . Нет у меня доверия к ним . Прошла одни курсы, тупо в тильде научили перемещать объекты .  ни каких понятий, разговоры на уровне ни о чем

раскрыть ветку 1
0

Спасибо !=*

0
Ссылка нерабочая. @ulenspiege1 можете поменять, пожалуйста?
0
закладка
0

Господи спасибо за таких людей!!!!!!!!!!

0

Впрочем ничего нового.

-3

@kocmb, чуток поднял из минусов :)

раскрыть ветку 5
-1

Оххх.. Спасибо! ))

А то я уже начал чувствовать свой конец как на горле затягивается минусо-удавка )))

раскрыть ветку 3
-2

Только что-то эффекта пока не видно в профиле. 118+ поставил.

раскрыть ветку 2
-1

По вашему вопросу отвечу в следующем посте )

0

Полезная книженция. Благодарю!

-5
Книга по css? Это же глупо! Информация устаревает слишком быстро. Лучше использовать онлайн учебники на подобии htmlbook.
раскрыть ветку 4
+4

Сильное заявление. Книга вышла в этом году, а htmlbook уже пару лет не обновлялся.

раскрыть ветку 3
-3
Насколько я знаю на htmlbook находится актуальная информация о html. Они же ссылаются на новый обновляемый сайт-учебник по css.
раскрыть ветку 2
ещё комментарии
Похожие посты
267

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями

В 2014 году стал я (не)счастливым обладателем телевизора Sony Bravia kdl-24w605a. Поселился сей агрегат на кухне и стал мне постоянно трепать нервы своим кривым блоком Smart TV. Под конец стал использоваться в основном для просмотра YouTube и фильмов через приложение медиасервера PLEX (сам сервер plex установлен на моем домашнем компе). Жили не тужили. В 2018 году мне достался прекрасный мини комп Asus EeeBox PC EB1501, который был подключен как ТВ приставка и поселился под телевизором.

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

Комп жил и продолжает жить на кухне под телевизором. Но вот незадача... Место он на столе занимает, вместе с ним его занимают клава и мышь. Да и сидя за столом и залипая на сериальчики, хочется управлять просмотром с пульта. В комплекте с компом идёт пуль, но он работает только в определенных приложениях... Да и не хочется держать на кухне два пульта, имея на стене телек со Smart TV.
Летом компания Sony подкинула очередную свинью. Было разорвано соглашение с поставщиком приложений сервисом VEWD TV Store. Разом с телевизора пропали все приложения, кроме нескольких, используемых без данного сервиса. С негодованием обладателей телевизоров на данной прошивке можно ознакомиться на тематических форумах и пабликах.
Продолжая смотреть с телека Ютуб (который остался) я стал думать, что делать. Покупать приставку? А зачем я покупал телек со SmartTV?! Использовать комп - не удобно...
Решение в итоге нашлось! На это решение меня натолкнуло приложение Fork Player, а точнее то, как народ им пользуется без магазина приложений. Если в кратце, то просто прописывается определенный DNS сервер в настройках телевизора, после чего, телевизор при запуске приложения IVI перенаправляется на сервер Fork Player. Отсюда мне стало понятно две вещи:
1) Приложения для данной линейки телевизоров это просто HTML5 сайты
2) Можно отловить запрос на какое нибудь из этих сайтов и перенаправить на локальный сервер.
Сам по себе Fork Player мне не очень нравится, да и PLEXa не хватает. Да и хочется иметь более одного дополнительного приложения. Значит надо ваять своё приложение, которое будет выполнять роль меню. Ну что же... займемся делом...

Сначала нужно разобраться с перенаправлением приложения. В качестве жертвенного приложения я выбрал MEGOGO. Перенаправлять же будем при помощи настроек DNS сервера на домашнем роутере. У меня это Mikrotik rb951, на его примере и буду показывае. Но можно использовать любой другой роутер, который позволяет прописать статические DNS записи. А можно и поднять DNS сервер на домашнем компе и прописать его в настройках ТВ.

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

Подключаемся через WInBox и проходим по пути IP -> DNS. В открывшемся окне жмём кнопку Static. Откроется список записей. Жмем плюсик для создания новой записи и прописываем как на скриншоте ниже. Естественно, ip адрес пишем для того компа, на котором будет располагаться приложение.

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост
Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост
Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

Данным действием мы перенаправили все запросы на сервера megogo на комп в локальной сети. В моём случае это всё тот же многострадальный Asus EeeBox.
Следующим шагом нам нужно развернуть вебсервер на компе. Я не стал заморачиваться и поднял самый обычный апач. Проверяем... И да - при попытке запустить приложение Megogo, нас перенаправляет на стартовую страницу Апача.
Отлично. Теперь нужно писать само приложение, по сути - веб траницу. Но как же быть с пультом? Обычные веб сайты не рассчитаны под навигацию при помощи стрелок. Порывшись в кладезе всех мировых знаний, именуемом Гугл, обнаружил Java Script библиотеку для разработки кроссплатформенных приложений для SmartTV. Называется сиё чудо Smartbox.
О том, что оно умеет и для чего нужно, можно почитать в статейке на Хабре: https://habr.com/ru/post/211236/
А скачать можно с гитхаба: https://github.com/immosmart/smartbox
Процесс работы с HTML, JS, и CSS приводить в подробностях не буду. Просто взял, идущее в комплекте демо приложение и подкрутил его по своему вкусу и требованиям.
Отмечу только важный момент. При работе на ТВ стандартные теги ссылок "<a href="..."> не срабатывают. Нужно вешать событие onclick. Например так: onclick="return location.href = 'http://plex.tv/web/tv/opera'
И кстати о ссылках. В коде достаточно задать просто ссылку на нужное приложение, чтобы запустить его. Вот те, которые использовал я:
1) PLEX - http://plex.tv/web/tv/opera
2) Fork Player - http://obovse.ru/ForkPlayer2.5/index.html
3) OTT player - http://widget.ottplayer.es/test/index.html

В итоге, покопался часок с версткой и скриптами и получил готовое приложение. На волне хайпа, связанного с тизером ремейка моей любимой игры Готика (да да да, товарищи Готоманы, вы правильно поняли, откуда мой никнейм), я решил стилизовать его именно под Готику 1.
Получилось вполне симпатично, как по мне!

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

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

Работает!

Что могу заметить... Надо допиливать, так как, сделано на коленке на скорую руку и есть простор для творчества. А так - вполне работоспособно и функционально.

Если кому нужно, прилагаю архивчик со своим приложением. Спецов веб разработки прошу не плакать кровавыми слезами. Писалось исключительно теста ради и на скорую руку.

Всем добра и нормальных телевизоров!

Показать полностью 5 1
880

Интернет, который мы заслужили

Сижу давеча, листаю новостную ленту Яндекса. Взгляд привлекла одна интересная статья. Перехожу на сайт статьи и.. словно попадаю в начало 2000-х, когда "сёрфил" интернет на своем 56 Кбитном ZyXel'е.. иконка загрузки крутилась, пожалуй, с полминуты, а баннер рекламы в правой колонке плавно заполнял пустое пространство.

– Интернет так тупит? – подумал я. Но вроде все ок, другие сайты грузятся адекватно.

Проблема быстро была найдена, когда я зашел по f12 в логи загрузки ресурсов.

– circus.jpg  14308 Кб – пожаловался мне браузер.

Интернет, который мы заслужили Web, Сайт, Web-Программирование, HTML, И так сойдет, Рукожоп, Интернет

14 метров (Карл!) на баннер сбоку, чьи размеры составляют 278 x 417 пикселей. Если пережать баннер с конечными размерами в 90% JPEG, то выйдет всего 151 Кб – без малого в 95 раз меньше!

Десяток лет назад, когда мы занимались разработкой сайтов, во времена, когда  у подавляющего числа пользователей не было скоростного интернета, мы бились за каждый килобайт. Олдскул разработчики не дадут соврать. И тогда имело значение, чем быстрее загрузится сайт, тем больше вероятность, что пользователь останется на нем, а не закроет вкладку.. а больше траффик пользователей – больше потенциальная прибыль при той же конверсии.

Думаю подобные принципы остались и сейчас, но все чаще разработчики кладут на это болт:

– Зачем делать превьюшку? И так сойдет, вставим 14 метровый оригинал!


У сайта кстати есть мобильная версия. И знаете чем она отличается от обычной десктопной?

А ничем она не отличается от слова совсем, просто появляется бесконечный скролл с автоматической подгрузкой статей. Лол.

539

22 мини лекции об HTML

HTML. Урок 1. Введение

HTML. Урок 2. Подготавливаем рабочую среду

HTML. Урок 3. Базовый макет веб-страницы

HTML. Урок 4. Понятие тег и структура документа

HTML. Урок 5. Область head

HTML. Урок 6. Секция body и немного работы с текстом

HTML. Урок 7. Работа с цветом

HTML. Урок 8. Работа с изображениями

HTML. Урок 9. Ссылки и списки

HTML. Урок 10. Таблицы

HTML. Урок 11. Видео и аудио

HTML. Урок 12. Формы

HTML. Урок 13. Теги внешних объектов

HTML. Урок 14. Inline and block elements

HTML. Урок 15. Семантика веб-сайта

HTML. Урок 16. Static and dynamic websites

HTML. Урок 17. Виды html-верстки

HTML. Урок 18. Специальные теги

HTML. Урок 19. Специальные атрибуты

HTML. Урок 20. Менеджер пакетов npm

HTML. Урок 21. HTML5 ★ BOILERPLATE

HTML. Урок 22. Initializr - генератор шаблонов

Показать полностью 19
46

Web-технологии. Начало

С чего начать обучение верстке? На мой взгляд, в верстке главное – практика. Поэтому обучение стоит начинать с выбора макета. В сети достаточно psd макетов, которые можно использовать в не коммерческих целях. Поэтому первый шаг – выбор макета. Для первого опыта подойдет любой одностраничный сайт.


В этой серии постов я постараюсь на примере свободно распространяемого макета показать верстки проекта. Не будет постов с перечислением всех html тегов и css стилей, это не результативно. Важно не заучить каждый элемент, а понять особенности и подходы к реализации.


По мере появления времени, я выберу шаблон и поэтапно покажу работу над ним. Все желающие могут присоединиться, выбрать себе psd макеты и в процессе работы над ними мы обсудим те или иные подходы к верстке. Подробные уроки по HTML и CSS составлять не буду, этого в сети много. Например, уроки на webref:


https://webref.ru/layout/learn-html-css


Кроме того, при освоении основ советую избегать любых css фреймворков, стоит поделать работу руками, чтобы понимать, как и что устроено.


Список полезных ссылок:


Справочник по html/css: https://webref.ru/ref


Информация о поддержке тегов и стилей браузерами: http://caniuse.com/


Онлайн песочница: http://codepen.io/


Хорошая статья по флексбоксам: http://css-live.ru/articles/vizualnoe-rukovodstvo-po-svojstv...


Это то, что касается новичков. Для опытных разработчиков постараюсь периодически делать выборку полезных статей и материалов.


Оставляйте предложения и замечания в комментариях.

Похожие посты закончились. Возможно, вас заинтересуют другие посты по тегам: