Web

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

Пишите пароль без звездочек

Есть один интересный способ скрыть пароли визуально. Вам когда-нибудь приходилось вводить пароль когда за спиной у вас стоит кто-то, либо вы опасаетесь скрытой записи экрана (но не кейлоггеров от них не поможет) и форма для ввода пароля по какой-то причине открыта визуально. То ли баг то ли фича. Некоторые скрипты содержат пароли в открытом виде и их невозможно открыть по другому.
Дело в том что некоторые символы в шрифтах очень похожи друг на друга, например большая I и маленькая l, а также ряд других палочек | и мелких черточек ,.`":.;!i который при виде издали будут сливаться в один большой баркод. Сюда же подойдут скобки фигурные квадратные и обычные ({[]}) и всё что имеет вертикальную структуру 1Jj/\
Дополнительно если хотите пойти еще дальше и чувствуете себя ниндзей - можете использовать эмодзи и спецсимволы. Главное чтобы их можно было воспроизвести в как можно большем числе систем. Учитывайте винду, мак и андройд. На клавиатурах спецсимволы вводятся через зажатый альт и код на numbar - после отжать альт

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

  • Автор: kosmom
  • Просмотров: 424
  • Комментариев: 0
  • Создан: 15.12.2020 19:00

VUE дружим с Роутингом

С большими возможностями приходит и большая ответственность
! Человек паук

Сегодня мы разберем продвинутые техники идеального укрощения роутинга в реактивном фреймворке на примере VUE. Если вы совершаете переход от обычных страниц к реактивности - можете наткнуться на несколько камней, которые мало где описаны как можно решать правильно.
В чем же особенность роутинга в реактивных приложениях. А в том, что страница не перегружается полностью а происходит эмуляция обновления страницы, а именно изменяющейся части. Мы же реактивные, информацию в шапке и других общих частях (которая обычно располагается в папке layouts) и это здорово, потому что браузеру не нужно заново рендерить эту самую неизменную область схожую у нескольких страниц заново. А URL эмулируется либо через хеш # либо через History API

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

  • Автор: kosmom
  • Просмотров: 487
  • Комментариев: 0
  • Создан: 14.11.2020 05:37

Управление расширением через GET параметр

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

Это актуально, если в вашем архиве не хранятся расширения и вы не хотите задействовать серверный язык, чтобы установить правильный mime тип. Есть одно простое решение

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

  • Автор: kosmom
  • Просмотров: 504
  • Комментариев: 0
  • Создан: 27.09.2020 22:57

Не шутите с html

При модификации нативных CSS свойств у элемента html следует быть предельно осторожным

Например если вдруг вы обнаружите что страница вдруг перестала сохранять позиции при обновлении или возврате по ссылке - знайте, наиболее вероятное место отказа - css для тега html. К данному эффекту может привезти например указание свойства overflow-x: hidden, хотя казалось бы при чем тут вертикальный скролл. Возможно при любом ограничении на прокрутку - позиционирование viewport-а также блокируется.

Живите теперь с этим. Удачи

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

  • Автор: kosmom
  • Просмотров: 559
  • Комментариев: 0
  • Создан: 09.09.2020 13:49

Временная зона и боль

Что такое временная зона и почему с ней столько проблем. Дело даже не в том что в базе данных нужно хранить все даты с привязкой к единой зоне, например UTC+0 или UTC+3 (если вы живете в МСК)

чтобы все даты были в одном формате. Пока отменен переход с зимнего времени на летнее - всё будет спокойно. Если такое произойдет - некоторые события могут сбиться.

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

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

Ошибки при проектировании

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

 

Менеджер в общем то является дирижером/режиссером и в его обязанности входит координация команды и распределение бюджета.

 

Какие же ошибки делают начинающие менеджеры?

 

Самая главная ошибка — непонимание конечного результата. Цель поставлена не правильно, или вовсе не поставлена. А все от того, что не правильно определены общие критерии конечного результата. Критериев очень много. Есть объективные, есть субъективные. Субъективные критерии нужно как можно четче для себя прояснить.

Пример Далее...

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

  • Автор: kosmom
  • Просмотров: 584
  • Комментариев: 0
  • Создан: 01.07.2020 20:39

Избегайте исключений в английском языке при написании сущностей

Вы наверное знаете, что в английском языке есть исключения при преобразовании единственного и множественного числа некоторых слов. Их порядка 20
, и наиболее часто в реальных проектах могут встретиться следующие из них: Goods, News, Money, amount другие - реже.
Все проблемы возникают при работе с ними в общепринятых конвенциях наименования, когда вы работаете с множеством - вы используете переменную во множественном числе - $cars, при разложении или получении экземпляра модели - вы оперируете с единственном числом $car
И всё красиво и удобно, пока вы случайно не нарываетесь на одно из этих названий. Вы наверняка встречались с отображением новостей на сайте. Это один из примитивных конструкций, с которой сталкивался почти каждый разработчик. Как вы рендерили массив новостей?

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

  • Автор: kosmom
  • Просмотров: 534
  • Комментариев: 0
  • Создан: 20.06.2020 14:20

Пробел в начале или конце пароля

Хотите насолить человеку, предоставляя для него пароль от чего-либо - сгенерируйте пароль с пробелом в начале или в конце. Одновременно с этим также повышается безопасность, т.к. кому придёт в голову что в пароле есть пробел в конце).

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

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

  • Автор: kosmom
  • Просмотров: 580
  • Комментариев: 0
  • Создан: 16.06.2020 14:38

Стандарты именования. Текущее положение дел

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

О том, как обстаят дела и какие проблемы стоят перед стандартами читайте

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

  • Автор: kosmom
  • Просмотров: 667
  • Комментариев: 0
  • Создан: 15.01.2020 19:32

Апи Прокси для хостинга на шаред хостинге

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

Сделать себе проксю можно посредством облачного шаред хостинга стоимостью от 9 руб в месяц.

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

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

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

06.05.2015 14:57
Неделя 16 - 22 марта 2015 года