Кинза 2015, Адаптация для мобильных устройства (eski.mobi)Artiom Tsympov
Тотальная мобилизация сайта и работа с мобильной аудиторией.
— Краткая статистика за год
— Обновление Google для мобильного поиска
— Способы мобилизации сайта
— Как оповестить Google о мобильном сайте
— Как накосячить с мобильным сайтом
— 6 советов для лучшего мобильного UX
Как заработать на шаблонах-трансформерах - Виталий КуликовJoomla Secrets
Что такое шаблоны-трансформеры.
Революция - это мягко сказано! Новое - всё!
Почему Вы перестанете платить за шаблоны и использовать варез.
Виды заработка на трансформерах.
Тема " Скрипты продаж в интернет-магазинах" в рамках конкурса "Бизнес на милл...AdvantShop
Переговоры с клиентами это важнейшая составляющая работы интернет-магазина. Качество продаж напрямую зависит от того, все ли звонки будут приняты, как ваш менеджер будет общаться с потенциальными покупателями. Для этого целесообразно подготовить соответствующие скрипты, в которых предусмотрены ответы на самые популярные вопросы покупателей.
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...Ontico
° С чего мы начинали;
° Все способы адаптации;
° JavaScript-adaptive;
° Опыт создания собственной библиотеки;
° История панели управления;
° Сервис оптимизации изображений;
° Чему мы научились.
Progressive Enhancement: беспрепятственное использование новейших технологийVladimir Agafonkin
Slides from my talk about Progressive Enhancement on UXNext HTML5 Picnic in Kiev (held 11 October 2011). Inspired by "Progressive Enhancement 2.0" talk by Nicholas Zakas.
В 2015 году мы изменили порядок лекций. На первом этапе стажировки задача была делать проекты. И работа шла на результат. Мы не занимались качеством кода и архитектурой.
Это было сделано намеренно, чтобы когда дойдет до лекций о правильном коде, у участников стажировки уже был опыт реального проекта, на который они могут опираться, когда мы говорим о проблемах и о способах их решения.
Кинза 2015, Адаптация для мобильных устройства (eski.mobi)Artiom Tsympov
Тотальная мобилизация сайта и работа с мобильной аудиторией.
— Краткая статистика за год
— Обновление Google для мобильного поиска
— Способы мобилизации сайта
— Как оповестить Google о мобильном сайте
— Как накосячить с мобильным сайтом
— 6 советов для лучшего мобильного UX
Как заработать на шаблонах-трансформерах - Виталий КуликовJoomla Secrets
Что такое шаблоны-трансформеры.
Революция - это мягко сказано! Новое - всё!
Почему Вы перестанете платить за шаблоны и использовать варез.
Виды заработка на трансформерах.
Тема " Скрипты продаж в интернет-магазинах" в рамках конкурса "Бизнес на милл...AdvantShop
Переговоры с клиентами это важнейшая составляющая работы интернет-магазина. Качество продаж напрямую зависит от того, все ли звонки будут приняты, как ваш менеджер будет общаться с потенциальными покупателями. Для этого целесообразно подготовить соответствующие скрипты, в которых предусмотрены ответы на самые популярные вопросы покупателей.
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...Ontico
° С чего мы начинали;
° Все способы адаптации;
° JavaScript-adaptive;
° Опыт создания собственной библиотеки;
° История панели управления;
° Сервис оптимизации изображений;
° Чему мы научились.
Progressive Enhancement: беспрепятственное использование новейших технологийVladimir Agafonkin
Slides from my talk about Progressive Enhancement on UXNext HTML5 Picnic in Kiev (held 11 October 2011). Inspired by "Progressive Enhancement 2.0" talk by Nicholas Zakas.
В 2015 году мы изменили порядок лекций. На первом этапе стажировки задача была делать проекты. И работа шла на результат. Мы не занимались качеством кода и архитектурой.
Это было сделано намеренно, чтобы когда дойдет до лекций о правильном коде, у участников стажировки уже был опыт реального проекта, на который они могут опираться, когда мы говорим о проблемах и о способах их решения.
Стажировка 2015. Разработка. Занятие 5. Использование nginx7bits
This document provides an overview of how to install and configure the Nginx web server on Ubuntu. It discusses:
1. Installing Nginx using the command "sudo apt-get install nginx".
2. The directory structure of an Nginx installation, including configuration files and virtual host configurations.
3. Examples of basic Nginx server configurations, including serving static files and adding additional configuration options.
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
Игорь Повшок, руководитель отдела продаж Студии Борового, на семинаре по интернет-маркетингу и брендингу «Стань эффективнее!» в Минске, 6 августа 2015 года.
NIGMA - облачная SaaS-платформа для оценки конкурентоспособности сайта с точки зрения его визуальной составляющей. В основе платформы NIGMA лежит авторская технология компьютерного зрения BIRD EYE, в 2 раза увеличивающая скорость проведения UX/UI-анализа человеком. А собственная технология экспертной оценки (SCORE МОДУЛЬ) позволяет в 5 раз увеличить скорость проведения комплексного аудита сайта.
Сервис не использует ручной труд, и способен оценивать огромное количество страниц сайтов, 24 часа в сутки, 7 дней в неделю, 365 дней в году. NIGMA дает мгновенную обратную связьпо интерфейсу веб-сайта или мобильной версии сайта, на основе которой можно разработать а/б тесты. NIGMA предсказывает на 93% то, как будут себя вести посетители сайта и на что они обратят внимание.
Анна Тарасенко, «долгожитель» ИТ-лофта, генеральный директор 7bits, организатор таких событий, как IT-субботники в Омске, ИТ-конференций HappyDev и HappyDev-lite, стартап-интенсива Magic Kick Startup MKS рассказывает о своем докладе «Стартап = факап?»:
«Чем больше я общаюсь со стартаперами, инвесторами и бизнесменами, читаю книги, статьи и блоги о бизнесе, тем больше я понимаю, что надо просто браться и делать. Не ждать чудес, а идти ножками к клиенту и стараться решить его проблему. Хочу поделиться опытом проведения 2-х Magic Kick startup, одного Startup weekend и участия в 2-х Стартап-сабантуях, демо дне выпуска 10-го акселератора ФРИИ и многим другим.
Перековывалась из программиста в бизнесмены долго и мучительно. Это потребовало в частности излечения от перфекционизма и типичного российского нытья. Могу и люблю делиться опытом про все подряд».
Гудбай, ИТ-лофт! Денис Нелюбин: Новейшая история ИТ-лофта7bits
Попробует вспомнить, откуда возник IT-лофт, почему он так назвался, что тут было хорошего и интересного. Как проводили субботники и хакатоны. Как кодили, слушали лекции, ели пиццу и печеньки, общались и работали.
Новейшая история ИТ-лофта — такой доклад решил подготовить Денис Нелюбин, системный архитертор 7bits, резидент лофта с 2014 года, организатор хакатонов и частый докладчик на ИТ-событиях Омска (и не только).
Гудбай, ИТ-лофт! Лопатюк Саша: Договоримся не плакать7bits
Реветь никто не собирается, а просто Саша Лопатюк, дизайнер Rosberry и соорганизатор Дизайн-среды, расскажет о том, почему договорённости и коммуникация в команде важнее расстояний, технологий и прочих мелочей.
Саше ИТ-лофт очень близок. Он работал здесь в команде А2 Дизайн, а потом участвовал в хакатонах и сам проводил события. Ему есть, что вспомнить и рассказать. Послушаем!
Гудбай, ИТ-лофт! Гончаровский Игорь: IT-Loft без связи 7bits
Человек, рабочее место которого в IT-лофте всегда можно узнать по большому количеству телефонов — Игорь Гончаровский.
Работая в IT-Loft и занимаясь длительное время вопросами связи, Игорь хотел бы поделиться мыслями о развитии технологий и их востребованности сейчас и в недалеком будущем в своем докладе «IT-Loft без связи».
Игорь также является владельцем ООО «Айтек», менеджером проектов Velvetech LLC и организатором конференций по Asterisk в России.
Доклад-ретроспектива — как Сергей с командой провели 15 Людумов, и какое будущее у проекта. Вы узнаете как вспомогательное IT-мероприятие превращается в городскую тусовку и свободный образовательно-практический проект.
Сергей Мячин настраивает бизнес-процессы в Лайв Тайпинг, помогает клиентам решать бизнес-задачи, кроме всего этого уже 5 лет разрабатывает игры и устраивает геймджемы.
Goodbye, IT-loft! Тараканов Алексей: Идеология в IT7bits
Тараканов Алексей — один из организаторов Omsk Linux User Group, Omsk Ubuntu LoCo, омской GPG-сети доверия (web of trust), евангелист Ubuntu, активист свободного программного обепечения, ведущий специалист ООО «ЛинуксМастер», занимается продвижением свободного программного обеспечения, делает нестандартные решения на базе СПО расскажет близкую ему тему: «Идеология в IT». Доклад о том, что такое OmskLUG, и ИТ-лофт как положительно повлиял на него.
Курс Java-2016. Занятие 04 (часть 2). Git и GitHub7bits
This document discusses setting up and using Git and GitHub for version control of a Java project. It explains how to initialize a Git repository, add and commit files, configure user information, check status and history, ignore files, connect to a remote GitHub repository, authenticate with SSH keys, and push code to GitHub. The steps taken are initializing a Git repository, adding files, committing with a message, configuring user details, viewing status and log, ignoring files, connecting to a remote repository, generating and adding SSH keys, and pushing the local code to the remote GitHub repository.
2. Стажировка-2015
Что за зверь?
Адаптивный веб-дизайн (responsive web design) — это подход
к разработке сайтов, согласно которому ресурс должен быть
удобным для просмотра с любого устройства, независимо от
размера экрана, будь то настольный компьютер, мобильный
телефон или планшет, существующее устройство или то, что
появится только в будущем.
3. Стажировка-2015
Минутка истории
Адаптивный дизайн появился в США в конце 2010 года.
В декабре 2011 года в России появился первый адаптивный сайт,
сделанный компанией AGIMA для CRT MAYKOR - maykor.com
5. Стажировка-2015
концепции и подходы
Graceful Degradation (постепенное сокращение):
сайт адаптируется под браузер, который несовместим с различным
функционалом сайта (отключенный JS, отключенные изображения,
неподдерживаемые CSS-свойства).
Сайт упрощается, но остается доступным. На продвинутых
устройствах работают все функции.
6. Стажировка-2015
концепции и подходы
Progressive Enhancement (прогрессивное улучшение):
на каждом этапе (верстка HTML, стили CSS, обеспечение
интерактива JS) получается законченный интерфейс. Можно
дальше легко расширять функционал на продвинутых устройствах.
Цель и того, и другого: обеспечить доступность контента и
базовый функционал на максимальном числе устройств, а также
предоставить улучшенное оформление и взаимодействие на
продвинутых устройствах.
7. Стажировка-2015
концепции и подходы
Fault-Tolerance (отказоустойчивость):
часть GD. Cпособность продукта продолжать функционирование
при отказе одного или нескольких компонентов
(например, отключенный JS, сбой в загрузке графики)
Mobile first (сначала мобильные):
часть PE. Сайт разрабатывается в первую очередь с учетом специфики
мобильных устройств: небольшие экраны, менее мощные процессоры,
ограниченное управление и.т.д. И только затем предусматривается
работа сайта на десктопе.
Адаптивный сайт с серверными компонентами:
определяется, с какого устройства осуществляется вход на сайт,
и сервер автоматически формирует визуализацию под конкретный
девайс. Экономится время и траффик на загрузку нужной информации.
8. Стажировка-2015
Контрольные точки
320 px — Мобильные устройства (портретная ориентация)
480 px — Мобильные устройства (альбомная ориентация)
600 px — Небольшие планшеты
768 px — Планшеты (портретная ориентация)
1024 px — Планшеты (альбомная ориентация)/Нетбуки
1280 px и более — PC (иногда рисуется большой макет 1600 - 1920px)
9. Стажировка-2015
Советы по адаптивному дизайну
Не делать выпадающее меню по hover-эффекту. На тач-устройствах
таким меню неудобно пользоваться.
прятать вверху под иконку menu
(burger)
прятать сторону - sidemenu
(по аналогии с приложениями)
Ещё варианты: вообще без меню (короткие сайты); не скрывать
(мало пунктов 3-5); обычный дропдаун.
11. Стажировка-2015
Советы по адаптивному дизайну
Адаптивные изображения. Изображения (разного размера и качества)
выбираются и загружаются специально для данного разрешения
(JavaScript’ом или сервером).
13. Стажировка-2015
Советы по адаптивному дизайну
Скрывать часть больших текстов.
Оставлять только действительно важное
Логотипы и иконки в SVG
(по возможности)
Адаптировать формы
под тач-девайсы.
14. Стажировка-2015
Почитать, посмотреть...
• Адаптивный словарь: www.cmsmagazine.ru/library/items/graphical_
design/adaptive-dictionary/
• Видео: Адаптивный дизайн - глубже, чем CSS и резина:
vimeo.com/64605913
• Посмотреть работы AGIMA, например:
www.agima.ru/projects/doctor/