Web

Блог посвящен Веб разработке, HTML, CSS, Javascript, всевозможные браузерные технологии. Разработка для мобильных браузеров. HTML5, CSS3, WebGL, и другие веб технологии. SEO Поисковая оптимизация, интернет коммерция, браузерные игры, Серверные языки программирования. PHP.

Оптимизация работы сайта. Часть 2. Сжатие мелких изображений

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

Вы замечали иногда, что сайт загружается, сайт загрузился. Такой красивый… Но стоит навести на кнопочку – и она подсвечивается через некоторое время, а то и дергается как-то непонятно в первый раз. Или такое: Загружается сайт, а там много мелких изображений… и все постепенно заполняются. А в случае плохой связи – некоторые и не заполняются, вы обновляете страницу – грузятся одни и не грузятся теперь предыдущие… В общем – Ад. Какие есть варианты?

Читать дальше →

  • Автор: kosmom
  • Просмотров: 684
  • Комментариев: 1
  • Создан: 19.12.2012 11:07

Оптимизация работы сайта. Часть 1. Сжатие стилей и скриптов

CSS JS Compress + GZIPWebsite tuning performance client side. Привет. Затронут очень важный вопрос с точки зрения оптимизации работы сайта. В целом идея не нова, давно всем известна, многими проработана, но используется далеко не всеми сайтами. Сегодня мы рассмотрим, как можно легко реализовать у себя механизм сжатия и шифрования статических файлов, что позволит и защитить некоторые стили и скрипты, а также ускорить их загрузку на устройствах с проблемной связью.

Суть идеи простая – из версий файлов JSи CSS для разработчика – мы создаем сжатый вид продуктивных JS и CSS файлов, которые грузятся быстрее, сложнее разбираются. Также – мы применяем GZIP сжатие. Говорите, что серверу нужно тратить ресурсы на сжатие файлов?

Читать дальше →

  • Автор: kosmom
  • Просмотров: 744
  • Комментариев: 0
  • Создан: 18.12.2012 11:17

Правильная Передача данных AJAX в веб-приложении

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

Естественно – будем использовать AJAX. Естественно – через Jquery. На серверной стороне - PHP

Читать дальше →

  • Автор: kosmom
  • Просмотров: 833
  • Комментариев: 0
  • Создан: 30.11.2012 10:45

Быстродействие. Избавляемся от Smarty

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

Читать дальше →

  • Автор: kosmom
  • Просмотров: 941
  • Комментариев: 1
  • Создан: 12.11.2012 11:34

Как писать правильное ТЗ. Ошибки при взаимодействии с разработчиками

Привет. Хочу внести ясность во взаимодействие заказчика и разработчика. Под заказчиком может выступать любое лицо, которое хочет что-то получить за какой-то срок. При том – получить в лучшем для себя виде. Естественно – дело касается ТЗ. Проблем на этом этапе множество. Давайте их разберем. Все пункты будут рассмотрены с позиции веб-разработки и строительства дома:

Читать дальше →

  • Автор: kosmom
  • Просмотров: 773
  • Комментариев: 0
  • Создан: 03.11.2012 08:34

Упрощаем множественное вложение файлов

Мульти заливка простая реализация

Массовый привет. Пост обращен к тем, у кого уже есть веб-сервис, который делает что-то. И у которого есть возможность прилеплять множество файлов. До HTML5 все было чудесно. Каждый выкручивался как мог. Множественное приложение было доступно через Flash, некоторые под элементом Обзор создавали плюсик, который динамически добавлял еще один обзор. Но не удобно все это.

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

Давайте я покажу, как при помощи небольшой надстройки превратить заливание множества файлов в удобное для пользователя действие. Не нужно никаких Drag&Drop. Хоть это и доступно, но нам это сейчас не нужно, пользователю хватит выделения в одном окне обзора. Да и с ним будут трудности для браузеров не поддерживающих HTML5 multiple file upload

Читать дальше →

  • Автор: kosmom
  • Просмотров: 517
  • Комментариев: 0
  • Создан: 17.10.2012 11:43

Экономим на доменах

Приветствую тех, кто еще не в курсе и тех, кому интересно узнать о возможности сэкономить на доменах зоны .ru . Ведь основная цена на домены ru, suили РФ – 89рублей в год. Ниже – небольшой рассказ о том, как платить за любой домен ру, су, рф 89р в год

В основном – статья рассчитана на новичков или любителей веб мастеров. Почему так происходит?

Читать дальше →

  • Автор: kosmom
  • Просмотров: 507
  • Комментариев: 0
  • Создан: 24.09.2012 18:50

