CSSШпаргалка по CSS-селеткорам

Основные селекторы:
* – все элементы, div * — все дочерние элементы
h1 – по тегу
#id — по id
.class — по классу
.class1.class2 – одновременно с двумя классами
p strong — вложенные
ul > li — только первого уровня вложенности
div + p — соседние, первый абзац следующий за div
div ~ p — родственные, все абзацы следующие за div

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

HTML5Iframe и безопасность

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

<iframe src="http://example.com"></iframe>

Существует механизм, который предотвращает некоторые виды атак —принцип одинакового источника (Same Origin Policy). Если размещенное содержимое, принадлежит другому домену то вступает в действие ограничение, которое запрещает «чужеродному» содержимому доступ к DOM родительского документа. Таким образом размещенная в iframe страница не сможет прочитать, например, куки или локальное данные браузера родительского домена. Но существует риск фишинга.

В HTML5 к тегу iframe добавился атрибут sandbox, который позволяет управлять рядом ограничений. По умолчанию, iframe с атрибутом sandbox добавляет следующие ограничения:

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

ПолезноеКак удалить дубликаты закладок

В Chrome накопилось большое количество закладок — свыше 6 000. Возникла необходимость их как-то упорядочить и удалить дубликаты закладок.

Нашел хороший плагин для Chrome, который позволяет это сделать быстро и эффективноSuperSorter

дубликаты закладок

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

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

Разное__MACOSX директория, что это и зачем нужно?

При создании архива в операционной системе macOS (OS X), в архив автоматически может добавляться директория __MACOSX, размер которой может достигать до 30% от общего размера архива. Что это за директория, зачем она нужна и как от нее избавиться? Итак, по порядку…

Что это? Директория __MACOSX содержит служебные данные (Resource Fork) и создается автоматически при создании архива через проводник. При этом под операционной системой macOS 10.3 и выше данная директория не будет видна, а при переносе архива на Windows — будет.

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

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

WebDevPuPHPet что это?

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

PuPHPet

На выходе PuPHPet генерирует для пользователя конфигурационные файлы Vagrantfile и Puppet. Затем нужно лишь запустить команду vagrant up, и все заработает.

Vagrant и VirtualBox должны быть предварительно установлены. В основе работы — готовя конгфигурация Puppet (YAML-файл), посредством которого пользователь указывает какое программное обеспечение необходимо установить, какие команды выполнить, какие параметры настроить и т. д.

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