Оптимзация изображений через сервис TINY PNG. Работает не только с png, но и с jpg изображениями. Полезно для ускорения загрузки сайтов.

Ссылка на сервис - https://tinypng.com/

Сайты на которых можно скачать иконки в формате шрифта:

1. useiconic.com/open
2.  mfglabs.github.io/mfglabs-iconset
3. fortawesome.github.io/Font-Awesome
4. mariodelvalle.github.io/CaptainIconWeb
5. drinchev.github.io/monosocialiconsfont
6. www.entypo.com
7. ionicons.com
8. icomoon.io
9. www.flaticon.com

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

Вот годная статья по этому поводу "Размеры картинок для 9 социальных сетей" - http://tilda.education/articles-images-for-social

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

Сегодня был день жарких споров с заказчиком на тему работает форма отправки письма или нет. Ситуция следующая: у всех, кому я скидывала сайт, форма работала как надо; заказчица скидывала своим - ни у кого не работает.

Были мысли, что проблема носит локальный характер, но в скрипте не было намека о вычислении местоположения пользователей. Даже предположила, что JavaScript отключен в Google Chrome, что уже смешно. А разрешилась ситуация в конце дня, когда обратила внимание на то, что заказчик сидит с сайта www.домен.com, а я с домен.com. Вроде мелочь, но именно она крушила всё 😑

Благо редирект можно подключить на такие случаи!

А вообще к чему я это всё... Завтра выставлю видео о том, как прикручивить форму на сайт, поэтому ждем-с!

Готовая форма отправки письма без перезагрузки страницы на PHP и AJAX.

Специально подготовила для Вас видеоролик и приложила архив с необходимыми файлами для скачивания. Буду рада увидеть лайк и комментарий под видео 😇

Смотреть тут - https://youtu.be/M_WvQjoSOss

Кратко о книге «Remote. Офис не обязателен» - Джейсон Фрайд и Дэвид Хайнемайер Хенссон.

Вспомнила об еще одной книге, которую читала в период моей офисной жизни. Тогда вся наша команда использовала сервис Basecamp. Это одна из тех компаний, которая раньше всех поняла, что удаленная работа - реальность XXI века, а значит, необходим инструмент, который позволит управлять проектами совместно, без привязки к какому-либо месту. Для офисов тоже применимо, но идея всё же заключалась именно в объединении специалистов в сети Интернет.

Главные выводы:
1. Аренда офиса - лишние и неоправданные затраты для владельцев бизнеса;
2. Слежка за сотрудниками - результатов не даёт. Если надо - они найдут возможность не работать даже в офисе. Если нет доверия к ним, как к специалистам, которые способны делать свою работу, процесс будет стоять на месте;
3. Стоит учитывать, что речь идёт по большей части об американской системе жизни, но некоторые моменты прекрасно можно спроецировать на нас (в данном случае речь о странах СНГ);
4. Моё мнение: сейчас активно развивается тема удалённой работы и пренебрегать ей, особенно, IT-специалистам не стоит.

Если Вы работаете в офисе и хотите перейти на удалёнку, то прочтите её обязательно.
Если Вы планируете создать команду из удалённых спецов - тоже.

Не забывайте, что каждый извлекает из книги что-то своё. Мне запомнились эти моменты, а Вас может зацепить нечто иное. Поэтому быстренько качайте её отсюда - https://cloud.mail.ru/public/JPK7/YzT5FBN43

#work

Книга «Web UI Design Best Practicess» - Dominik Pacholczyk (en, 2014)

Лучшие практики Web UI дизайна, советы от экспертов и анализ сайтов 33 известных ккомпаний.

Скачать - https://cloud.mail.ru/public/ABb5/RmCLM7Yei

#ux

Книга «Графика на JavaScript» - Рафаэлло Чекко

В этой книге рассказывается, как, работая с JavaScript, jQuery, DHTML и элементом Canvas (холст), появившимся в HTML5, создавать насыщенные веб-приложения для ПК и мобильных устройств. С появлением HTML5 и усовершенствованной браузерной поддержки язык JavaScript стал исключительно удобным для создания высокопроизводительной веб-графики.

Опытный веб-разработчик, прочитав данное издание, на практических примерах изучит интересные и полезные подходы к созданию аркадных игр, эффектов DHTML и т. д. Сложные темы представлены в книге в виде легких для усвоения фрагментов.

Скачать - https://cloud.mail.ru/public/EDNa/vqtkHStJh

#javascript

Крутой чек-лист для фронтендеров - https://frontendchecklist.io/