В поисках лучшего Flash FLV Player проигрывателя видео для сайта

Привет. Вы решили разместить видео на сайте через Flash плеер. Будь то вступление, описание услуг или видеоуроки по работе с вашим приложением. И ведь казалось бы – HTML5 на дворе, и тег VIDEO доступен. Доступен, да не для всех. Еще много пользователей – используют IE 7 и IE 8. И их будет много, пока все не слезут с XP, либо не поставят себе другой браузер
К преимуществам Флеш проигрывателей на сайте можно отнести еще возможность настроить внешний вид, потенциальная возможность вещания через сайт. Недостаток у всех флешей один – нужно чтобы у пользователя был установлен флеш. И еще один недостаток – для IE – будут сложности с расположением элементов поверх флешей.
Обычно у каждого проигрывателя есть какие-то ограничения, либо реклама самого себя, дабы направить потребителей на покупку полной коммерческой версии.
Мы будем рассматривать только плееры, которые дают возможность скачать файлы к себе на сервер. Это надежнее, чем постоянно брать исходник из сайта разработчика. Таким образом мы защищены от внезапного закрытия сайта/окончания разработки и всех плееров, защищены от взлома сайта и размещения вирусного SWF плеера

Читать дальше →

  • Автор: kosmom
  • Просмотров: 1230
  • Комментариев: 0
  • Создан: 06.08.2012 18:56

Безопасность сайта

Общая структура угроз и защиты сайта

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

Читать дальше →

  • Автор: kosmom
  • Просмотров: 827
  • Комментариев: 0
  • Создан: 15.05.2012 13:22

Создаем один портал из множества проектов

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

Какие проблемы нас поджидают на нашем пути?

Читать дальше →

  • Автор: kosmom
  • Просмотров: 486
  • Комментариев: 0
  • Создан: 13.03.2012 17:30
Апи Прокси для хостинга на шаред хостинге Вам больше не нужны бекапы Самопис, или готовое решение? Полный аякс Фиксируемый по горизонтали заголовок страницы Загружаем сторонние скрипты асинхронно CSRF универсальный способ защиты Bootstrap snippet Резиновое отображение таблицы Соединение JS и CSS между собой Правильная Ориентация при заливке изображений JPEG Доработка для Bootstrap, используем Progressbar во всех элементах Мгновенное отображение страницы Объединяем CSS и JS файлы Open-Filemanager Правила простого кода в веб-разработке Полукеш, или Суперкеш. Простая реализация Progressbar долго открывающейся страницы PHP Fatal error: Allowed memory size of . Хватит. Давайте решим проблему 7 Методов, которые помогут сделать любую WEB страничку лучше Вычисление математических формул на PHP и Javascript Простое программирование сайтов. Суть Сокращение числа лишних переменных из HTML формы Простая реализация взаимодействия между приложениями через SOAP Простое программирование сайтов. Суть. ООП Раскрутка сайта. Инструменты продвижения Раскрутка сайта. Продвижение сайта. На простом языке Кодировка для сайта. Какую выбрать? Как сменить? Реализация качественного вывода данных. ч3. Сортировка Реализация качественного вывода данных. ч2. Постраничник Реализация качественного вывода данных. ч1. Фильтр Оптимизация работы сайта. Часть 2. Сжатие мелких изображений Оптимизация работы сайта. Часть 1. Сжатие стилей и скриптов Правильная Передача данных AJAX в веб-приложении Быстродействие. Избавляемся от Smarty Как писать правильное ТЗ. Ошибки при взаимодействии с разработчиками Упрощаем множественное вложение файлов Экономим на доменах В поисках лучшего Flash FLV Player проигрывателя видео для сайта Безопасность сайта Создаем один портал из множества проектов Как запустить сайт Что такое хороший дизайн для сайта? Нужны ли готовые CMS? Сколько стоит сайт? Веб сайты – инертны Читаем Excel 2007 (XLSX) при помощи PHP Пишем формочку обратной связи аля Reformal Заработок через Интернет. Рубль в день просто так – это много или мало? Авторизация. Запомнить меня. Как это делается? Реализация постраничника Эволюция создания ядра для сайтов Перевод статических блоков сайта средствами CSS Универсальный экспорт отчета в word и excel Ввод паролей через последовательность зажатия клавиш Теория управления компонентами из админки
Ваши предложения и пожелания пишите на [email protected]

Теги

backup bootstrap excel javascript php безопасность кеширование прокси таблица хостинг юзабилити

Случайный пост

10.05.2013 06:02
Туры в Будапешт, Венгрия