» » » Страница 3

Foundation (Фундамент ) от ZURB, отличный CSS-фреймворк

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

При разработке сайтов информационной направленности хочется их сделать как можно быстрей и тут на помощь приходят готовые инструменты. Набор инструментов для создания сайтов и веб-приложений – CSS-фреймворк. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, блоков навигации и прочих компонентов веб-интерфейсов, включая javascript расширения для организации переключателей, слайдера и фотогалереи. Самым популярным точно можно назвать Twitter Bootstrap пишут, говорят и используют его многие. Мне приходилось с ним работать пару раз, но особой тяги к нему не возникло.

Год назад мне попался CSS-фреймворк Foundation (Фундамент). При первом знакомстве в глаза бросилась очень качественная документация, которая описывала все моменты Фундамента, возможность собрать свой пакет и поддержка sass. Качественная документация хорошо отразила возможности продукта, поэтому я решил использовать его в одном из крупных проектов.

 

Читать далее

Светофор на CSS3 без JavaScript

Пару недель назад дизайнер на работе занималась созданием макета для нового проекта сайта. Сайт посвящен учебному заведению и обладает вселенной из персонажей, каждый из которых выполняет какое-то анимированное действие. Персонажей я почему-то в этом проекте стал называть "чекистами", не знаю почему. Один из чекистов стоит возле светофора и логично здесь сделать анимацию переключения сигналов светофора. Задача несложная, и реализуется с помощью JS или анимацией CSS3. Я стараюсь сегодня реализовывать анимацию, если это требуется с помощью CSS3, а javascript остается спасательным кругом для старых браузеров.

В данном случае со светофором продемонстрирую только решение с помощью анимации CSS3.

Читать далее

Шифрование файлов в облаке или куда я трачу терабайт

Ранее я описывал как товарищи из Mail.ru раздают бесплатно по 100 ГБ и 1 ТБ в облаках всем и каждому. За полгода использования облака я смог занять всего 1% места (8 ГБ). Казалось бы, столько всего, что можно запихать в облако, а на деле ничего туда пихать и не хочется, кроме того, чем пользуешься. На работе мы нашли применение 1 ТБ, подключив облако на Мак дизайнера и отправив в облака 200+ ГБ макетов. Получился бэкап макетов на случай войны или выхода жёсткого диска. Файлы макетов не секретные, так что мы не стали волноваться о шифрование. В своем личном облаке я храню всякие файлы, которые не представляют стратегической ценности, это просто куча документов, фотографии, немного музыки и какие-то разработки.

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

Читать далее

Улучшаем юзабилити нажатий на сайте с мобильного устройства

В моем послужном списке, есть проект одного сайта, который создавался как сервис взаимодействия властных структур с жителями города. Подобного типа сайты, всегда включают в свой интерфейс множество форм и кнопок, а также различные переключатели. Когда я сделал впервые респонсив версию для властного сайта, я заметил, что меня очень сильно раздражает задержка, которая происходит при нажатии на различные кнопки и переключатели, которые часто используются на сайте. Задержка составляет 300 миллисекунд между нажатием и выполнением события click в мобильных браузерах. Такая задержка убивает напрочь ощущение быстрого мобильного приложения, когда работаешь с сайтом. 

Читать далее

Вышел Microsoft Office на iPad

Вышел Microsoft Office на iPad

Буквально вчера в appStore появился полноценный офисный пакет Майкрософт, который создан специально для iPad. Я как счастливый обладатель айПада, домашнего ПК на операционной системе Windows 8.1, рабочего Mac Mini, а также счастливый обладатель подписки на Office 365 и ненавистник iWork (Pages, Number и Keynote) поставил на свой планшет весь пакет незамедлительно.

Читать далее

Выбор готового решения (CMS) для создания социальной сети больше не имеет смысла

Это будет итоговая публикация, которая, на мой взгляд, должна уберечь множество людей от траты своего времени и денег. Очень много писем приходит на почту от пользователей сайта и форума с вопросами по покупке, поддержке и просто узнать мнение администрации ресурса о SocialEngine, phpFox, Oxwall и других подобных продуктов, которые относятся к созданию социальной сети. Сегодня я хочу ответить на все эти вопросы, одним общим ответом. 

Символом * я заменю название системы управления социальной сети. Все вопросы схожи между собой, поэтому их я приведу к общему универсальному виду. 

Стандартные вопросы: 

  • Сколько стоит * и сколько нужно средств, чтобы реализовать такое (список требований)?
  • Хочу сделать также как в VK на *. Сколько стоит?
  • Есть идея создания социальной сети своей области/города, что лучше для этого подойдет из *?
  • Я вы создавали социальные сеть на *, где теперь посещаемость over9000?
  • С чего лучше начать?
  • Если полные инструкции по созданию дополнительной функциональности для *?
  • Почему у вас такие огромные цены на создание модулей/плагинов и прочего для *?