Здесь лежит исчерпывающий список всех элементов, которые необходимо проверить перед запуском Вашего сайта.

Книга «React за 30 дней» (en, 2017)

Скачать - https://cloud.mail.ru/public/9wcB/N5CKBdeHD

#react

Итак, большинство выступило за то, чтобы снова провести стрим на тему разбора Ваших сайтов. Так почему бы и нет?

🔥 22 января в 19:00 по мск встретимся с Вами в прямом эфире!
🔥 Оставляйте свои заявки тут - @annblok

Обязательно пишите подробно о том, на что именно необходимо обратить внимание. ПОСМОТРЕТЬ ВСЁ - это не ТЗ.
Примерная схема сообщения: ссылка на сайт, список применяемых технологий, на что обратить внимание при разборе.

Пожалуй, лучший проект для изучения JavaScript - https://yopta.space/

Книга «Pro Git» - Скотт Шакон (2014)

«Pro Git» — это довольно обширная обучающая книга о Git от Скотта Шакона — активного участника разработки проектов Git и GitHub. Автор рассматривает в тексте всевозможные аспекты работы с Git'ом, начиная с установки программы и базовых принципов работы децентрализованных систем контроля версий, и заканчивая рассмотрением внутреннего устройства Git'а и созданием валидных объектов в базе Git'а собственными руками. Несмотря на довольно обширный материал и затрагивание довольно специфических тем, книга написана довольно простым языком, содержит массу примеров и иллюстраций, и поэтому должна быть понятна и новичкам, только начинающим знакомиться с системами контроля версий.
К посту прикреплена полная книга на английском.

Скачать - https://cloud.mail.ru/public/DkXb/9H6Ht4kpH

#git

Книга «HTML5. Карманный справочник» - Дженнифер Нидерст Роббинс  (en, 2013)

Хотите быстро найти описание элемента или атрибута HTML5, используемого на веб-странице или в веб-приложении? Перед вами классический справочник, который веб-дизайнеры и веб-разработчики стараются всегда держать под рукой на протяжении вот уже более 15 лет.
Пятое издание книги включает полное описание элементов и атрибутов HTML5 в соответствии со стандартами HTML5 Candidate Recommendation, HTML5.1 Working Draft и WHATWG. Особенности справочника:
—упорядоченный по алфавиту список элементов и атрибутов из HTML5, HTML5.1 и стандарта WHATWG;
-примеры разметки, категории контента, модели контента и требования к начальному/конечному тегу для каждого элемента;
—описание различий между спецификациями 0TML5 и HTML4.01;
—таблицы специальных символов;
—обзор библиотек API, применяемых в HTML5.

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

Скачать - https://cloud.mail.ru/public/N46t/bobDP8y1q

#html #css

ААА УЖЕ СЕГОДНЯ БЕСПЛАТНЫЙ РАЗБОР ВАШИХ САЙТОВ НА СТРИМЕ!!!

🔥 22 января в 19:00 по мск встретимся с Вами в прямом эфире!
🔥 Оставляйте свои заявки тут - @annblok

Обязательно пишите подробно о том, на что именно необходимо обратить внимание. ПОСМОТРЕТЬ ВСЁ - это не ТЗ.
Примерная схема сообщения: ссылка на сайт, список применяемых технологий, на что обратить внимание при разборе.

Трансляция кстати будет на канале - https://www.youtube.com/channel/UCn5wduCq2Mus0v85QZn9IaA, поэтому можете заранее подписаться на него, чтобы не пропустить уведомление о начале трансляции 🛎

Типичные ошибки верстальщиков: разбор и исправление сайтов (Часть 3)

Запись со стрима - https://youtu.be/w-sVZp1XYhE

На последнем стриме я говорила о том, как легко создать маску ввода номера телефона и обещала скинуть ссылку на ресурс. Но Вконтакте буквально позавчера ввел новый сервис по созданию статьей и решила протестировать его. Вывод: не конкурент он Телеграфу, не конкурент.... Вот статья - https://vk.com/@tpverstak-maska-input

Главный минус - отсутствие демонстрирации кода в НОРМАЛЬНОМ виде. Мы же всё-таки верстальщики, куда без этого? Поэтому "Пока ВК! Привет,  Telegraph."

Кто-то еще проверяет в 2k18 свою верстку в IE?
anonymous poll

Нет, я же не динозавр – 61
👍👍👍👍👍👍👍 64%

Да, потому что заказчик требует – 34
👍👍👍👍 36%

👥 95 people voted so far.