В этой подборке представлены уроки с наглядными примерами по созданию CSS-кнопок на любой вкус.
Fancy 3D Button with CSS3 [Демо | Подробности]
Рубрика «Веб-разработка» - 274
Большая подборка уроков по созданию CSS-кнопок
2012-11-06 в 5:29, admin, рубрики: css, веб-дизайн, Веб-разработка, кнопки, уроки, метки: css, кнопки, уроки
Прекомпиляция клиентских JavaScript шаблонов
2012-11-04 в 12:02, admin, рубрики: javascript, node.js, templates, Веб-разработка, метки: javascript, node.js, templates Я много пишу на JavaScript, и если вам при работе с шаблонами, как и мне, надоело экранировать окончание строк, следить за именами шаблонов и собирать их перед каждым билдом, это решение для вас, jsttojs — утилита для прекомпиляции клиентских шаблонов в JavaScript.
Читать полностью »
Continuous Delivery PHP приложений
2012-11-04 в 10:20, admin, рубрики: continuous delivery, Jenkins, php, Веб-разработка, Песочница, метки: continuous delivery, Jenkins, PHPХочу поделиться опытом попытки внедрения непрерывной интеграции и «безболезненного» деплоинга для php приложений. Я попытаюсь рассмотреть некоторые аспекты по данному вопросу:
- Что такое Continuous Integration
- Что такое деплоинг, как он вписывается в CI
- Немного о тестировании в рамках этого «конвеера»
Прекрасные особенности CSS3 box-shadow
2012-11-04 в 3:18, admin, рубрики: box-shadow, css, веб-дизайн, Веб-разработка, метки: box-shadow, cssОбычно box-shadow применяется для создания простых теней на веб-страницах, но также этот инструмент можно использовать намного шире.
Для начала рассмотрим параметры box-shadow:
- inset: добавление внутренней тени, необязательный параметр.
- x-offset: горизонтальное смещения тени, обязательный параметр, может быть отрицательным
- y-offset: вертикальное смещения тени, обязательный параметр, может быть отрицательным
- blur: радиус размытия тени, значение «0» по умлочанию
- spread: плотность, важный параметр, о котором пойдет речь ниже
- color: цвет тени, можно использовать строчные значения, hex-код, rgb, hsla, rgba и т.д. Необязательный параметр, но некоторые браузеры используют черный цвет по умолчанию
Плагины firefox для аудита безопасности сайтов
2012-11-04 в 2:59, admin, рубрики: Firefox, Веб-разработка, информационная безопасность, метки: firefox 
Firefox безусловно, самый расширяемый браузер и содержит в своем репозитории огромное количество дополнений для всех ситуаций. Не остались обделенными и пентестеры, которые занимаются проверкой сайтов на наличие уязвимостей.
В этой статье пойдет речь о самых полезных плагинах, которые помогут обнаружить бреши в защите сайтов. Я рекомендую ознакомиться с ней не только специалистам по информационной безопасности, но и всем веб-разработчикам, которым также следует периодически проводить аудит собственных сайтов.
Читать полностью »
Использование функционала фреймворка MVC4 для авторизации пользователей и использование ролевой модели доступа к сайту
2012-11-02 в 22:43, admin, рубрики: .net, ASP, ASP.NET, asp.net mvc, web-разработка, авторизация, аутентификация, Веб-разработка, метки: ASP.NET, asp.net mvc, web-разработка, авторизация, аутентификация Приветствую.
Сегодня мне бы хотелось рассказать в совсем небольшом уроке (уровень скорее для очень начинающих), как можно достаточно быстро и легко настроить аутентификацию пользователей, а так же авторизацию при их доступе к некоторому функционалу на Вашем сайте, используя штатные средства фреймворка MVC(4).
Вводная
Я сейчас пишу личный простенький сайт для учета и ведения расходов, доходов, напоминания о периодических платежах (жкх, кредиты, школа и т.п.) + аналитика (в основном диаграммы), поскольку меня и мою жену функциональность Google Docs устраивать перестала.
Соответственно, встал вопрос о том, как закрыть информацию, в данном случае финансового состояния семьи от посторонних глаз под аутентификацию а так же распределить роли доступа (авторизация) — что могут жена, ребенок, анонимные пользователи, а что может администратор глава семьи.
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №29 (27 октября — 2 ноября 2012)
2012-11-02 в 19:10, admin, рубрики: css, html, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, html, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №29 (27 октября — 2 ноября 2012)")
Дайджест интересных новостей и материалов из мира PHP за последние две недели №3 (20.10.2012 — 02.11.2012)
2012-11-02 в 17:06, admin, рубрики: cmf, cms, php, symfony, wordpress, wordpress plugins, yii, zend, Блог компании Zfort Group, Веб-разработка, дайджест, мобильная разработка, Новости, подборка, полезная информация, ссылки, метки: cmf, cms, PHP, symfony, wordpress, wordpress plugins, yii, zend, Веб-разработка, дайджест, мобильная разработка, новости, подборка, полезная информация, ссылки .png "Дайджест интересных новостей и материалов из мира PHP за последние две недели №3 (20.10.2012 — 02.11.2012)")
Предлагаем вашему вниманию очередную подборку с ссылками на новости и материалы.
Приятного чтения!
Читать полностью »
Генерация PDF на сервере в Ruby
2012-11-02 в 15:54, admin, рубрики: PDF, prawn, ruby, wkhtmltopdf, Веб-разработка, Песочница, метки: PDF, prawn, ruby, wkhtmltopdf 
Чуть более месяца назад я устроился верстальщиком в старт-ап, в команду Ruby-разработчиков. Так повезло, что команда оказалась очень хорошей и моё стремление учиться совпало с их желанием получить хорошего специалиста.
HTML-вёрстка сама по себе имеет немного ценности и не единственное, чем можно нагрузить верстальщика.
На нашем сайте пользователь оформляет себе покупку и ему на почту уходит подтверждение с электронным билетом. в котором указаны детали заказа, а так как в хорошем проекте всё должно быть хорошо и ярко, дизайнер нарисовал макет квитанции. Ну а мне, как верстальщику было поручено реализовать это всё в коде.
Варианты генераторов для Ruby
Согласно сайту Ruby Toolbox существует два принципиальных подхода к генерации PDF-файлов:
- wkhtmltopdf и различные обёртки на него
- Prawn
Первый вариант подразумевает генерацию HTML-страницы и конвертацию её в PDF, в то время как второй позволяет, по факту, работать с canvas и генерировать документ без дополнительных прослоек.
Я выбрал вариант с использованием Prawn (по большей части, конечно, по тому, что предыдущая версия PDF-файла генерировалась этим способом) даже не смотря на то, что мне пришлось вынырнуть из привычного мне мира HTML и CSS
Тех, кому интересно приглашаю под хабракат.
Читать полностью »
Совместимость с хабраредактором для MODx Evo
2012-11-02 в 14:14, admin, рубрики: modx, php, Веб-разработка, велосипеды, метки: modx, велосипеды В процессе переноса своих статей с хабра или сайтов на LiveStreet я стаолкнулся с проблемой верстки.
Редактор хабра воспринимает переносы в исходном тексте именно как переносы, т.е. в HTML они будут выглядеть как
<br>
А все доступные редакторы для modx в режиме редактирования не воспринимают ссылки и картинки, и текст будет выглядеть как в редакторе:
Под катом вы найдете: макро-фотографии экрана, разборка, тест аккумулятора, камеры, опыт использования.
<a href="https://picasaweb.google.com/lh/photo/DWXbDrGSQrrqY2TJM_UhydMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh6.googleusercontent.com/-vrs2uZgIzqQ/UJPFgBkWr-I/AAAAAAAAKxg/FS0DcyCkW0w/s640/Samsung%2520Note%2520II-001.jpg" height="107" width="640" /></a>
<habrаcut text="У вас точно есть полчаса на чтение?" />
<ul>
<li><a href="#pack">Упаковка и комплектация</a></li>
<li><a href="#view">Качество сборки и внешний вид</a></li>
<li><a href="#screen">Экран</a></li>
<li><a href="#inside">Внутренности, моды и ремонтопригодность</a></li>