Я очень рад, что мне не приходится сегодня поддерживать Internet Explorer 6 и Internet Explorer 7, я бы сошел с ума, но у меня остается еще Internet Explorer 8. Если это крутой презентационный сайт с анимацией и взрывами, то клиент сразу получает уведомление, что Internet Explorer 8 не будет показывать ваш сайт, а взамен посетитель увидит только сообщение о необходимости обновить свой браузер. Клиент соглашается, потому что не хочет портить свой замечательный и дорогой сайт поддержкой старых браузеров. Все счастливы. Но когда я работаю над проектом большого интернет-магазина или государственного портала, то тут IE 8 занимает свою наглую позицию. Конечно, я не занимаюсь адаптаций всего современного функционала под IE8, но все основные элементы сайта, должны отображаться на 100% в IE8 и пройти долгие часы тестирование в виртуальной машине. Надеюсь, вы испытали грустные эмоции от прочтения этого текста, теперь переходим к приятной части.

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

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

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

 

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

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

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

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

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

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

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

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

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



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

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

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

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

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

25 июля вышла предварительная версия Internet Explorer 11 для Windows 7. Ранее он был доступен только пользователям Windows 8.1. Новый браузер обеспечит высокую производительность, большую скорость загрузки страниц, и поддержку последних стандартов, необходимых для работы нового поколения веб-сайтов. Кроме того, разработчики смогут воспользоваться полностью переработанными инструментами F12. 

Скачать и попробовать IE11 Developer Preview можно уже сегодня.

Тестируйте свои сайты :)

C выхода первого релиза замечательной системы OXWALL прошло уже более 2-х лет. Движок крайне интересен и набирает обороты. Раз так, все больше разработчиков останавливают свой выбор на этой простой, удобной и быстроразвивающейся системе. Лично я сделал свой небольшой проект именно на OXWALL и, не жалею об этом.

Одна из главных проблем для веб-мастеров в современном интернете - это борьба со спамом. Имеете ли Вы небольшой проект, для себя, или развиваете сайт с бюджетом - если есть возможность регистрироваться и оставлять контент обязательно будет и спам. Поэтому я решил сделать небольшой обзор, как же эта проблема решается при использовании OXWALL.

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

Сегодня хочу рассказать об программных средствах, которые я использую при разработке сайтов. Сокращенно они именуются IDE (Integrated Development Environment) и позволяют сэкономить много времени, автоматизируя множество вещей. Рассказ начнется с исторических моментов: опишу IDE прошлых лет, как я ими пользовался, и что из этого получалось. Заканчивать статью буду современными решениями, которые приходят на помощь каждый день.