Читать далее

"Московский технологический институт" (МТИ ВТУ) - плюсы и минусы дистанционного образования

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

Я как дальневосточник считаю, себя отрезанным от части благ центральных регионов  страны, в том числе качественное высшие образование. Текущая карьера меня устраивает, а переезжать в Москву или Петербург нет желания, потому что не хочется утонуть в повседневной жизни мегаполиса и встать в пробках, учитывая, что в местных пробках я начинаю мысленно выть уже через 15 минут без особого движения. Зарплата и наличие большей части удобств, соответствует крупным городам и позволяет спокойно путешествовать по миру. Так что останусь пока, что на своем тихом и прибрежном ДВ.

 

Вернемся к получению высшего образования, учитывая следующие факторы:

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

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

Я нашел для себя выход, связав себя с дистанционным образованием. Университет был выбран московский под названием "Московский технологический институт" (МТИ ВТУ).

Читать далее

Резервное копирование сервера

Резервное копирование сервераСоздавать резервные копии всего важного, очень важно, ибо хранилища в нашем мире, то работают, то не работают. Мы тут создаем веб-проекты, они разные, но они очень ценны для нас, мы вложили в них время, силы и деньги, но бывает так, что диски на серверах рушатся, а вместе с ними наши проекты. Чтобы не думать об этой проблемы нужно делать резервные копии файлов и баз данных. Некоторые это делают руками: копируют, архивируют и потом к себе скачивают, это долго и делать такие операции постоянно... ммм... нееее. Поэтому предлагаю вам пару простых решений, которыми пользуюсь я и которые очень могут при работе с SocialEngine, phpFox, Oxwall и т.д.

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

Мы на своем рабочем сервере, выполняем такую вещь

sshfs user@remotehost:/path/to/directory /local/path


и получаем папку, которая видится как локальная, но сама папка находится на другом сервере. Туда по крону задаем копирование файлов и БД. Все операции копирования делаем автоматическими с помощью cron.

SSHFS (Secure SHell FileSystem) это файловая система для Linux (и других операционных систем, для которых существует реализация FUSE (Filesystem in Userspace), например Mac OS X), используемая для удаленного управления файлами по протоколу SSH (точнее, его расширению SFTP) таким образом, как будто они находятся на локальном компьютере.


Второй способ. Как делаются резервные копии на socengine. Мы размещаемся на mchost, у данного провайдера есть довольно простая, но очень эффективная услуга Дисковое пространство для Backup.

Данная услуга предоставляет возможности удаленного хранения любых данных на серверах компании Макхост, круглосуточный доступ к которым осуществляется по протоколам rsync, scp, sftp.

Подключить услугу можно в панели управления. Стоимость - 10 рублей за 1 Гб. Услуга доступна для всех тарифных планов!


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

Читать далее

Как сохранить анонимность в сети?

В свете последних новостей про глобальную слежку со стороны США, а также постоянная информация о доступе спец. служб США ко всем данным, которые хранятся на серверах Google, Microsoft, Yahoo и т. д., возникли вопросы. Что делать? Как сохранить приватность своей информации? Громче всех сейчас кричит политическая сила Европы, которая очень сильно «обиделась» на Америку, что та следила за первыми лицами. На ситуацию с Европой и США, мне честно плевать, всегда государства отслеживали друг друга, только это было более тайно, а тут все узнали. 

Пока политики волнуются, обычные граждане наслушавшись «страшных» новостей, стали быстро искать способы обеспечить себе анонимность в сети, а то обидно когда сотрудник АНБ в курсе, кто с кем и когда. Инструкции по достижению анонимности, специалисты выпускают постоянно, только проще уйти жить в тайгу Сибири, чем выполнить всё что рекомендуется. Толпа ломанулась искать анонимность средствами «луковой маршрутизации» через Tor.

Читать далее

Как ULogin забыл домен продлить

16 августа 2013, начались ссыпаться сообщения о проблемах с авторизацией на сайтах, через социальные сервисы.

 

Первыми забили тревогу владельцы интернет ресурсов, которые находятся у нас на поддержки, что вдруг много пользователей жалуются «не могу зайти на сайт, нет привычных кнопок для авторизации через ВК, Одноклассники и т.д.», а позже и с наших ресурсов пришли жалобы. Под удар попали и пользователи phpFox, где бесплатный модуль ULogin, оченьпопулярен.

 

Идем разбираться в ситуации, надеясь, что всё обойдется.

Читать далее

IPad с клавиатурой поможет веб-разработчику

IPad с клавиатурой поможет веб-разработчику

Долгое время искал для себя оптимальный вариант мобильного компьютера и недавно открыл для себя IPad с полноценной клавиатурой и нужным набором приложений. Сегодня я расскажу как это было

Читать далее

ИТ-образование в России

ИТ-образование в России 

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

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

Читать далее