Web

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

Мгновенное отображение страницы

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

Мгновенная загрузка изображения

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

Копаем глубже?

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

  • Автор: kosmom
  • Просмотров: 899
  • Комментариев: 0
  • Создан: 27.02.2014 16:40

Объединяем CSS и JS файлы

Сжатие файлов путем объединения схожих между собой файлов

В продолжении темы сжатия CSS и JS файлов — можно добиться еще большей производительности при загрузки страницы, объединив между собой схожие по смыслу JS и CSS файлы. Если волею судьбы — во всех страницах проекта используются одни и те же JS файлы (либо все JS файлы в папке) — мы можем слепить их в один файл и к серверу будет меньше обращений в итоге.

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

  • Автор: kosmom
  • Просмотров: 1326
  • Комментариев: 0
  • Создан: 19.02.2014 12:11

Open-Filemanager

Open-filemanager - Бесплатный менеджер файлов с открытым исходным кодом. Вы можете использовать его в любых своих проектах, изменять, дополнять как угодно на свое усмотрение. Особенности – легкий вес, быстрая загрузка, абсолютная прозрачность и простота. Open-filemanager– подходит для Tinymce4 и 3 версии.

С помощью Open-filemanager– вы можете заливать изображения, выбирать заливаемые изображения, создавать каталоги, переименовывать и удалять залитые изображения. Вы также можете назначать правами на эти действия.

Open-filemanager– автоматически переименовывает заливаемые изображения при помощи транслита на английский язык для веб-формата.

Аналогичные менеджеры – стоят 20$ за лицензию. Они конечно круче, но для базовой заливки изображения много не надо. 3 Файла. Весь файловый менеджер занимает – 3 файла.

Исполняемый PHPфайл, файл скриптов JSи файл стилей CSS.

Open-filemanager - бесплатный легкий менеджер файлов для редакторов

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

  • Автор: kosmom
  • Просмотров: 1714
  • Комментариев: 0
  • Создан: 24.01.2014 19:03

Правила простого кода в веб-разработке

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

Храните общие участки кода – классы, доступы к базе данных – отдельно от проекта (сайта). Таким образом, вы обезопасите себя от случайного доступа и утечки паролей через FTP, Тем более через прямые запросы через HTTP (если вы умудряетесь хранить пароли в текстовом файле без защиты через htaccess), и сделаете общие данные едиными для всех проектов. Если пароль к базе данных или почтовому ящику, вдруг изменится – вы разом поменяете его ко всем проектам. И сэкономите место на диске.

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

  • Автор: kosmom
  • Просмотров: 933
  • Комментариев: 0
  • Создан: 20.01.2014 17:51

Полукеш, или Суперкеш. Простая реализация

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

Суперкеш. Сжимай и ускоряй

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

Если наш проект уже потребляет достаточно ресурсов – мы можем пытаться его оптимизировать, или частично закэшировать.

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

  • Автор: kosmom
  • Просмотров: 1240
  • Комментариев: 0
  • Создан: 22.08.2013 12:34

Progressbar долго открывающейся страницы

Привет. Сегодня речь пойдет о создании качественного отображения текущего состояния неких обработчиков. Допустим у нас есть скрипт, который выполняет какие-то длительные действия. 20-30 минут. И обычно у этой страницы отсутствует отклик. Колесико крутится, а что в данный момент происходит и сколько еще работы – неизвестно.

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

Вывод echo текущее состояние частично решает проблему, но позволяет вывести информацию браузеру, как только заполнится некий буфер. Для вывода коротких логов – такое вывести затруднительно. И то это работает только для браузеров Firefoxи Internet Explorer. И ведь с точки зрения логики – реализация накопительного буфера является более быстрой с точки зрения скрипта и стандартных веб-страниц, время открытия которых не должно превышать секунду.

Когда есть Progressbar - все выглядит замечательно в долгоотрабатывающих скриптах

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

  • Автор: kosmom
  • Просмотров: 1236
  • Комментариев: 0
  • Создан: 01.08.2013 16:46

PHP Fatal error: Allowed memory size of . Хватит. Давайте решим проблему

Fatal error: Allowed memory size ... nooooooo

Частенько ли приходилось встречать ошибку рода

Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 544328 bytes) in …

Давайте устраним ее раз и навсегда...

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

  • Автор: kosmom
  • Просмотров: 11417
  • Комментариев: 0
  • Создан: 05.07.2013 17:18

7 Методов, которые помогут сделать любую WEB страничку лучше

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

Поехали...

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

  • Автор: kosmom
  • Просмотров: 1129
  • Комментариев: 0
  • Создан: 11.06.2013 16:22

Вычисление математических формул на PHP и Javascript

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

Решение мы будем искать на самых простых серверных и клиентских языках - PHP и Javascript.

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

  • Автор: kosmom
  • Просмотров: 4236
  • Комментариев: 0
  • Создан: 28.05.2013 16:12

Простое программирование сайтов. Суть

Привет. Сегодня затронем очень важную и щекотливую для всех разработчиков тему – о том, как же писать те самые простые приложения и как вообще отличить простое от сложного. Использовать ли ООП, или процедурный подход. Как же понятный код отличается от непонятного. Мы также будем все разбирать с точки зрения практики, а не голой теории. Постараемся выносить оценки максимально объективно. Затронем модель вьювер контроллер и базовые принципы программирования в разных средах. Ниже я буду приводить, казалось бы, основные аксиомы, а после мы соберем их них базовые правила.

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

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

  • Автор: kosmom
  • Просмотров: 1097
  • Комментариев: 0
  • Создан: 24.05.2013 16:36
Что не так с SOLID Вам не нужен Axios Иллюзия вечного хостинга Рецепт высоконагрузочной архитектуры Элегантный способ провести синхронизацию не деактивировав все записи Рекомендации правильного проектирования кода чтобы максимально избежать легаси Cvid. Первый опыт публичных сервисов Prodob.История успешного неуспеха Ресурсы 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

Теги

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

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

29.06.2015 16:12
Заказ Avon по каталогу 9/2015