Web

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

Вам больше не нужны бекапы

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

Anytime backup

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

  • Автор: kosmom
  • Просмотров: 1030
  • Комментариев: 0
  • Создан: 19.03.2018 16:18

Самопис, или готовое решение?

Холиварная и вечная тема по поводу того, писать ли свой велосипед, или использовать готовые решения. Сразу скажу, что на вопрос такого рода нет ответа. Это просто два решения, у каждого из которых есть свои сильные и слабые стороны, исходя из которых нужно делать выбор. Об этих сторонах я и хотел поговорить. Дабы ихбежать холивара, в своих доводах я постарался быть как можно более объективным и не носить заинтересованного оттенка.

На кого ставите вы?)

Самопис, или готовое решение?

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

  • Автор: kosmom
  • Просмотров: 1073
  • Комментариев: 0
  • Создан: 26.10.2015 16:19

Полный аякс

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

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

  • Автор: kosmom
  • Просмотров: 921
  • Комментариев: 0
  • Создан: 31.03.2015 19:04

Фиксируемый по горизонтали заголовок страницы

Встречали ли вы проблему, когда адаптивная верстка (бутстрапа) не может быть применима ко всему сайту. Предположим, у вас на странице присутствует большая таблица, которую неудобно будет сворачивать в ключ-значение, как описано здесь.
И что же делать?
У вас широкое полотно, но шапка страницы сжимается по размеру окна и остается в начале.
Растянуть шапку — не дело, ведь чтобы теперь добраться до правого угла — нам нужно пользоваться скроллингом, а таблица пользователю вовсе не нужна.
Но выход есть
Нам понадобиться щипотка магии и немного усилий

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

  • Автор: kosmom
  • Просмотров: 843
  • Комментариев: 0
  • Создан: 25.11.2014 13:43

Загружаем сторонние скрипты асинхронно

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

А ведь загрузка идет строго по документации. Так зачем, спрашивается, надеяться на сторонние второстепенные сервисы, которые рано или поздно вас подведут.

Раз сервисы сторонние — давайте научим их не лезть в основную загрузку сайта и загружаться второстепенно.

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

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

  • Автор: kosmom
  • Просмотров: 948
  • Комментариев: 0
  • Создан: 31.08.2014 21:32

CSRF универсальный способ защиты

Оказывается в интернете существует много потенциальных способов навредить, или частично манипулировать пользователем без его ведома. Другими словами — причинить вред. Одним из таких старинных способов причинить вред — стала уязвимость под названием Сross Site Request Forgery — межсайтовая подделка запросов.

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

Уязвимость настолько серьезная, что во фреймворке Symfony 2 при установке — ей выделили отдельную страницу конфигурации

Отдельная страница для настройки CSRF защиты при установке Symfony
Хотите знать секрет правильной настройки? копаем вместе

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

  • Автор: kosmom
  • Просмотров: 1095
  • Комментариев: 0
  • Создан: 19.06.2014 11:59

Bootstrap snippet Резиновое отображение таблицы

 Основная проблема правильного отображения таблица является ее квадратная форма.
Мы не можем сдать страницу без преобразования таблицы. Мы можем уменьшить шрифт, отступы, но если таблица широкая — этого будет недостаточно без преобразований.
Тексты можем сузить рисунки можно сжать, а вот с таблицами так не сделаешь.

Хотите знать решение?

Лучше 1 раз увидеть чем 100 раз услышать. Попробуйте сжать окно браузера

Колонка 1 Колонка 2 Очень длинный заголовок Колонки Заголовок с пустым полем
Значение колонки 1 Значение колонки 2 Значение колонки 3 Тут поле есть
Строка 2. Значение колонки 1 Строка 2.Значение колонки 2 Колонка 3  

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

  • Автор: kosmom
  • Просмотров: 1446
  • Комментариев: 0
  • Создан: 03.06.2014 18:57

Соединение JS и CSS между собой

Объединение CSS и JS файлов в один при помощи магии

Финальный этап. Мы собираемся сцепить все JS и CSS файлы в один итоговый большой файл. Как такое возможно? Спросите вы.
Многие могут подумать, что автор просто спятил и пытается реализовать не реализуемое. Ну зачем ему понадобилось сливать эти 2 файла в один?
А я вам скажу, что эта реализация будет экономить вам еще один коннект при загрузке вашего сайта на каждый логический модуль. Более того, вам больше не придется прописывать каждый раз в исходном файле линк на css файл и вспоминать, был ли он, а также переживать, что клиент может недополучить стили. В итоге мы получим единый компонент, который зашит в одном единственном файле и нам не нужно больше думать о том, все ли у клиента заработало.

Дальше начинается магия...

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

  • Автор: kosmom
  • Просмотров: 1192
  • Комментариев: 0
  • Создан: 31.03.2014 15:01

Правильная Ориентация при заливке изображений JPEG

Замечали такую замечательную вещь. Получив изображение из фотоаппарата — вы вкладываете его на сайт, а загружается оно повернутым на 90 градусов? Что же это за бяка такая, почему крупные ресурсы вроде контакта заливают изображение правильно?
Чем наш сервис то хуже? Почему в базовом PHP и GD так криво настроено чтение исходных изображений?..
А код у вас выглядит примерно так?

<?php
$prop=getimagesize($filename);
switch($prop[2]){
  case IMAGETYPE_JPEG:
    $image = imagecreatefromjpeg($filename);
    break;
  case IMAGETYPE_GIF:
    $image = imagecreatefromgif($filename);
    break;
  case IMAGETYPE_PNG:
    $image = imagecreatefrompng($filename);
    break;
  }

Тогда этот материал будет для вас полезен

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

  • Автор: kosmom
  • Просмотров: 2788
  • Комментариев: 3
  • Создан: 11.03.2014 13:34

Доработка для Bootstrap, используем Progressbar во всех элементах

Всего 9 строчек кода CSS дают возможность использовать статус загрузки для любого стандартного элемента в Bootstrap v 3.0 и выше. Используйте их на здоровье в своих проектах

Вот такие чудесные вещи можно вытворять одним дополнительным классом Loading

Links

Default Primary Danger Success Info Warning

Disabled

Default Primary Danger Success Info Warning

Как это удалось сделать?

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

  • Автор: kosmom
  • Просмотров: 1189
  • Комментариев: 0
  • Создан: 28.02.2014 12:56
Что не так с 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 лет загран паспорт загранпаспорт нового образца зимние книги как заполнить анкеты кеширование книги на новый год логирование мцф недвижимость новогодние книги образец заполнения антеты паспорт для путешествий паспорт нового поколения печать продукт проектирование прокси разработка ремонт ремонт в апартаментах ремонт нежилого помещения самокат сдача сколько стоил ремонт апартаментов спорт стандарты таблица финансы хостинг цена ремонта что почитать зимой юзабилити

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

25.09.2015 15:18
Неделя 17 - 23 августа 2015 года