Архив метки: javascript

Yii2: защита текстов блога от копипаста

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

CSS: Как перестать заботиться о префиксах

Использование всех возможностей CSS3 позволяет создавать улетные интерактивные сайты. 3D-трансформация, keyframe-анимация, градиенты, блоки разметки — отличные инструменты, но они требуют большого объема работы от разработчика. Различные браузеры имеют разную поддержку как инновационных, так и ставших уже привычными возможностей css3.  Пример того, что я имею ввиду: [css].rotated-element { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }[/css] Для поддержки свойства transform всеми современными… Читать далее »

JavaScript: Что в имени тебе моем

В работе над каждым следующим проектом, я узнаю что-то новое о javascript. Мое последнее невероятное открытие принесло мне знание о значимости атрибута name функций в javascript. JSHint — интересная штука, имеет одну особенность: сообщения анализатора кода. Результат анализа кода, включает в себя информацию об объектах-функциях, содержащихся в коде: [js]jshint(‘function myFn() {}’); console.log(jshint.data().functions); /* [{ name: ‘myFn’, param: undefined, line: 1, character: 15,… Читать далее »

Yii2: Диалоги confirm в стиле bootstrap

По-умолчанию, все системные диалоги confirm используют стандартный javascript alert(). Однако это немного не вписывается в концепцию сайта на Twitter Bootstrap. Библиотека Bootbox содержит как стандартные методы alert, prompt и confirm, так и метод dialog, создающий модальное диалоговое окно. Метод confirm описан в файле app/vendor/yiisoft/yii2/assets/yii.js: [js]/** * Displays a confirmation dialog. * The default implementation simply displays a js confirmation dialog. * You… Читать далее »