Web

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

Реализация качественного вывода данных. ч1. Фильтр

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

Подразумевается, что читатель хорошо знаком с HTML, разбирается в основном синтаксисе SQL запросов и Владеет PHP на достаточно хорошем уровне. Многие тривиальные вещи, а также детали, которые могут быть любым образом созданы - в статье не раскрываются, подразумевается, что читатель сам достроит их при необходимости.

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

Список, который клиент может настроить под себя. Вот части, которые мы разберем ниже:

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

  • Автор: kosmom
  • Просмотров: 911
  • Комментариев: 1
  • Создан: 26.12.2012 11:39

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Автор: kosmom
  • Просмотров: 1148
  • Комментариев: 0
  • Создан: 15.05.2012 13:22
Ресурсы GraphQl KPI, Грейды и оценки Скроллинг при возвращении назад Говорят, клик не настоящий Скроллинг фона в модальных окнах на Iphone Undefined не перехватывается через watch Полиморфное отношение к множеству одинаковых сущностей в Eloquent Laravel Общая папка со скриптами на несколько версий приложения VUE Keep-alive активна ли страница Создаем аналог select2 стандартными средствами vuetify Печать из браузера в один клик без подтверждения без смс и регистрации Продвинутый механизм файлового логирования Пишите пароль без звездочек VUE дружим с Роутингом Управление расширением через GET параметр Не шутите с html Временная зона и боль Ошибки при проектировании Избегайте исключений в английском языке при написании сущностей Пробел в начале или конце пароля Стандарты именования. Текущее положение дел Апи Прокси для хостинга на шаред хостинге Вам больше не нужны бекапы Самопис, или готовое решение? Полный аякс Фиксируемый по горизонтали заголовок страницы Загружаем сторонние скрипты асинхронно 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 Ввод паролей через последовательность зажатия клавиш Теория управления компонентами из админки
Ваши предложения и пожелания пишите на pro@kosmom.ru

Теги

backup bootstrap core framework eloquent excel html ios javascript keep-alive kpi laravel mvp orm php scroll timestamp undefined vue vuetify watch безопасность биометрический паспорт ваша любаша для путешествий загран на 10 лет загран паспорт загранпаспорт нового образца как заполнить анкеты кеширование логирование мцф недвижимость образец заполнения антеты паспорт для путешествий паспорт нового поколения печать продукт проектирование прокси разработка ремонт ремонт в апартаментах ремонт нежилого помещения самокат сколько стоил ремонт апартаментов спорт стандарты таблица финансы хостинг цена ремонта юзабилити

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

11.10.2011 18:32
Размышления