Блог Сергея Слепцова

Небольшой QR помощник :)

2013-05-22T14:37:00.001+03:00

Хотелось попробывать написать небольшое расширение Google Chrome для себя, и вот мне часто надо посмотреть как будет работать на iPad или телефоне какой либо css framework или что то еще. При front-end разработке очень часто находишь что-то что надо проверить на мобильных гаджетах перед использованием, то ли интересный css эффекты, плагин, библиотеку и т.д.
И вот ссылочка на расширение, которое делает всего одну простую вешь - при клике отображает QR-код текущей страници :)

P.S. В начале была идея еще чтобы плагин показывал еще есть ли на странице ссылки на itunes или гугловский market, и тоже отображал их qr кодом. Но решил не заморачиватся, если будет время надо будет доделать :)

Запуск firebug на мобильных браузерах iOS и Android

2012-07-25T12:25:00.000+03:00

К хорошему привыкаешь быстро, например к Firebug или Developer Tools(WebKit). Про них знают все кто когда либо сталкивался с веб разработкой. К сожалению на мобильных платформах, которые заполоняют интернет, таких удобных средств для разработчика нет. Есть некое подобие в iOS, можно включить DebugConsole в настройках Safari, но это консоль очень ограничена в возможностях, к примеру оно может не всегда показать в какой строке ошибка и т.д.

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

Вот инструкция запуска firebug на мобильных браузерах.

Способ №1

Открыть любую страницу в мобильном браузере и добавить ее в закладки.
Переименовать закладку в Firebug, на пример в iOS поле редактирование URL сейчас невозможно.
Скопировать код http://pastebin.com/Xir0QZKG и изменить URl в созданной закладке.
Сохранить.
Теперь на любой странице вы можете открыть эту закладку и внизу страницы появится всем знакомый firebug, правда конечно lite версия.

Способ №2

Добавить ссылку на файл на страницу <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
И на странице в тег "html" добавить атрибут debug="true"
Перезагрузить страницу
Готово

Также есть ряд настроек для firebug lite

saveCookies - false
startOpened - false
startInNewWindow - false
showIconWhenHidden - true
overrideConsole - true
ignoreFirebugElements - true
disableXHRListener - false
disableWhenFirebugActive - true
enableTrace - false
enablePersistent - false

Детальное их применение вы можете узнать на странице официальной странице.

Страница firebug lite - https://getfirebug.com/firebuglite/

Объединение и сжатие CSS и JS файлов в ASP.NET web-приложений

2011-10-13T08:26:00.001+03:00

Доброго времени суток!

Давно думал написать пост на эту тему, но решился только после этого топика про объединение JavaScript файлов. Для ASP.NET сайтов существует отличная библиотека SquishIt - она позволяет объединять как css файлы в один, так и JavaScript файлы. Я не буду детально расписывать преимущества объединения так как о них было уже сказано в статье выше и других, основное это уменьшение количество запросов к серверу.

Дальше »

Использование библиотеки Fluent Email для отправки писем с поддержкой синтаксиса Razor

2011-09-05T16:12:00.001+03:00

Доброго времени суток. Хочу рассказать вам об одной замечательной библиотеки для отправки электронной почты - Fluent Email. Она мне нравится по ряду причин:

проста использования;
поддержка синтаксиса Razor;
наличие асинхронной отправки письма;

Дальше »

Использование @helper синтаксиса в движке Razor ASP.NET MVC 3

2011-08-21T20:27:00.006+03:00

Это перевод статьи одного из самых лучших, на мой взгляд, англоязычных блогеров - Scott Guthrie. Да, первая моя статья на этом блоге будет переводом, увы... Она предназначена для тех, кто знакомится с технологией ASP.NET MVC 3 и движком отображения Razor.

Использование @helper метода в разметке

Синтаксис @helper в Razor позволяет вам с легкостью создавать вспомогательные методы повторного использования методов, которые могут инкапсулировать функциональность в ваших шаблонах представления. Они позволяют лучше повторно использовать код, а также может способствовать большей читабильности кода. Давайте посмотрим на простой сценарий того, как синтаксис @helper может быть использован.

Дальше »