Box-shadows Device

Автор: admin от 27-07-2018, 08:40, посмотрело: 17

Box-shadows Device



Всем привет!



Хочу представить вашему вниманию небольшую разработку — Box-shadows Device (#bSd).

Это инструмент, который чем-то напоминает конструктор или css редактор. В нем вы можете создавать девайсы на любой вкус и кошелек.

Категория: Веб-разработка, Game Development

 

Веб-кэширование на примере покупки молока в магазине

Автор: admin от 6-07-2018, 10:00, посмотрело: 45

Веб-кэширование на примере покупки молока в магазине

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



Если вы — активный пользователь Интернета (а это, скорее всего, именно так), вы постоянно используете кэширование, но можете и не знать «закулисье»: когда и как оно работает.



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



При кэшировании время загрузки страницы снижается с 2 секунд до 1 секунды… что не очень впечатляет, верно? Но без него не обойтись, когда приходится обрабатывать запросы от большого числа пользователей.



Использовав кэширование в одном из своих веб-приложений, я понял, что просто пройтись по терминам — не лучший способ объяснить этот подход. Мне пришло в голову, что хорошей аналогией будет путь молока от фермы до холодильника.



Чтобы понять мое объяснение, нужно немного знать об основах работы веб-серверов
. Приступим!



Переведено в Alconost

Категория: Веб-разработка

 

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

Автор: admin от 14-04-2018, 13:30, посмотрело: 147

Наверное, все сталкивались с табличками «Ушел на 10 минут», «Скоро буду» или, что еще страшнее — «Переучет» на дверях различных заведений. Можно представить, сколько прибыли недополучили собственники такого бизнеса из-за пресловутого человеческого фактора. Но вот посчитать — сложно. В сети же к банальному человеческому желанию не работать добавляются и вещи поинтереснее. И оценить потери — задача, посильная для автоматизации. Какие же это потери и как их избежать? Как вовремя заметить проблему с важным сайтом и перестать терять посетителей? Ответы на эти вопросы в этой публикации дает сервис мониторинга сайтов ХостТрекер.



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

Категория: Программирование » Веб-разработка

 

Валидация емейл адресов для защиты от спам ботов на сайте

Автор: admin от 28-03-2018, 23:10, посмотрело: 77

Электронная почта до сих пор остается одним из важнейших и эффективных элементов онлайн бизнеса и маркетинга и является наиболее эффективным каналом получения дохода. Поэтому для любого онлайн бизнеса и владельцев веб сайтов важно быть уверенным, что именно владелец емейла использовал его для регистрации/подписки, чтобы пользователь использовал свой реальный емейл адрес.



Валидация емейл адресов для защиты от спам ботов на сайте


Есть несколько важных причин для этого.



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



Во-вторых, этот пользователь не получит ваших емейл уведомлений.



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

Категория: Программирование » Веб-разработка

 

Сбои в работе сайта. Как эффективно организовать поддержку веб-ресурсов сторонними сервисами

Автор: admin от 28-02-2018, 08:45, посмотрело: 69

Каким образом можно от третьего лица определить, работают ли мои сайты и сервера? Есть ли вероятность ошибки? Кто и когда должен узнать о проблеме, чтобы вовремя принять меры? На все эти вопросы я постараюсь ответить, подробно рассмотрев функцию мгновенных оповещений о падениях сервиса мониторинга сайтов ХостТрекер, а также возможные сценарии эскалации оповещений и распределения ролей.



Сбои в работе сайта. Как эффективно организовать поддержку веб-ресурсов сторонними сервисами

Категория: Программирование » Веб-разработка

 

UX марафон вместе с Google Россия

Автор: admin от 23-02-2018, 15:40, посмотрело: 90

UX марафон вместе с Google Россия

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



Мы уже говорили про скорость мобильных вебсайтов и о том, как это влияет на конверсии. Однако, важную часть пользовательского опыта на мобильных устройствах составляет дизайн интерфейса сайта и его функционал. По данным совместного исследования Google и Greenberg, проведённого в марте 2017 года, каждый второй пользователь откажется от покупки товара или услуги компании, если мобильная версия её сайта не будет удобной.

Категория: Веб-разработка, Google

 

Хакатон в прямом эфире. Ускоряем мобильные сайты

Автор: admin от 13-02-2018, 14:45, посмотрело: 170

Хакатон в прямом эфире. Ускоряем мобильные сайты


В январе на страницах главного блога вебмастеров Google было объявлено, что с июля 2018 года скорость загрузки страницы станет ранжирующим сигналом в мобильном поиске. Исследования подтверждают важность быстрой загрузки мобильных версий сайта не только для поиска, но и для бизнеса в целом: при замедлении скорости загрузки с 1 до 7 секунд, показатель отказов увеличивается на 113%, уровень конверсии падает на 95% при увеличении числа элементов на странице с 400 до 6000.



Узнать о том, как оптимизировать скорость загрузки сайта можно будет 14 февраля на первом в России онлайн-хакатоне "Ускоряем мобильные сайты". Специалисты и инженеры Google расскажут какие критические ресурсы стоит оптимизировать в первую очередь, продемонстрируют как это можно сделать на реальном сайте, а также ответят на все интересующие вас вопросы. Для участия в хакатоне необходимо зарегистрироваться.

Категория: Веб-разработка, Google

 

Недокументированные приемы CSS

Автор: admin от 17-01-2018, 16:35, посмотрело: 193

Всем привет! Зовут меня Дмитрий Григоров. Работаю фронтедером в Райффайзенбанке в команде RBO PRO. Я расскажу и покажу вам, как можно творчески применять данные возможности CSS. В статье мы рассмотрим следующие темы:




  • Фоны и рамки;

  • Фигуры;

  • Визуальные эффекты.



Недокументированные приемы CSS

Категория: Программирование » Веб-разработка

 

Веб-приложение на Node и Vue, часть 5: завершение работы над проектом

Автор: admin от 17-01-2018, 09:50, посмотрело: 125

Перед вами перевод пятой части руководства по разработке веб-решений на базе Node.js, Vue.js и MongoDB. В первой, второй, третьей и четвёртой частях мы рассказывали о поэтапном создании клиентской и серверной частей приложения Budget Manager. Те, кому не терпится увидеть в действии то, что в итоге получилось у автора этого материала, могут заглянуть сюда. Кроме того, вот GitHub-репозиторий проекта. Если вы — из тех, кто ценит строгую типизацию, то здесь и здесь находятся результаты переноса Budget Manager на TypeScript.



Веб-приложение на Node и Vue, часть 5: завершение работы над проектом



Сегодня работа над этим учебным проектом завершится. А именно, в данном материале пойдёт речь о разработке страниц по добавлению в систему записей о новых клиентах и финансовых документах, а также о создании механизмов для редактирования этих данных. Здесь же мы рассмотрим некоторые улучшения API и доведём Budget Manager до рабочего состояния.

Категория: Программирование » Веб-разработка

 

Используем CommonJS модули в Rails с Browserify

Автор: admin от 31-08-2017, 17:31, посмотрело: 443

Привет,


javascript и Front-end в целом становятся все сложнее и сложнее. На мой взгляд, стандартная поставка Rails не отвечает современным потребностям Front-end разработчика. К тому же использование Sprockets делает ваш код очень Rails-специфичным, что затрудняет он-бординг новых разработчиков, незнакомых с Rails.


В данном видео, на примере простого React.js приложения, я покажу, как можно мигрировать со Sprockets на Browserify.


Этот подход дает следующие бонусы:



  • Управление зависимостями javascript пакетов через npm;

  • Лучший туллинг и интеграция с IDE;

  • Уменьшение связности фронтенда и бекенда;

  • Возможность выделения фронтенда в отдельное приложение и репозиторий. Что может не являться бонусом на первый взгляд, но довольно удобно, когда вы работаете большой командой над большим приложением.



Код приложения доступен на гитхабе: https://github.com/nLight/tutorial-rails-react-browserify

https://habrahabr.ru/post/282293/#habracut

Категория: Программирование » Веб-разработка

 
Назад Вперед