Первые впечатления дают нам понять стоит ли наше время и усилия иметь с чем-то дело. Когда заходите на сайт, который тут же выплёвывает всплывающее окно, как только вы туда заходите, то он не только раздражает, но и создаёт негативное впечатление и не хочется снова туда возвращаться. Когда дело доходит до веб-производительности, то пользователям не нравится ждать, поэтому очень важно «отшлифовать» ваш сайт и максимально ускорить веб-страницы. Что же определяет эту «скорость страницы»? Это следующие параметры: ...

Часто слышу вопрос от начинающих и не очень разработчиков: «Eсть какой-то плагин для измерения скорости сайта?» Вопрос немного некорректный. Простой ответ «НЕТ», потому что… нет никакой скорости сайта. Есть скорость интернет-соединения, которая измеряется в битах за секунду. Сайт, вернее веб-страница, характеризуется другим параметром, а именно Производительностью. Давайте рассмотрим как можно проанализировать Производительность сайта: Google Chrome расширение PageSpeed Расширение PageSpeed (тоже «скорость страницы» :), но на самом описании расширения можно прочесть, что: ...

Discover Devtools Discover DevTools Уроки по Chrome DevTools Эти уроки я рекомендую всем без исключения, а для тех, кто прошёл, следующий этап - это знать вот это всё Try Git Try Git Гит для начинающих Ex-Sql.ru ExSql.ru Серьёзный курс из упражнений для желающих изучить sql. Codecademy Codecademy Интерактивные бесплатные уроки по веб-девелопменту для начинающих. Rails For Zombies Rails For Zombies Rails начинающий уровень Codecombat Codecombat Изучайте Javascript играя в игру. Довольно сложные уровни. ...

WhatFont Показывает вид шрифта при активации расширения и наведении на элемемент страницы What Font* IcoMoon https://icomoon.io/* сайт теперь уже в виде Chrome-приложения. Для просмотра векторных иконок для их загрузки или для создания своего иконочного шрифта. IcoMoon** DomFlags Расширение для более быстрой работы с Chrome Developer Tools. В видео показано как работать с этим расширением. * DomFlags* [[googleAdsense]] Form Filler Расширение для автозаполнения форм при их тестировании. Form Filler* ...

1. Paralles Flat Corporate Responsive 2. Travel Media Travel Guide 3. Vebo Flat Layout 4. Escape Velocity 5. Urbanic 6. Brushed Template 7. Best Responsive Photography Template 8. zBusiness Free Responsive HTML5 9. Flat Design Portfolio Template 10. Runkeeper Mobile App Responsive web Template ...

Сегодня попался на глаза удобный двупанельный файловый менеджер Double Commander версия 0.5.10 бета 1 от 2014-05-12, который рекомендую для тех, кому не нравится Nautilus/MC Commander/etc, но ищут аналог любимого Total Commander. Double Commander это кросс платформенный open source файл менеджер, с двумя панелями. Целью данного проекта является создание файл менеджера аналогичного по функциональности Total Commander и совместимого с его плагинами. Вот некоторые из основных характеристик Double Commander: ...

Представьте себе удивительное увеличение скорости через расширение объекта modResource в MODX В предыдущей статье Боб Рей рассказывал о расширении объекта modUser. В этой статье пойдёт речь о том же для modResource объекта. Возможно вы уже читали статьи Эверетта о том, как расширить modResource объект. Но чего не было в его статьях — это «зачем» вам нужно расширять modResource. Зачем? Первый вопрос, который у вас возникнет при расширении modResource это «зачем мне нужно это делать, если уже есть переменные шаблона?» ...

На сайте часто нужно выводить пользовательские данные в виде таблицы (каталоги, параметры товара или продукции и т.д.). Делать это вставляя и копируя таблицы из текстового редактора редко выдаёт нужное отображение - таблицы выходят кривыми, вёрстка теряет задуманный вид. Чтобы этого избежать можно использовать экспорт пользовательских данных в csv файл (так обычно и происходит с 1С-Бухгалтерией) и последующей обработкой csv-файла или просто текста и вывод его в виде таблицы. Если вы экспортируете данные в виде файла, то сниппет csvfiletotable будет иметь следующий вид: ...

Спасибо Александру Крайнёву и Светлане Суховейко за полезные советы. Pagespeed insights Pagespeed insights — Chrome инструмент для оптимизации загрузки веб-страниц. Web-developer checklist Web Developer Checklist — чеклист веб-разработчика для анализа всех параметров сайта и поиска ошибок. ColorZilla ColorZilla — ColorZilla для Google Chrome это расширение, которое помогает веб-разработчикам и графическим дизайнерам и задачи, связанные с цветом — базовые и продвинутые. ColorZilla включает Color Picker, Eye Dropper, Gradient Generator и много других дополнительных цветовых инструментов. ...

Сейчас SVG актуальнее, чем когда-либо Странно говорить о том,что SVG в данный момент заслуживает внимание, просто потому что ей уже 100 лет в обед. В то же время, нет сомнений, что SVG переживает сейчас период возрождения. Давайте посмотрим почему же сейчас это стало так актуально и какие технологии делают использование SVG легче в современных веб-сайтах. Почему сейчас? SVG получило огромный приток интереса при взлёте Отзывчивого дизайна, разработчики стали искать решения, которые масштабировались в различных устройствах. SVG весят немного и выглядят отлично при ресайзе, что делает их привлекательными альтернативами обычных изображений и иконок. ...