Если вы любите серфить в интернете с мобильного устройства и периодически замечали, что при посещении Википедии ваш смартфон разряжается значительно быстрее, чем при чтении статей на Хабре, то теперь этому есть разумное объяснение.
Команда исследователей из Стенфордского Университета провела работу по изучению зависимости разряда батареи от того, какой сайт при этом был открыт в мобильном браузере.
В качестве тестируемого аппарата было выбрано устройство на Android с 3G-интернетом, на котором открывались популярные сайты, среди которых такие как CNN, BBC, Gmail, Amazon, Microsoft, eBay, Yahoo, Facebook, IMDB, Apple и Wikipedia.
Рубрика «css» - 145
«Плохие» сайты разряжают батарею мобильных устройств
2012-04-25 в 21:25, admin, рубрики: css, JS, батареи, Веб-разработка, исследование, Исследования и прогнозы в IT, Мобильный веб, оптимизация, смартфоны, метки: css, батареи, исследование, оптимизация, смартфоныAdobe & HTML
2012-04-24 в 22:41, admin, рубрики: adobe, css, html, Веб-разработка, инструменты, сервисы, ссылки, метки: adobe, css, html, Веб-разработка, инструменты, сервисы, ссылки Несколько дней назад компания Adobe представила свой новый сайт html.adobe.com, посвященный HTML, CSS и другим инструментам веб-разработки.
На данный момент сайт заполнен не до конца, кое-где красуется «coming soon», однако уже имеющийся контент представляет немалый интерес.
Читать полностью »
PhpStorm 4: результат с первой попытки!
2012-04-24 в 14:42, admin, рубрики: css, debugging, drupal, html, javascript, php, profiling, sql, XML, xsl, xslt, Блог компании JetBrains, профилирование, разработка, метки: css, debugging, drupal, html, javascript, PHP, profiling, sql, XML, xsl, xslt, профилированиеСделайте еще шаг к идеальной продуктивности ;)
Представляем вниманию хабрасообщества PhpStorm 4.0:
- Полная поддержка PHP 5.4
- Встроенный Code coverage для PHPUnit
- Новые PHP code inspections
- Сообщения PHP Code Sniffer прямо в редакторе
- Встроенный Drupal-стиль
- Лучшая в индустрии поддержка JavaScript (включая ECMAScript Harmony)
Image to URI, легкий способ конвертации
2012-04-23 в 12:23, admin, рубрики: converter, css, images, java, uri, веб-дизайн, Веб-разработка, метки: converter, css, images, java, uri Приветствую всех.
Читаю давно Хабр, и как-то ни разу не упоминалось о том, есть ли какой нибудь легкий способ конвертации изображений в data: URI.
Да, конечно есть онлайн сервисы для конвертации, но когда требуется массовая конвертация, в них работать очень не удобно.
Читать полностью »
#BADA55-цвета для веб-дизайна
2012-04-22 в 18:51, admin, рубрики: css, hex, html, веб-дизайн, жаргон, цвет, цветовая гамма, цветовая схемаЯ потратил несколько лет на изучение архитектуры компьютеров, и уж если одну вещь я выучил крепко, так это любовь компьютерных проектировщиков к изящным именам, используемым при инициализации или другой работе с памятью. Долгие часы своей жизни я истратил на придумывание забавно выглядящих адресов памяти для употребления в домашней работе или тестировании. Из подобных названий лучше других известен 0xDEADBEEF, а список некоторых других вы можете видеть вон там и там. Можно даже предположить, что этакие названия (особенно с подстановкою символов: например, «1» вместо «i» или «5» вместо «s») стали предтечами псевдо-крутого интернетовского жаргона, известного как leetspeak.
Всё это напомнила мне недавно попавшаяся мне статья о веб-дизайне (извините, я не помню её в точности). Автор статьи приводил пример CSS-кода, и выбранный им для примера цвет был #BADA55. Оказалось, что это даёт несколько безобразный зелёный цвет, но всё равно он побудил меня призадуматься о том, какие ещё английские слова можно сделать шестнадцатеричными кодами цвета.
Набросав краткий PHP-скрипт, получаем довольно обширный список для подбора таких цветов. Разумеется, годятся все коды, полностью состоящие из букв, но я также дозволил подстановку «1» вместо «i», «5» вместо «s» и «0» вместо «o». Та статья Википедии, на которую я выше сослался, также предлагала использовать «7» вместо «t» и «9» вместо «g», но мне не кажется, что при этом не получаются сколько-нибудь легко читаемые «шестнадцатеричные слова» (да к тому же тогда список слов, и без того длинный, оказался бы гораздо длиннее).
Итак, когда вам в следующий раз понадобится цветовая гамма для веб-страницы, вы сможете воспользоваться следующей таблицею и достигнуть субкультурного звучания выбранных вами цветов:
████████████████ #ABACA5 → abacas
████████████████ #ABA5ED → abased
████████████████ #ABA5E5 → abases
████████████████ #ABA51A → abasia
████████████████ #ABBE55 → abbess
████████████████ #AB1DED → abided
████████████████ #AB1DE5 → abides
████████████████ #AB0DED → aboded
████████████████ #AB0DE5 → abodes
████████████████ #ACAC1A → acacia
████████████████ #ACCEDE → accede
████████████████ #ACCE55 → access
████████████████ #ACED1A → acedia
████████████████ #AC1D1C → acidic
████████████████ #AD0BE5 → adobes
████████████████ #AD0B05 → adobos
████████████████ #A5D1C5 → asdics
Читать полностью »
Скорее всего, вы уже знаете, как сделать треугольник на чистом CSS, использовав свойство border. Если же не знаете, то можно почитать, например, здесь. Но что, если вам понадобятся треугольники с тенью?
Классическая манипуляция с бордером не может изменить форму объекта, это всего лишь визуальный обман.
Т.е. нельзя просто взять и добавить box-shadow к такому треугольнику, потому что получим что-нибудь в таком роде:
Давайте посмотрим на несколько альтернативных решений.
Читать полностью »
Подробно о свойстве float
2012-04-20 в 13:09, admin, рубрики: css, float, Joshua Johnson, веб-дизайн, Веб-разработка Правильное использование CSS свойства float может стать непростой задачей даже для опытного верстальщика. В этой статье собраны варианты применения float, а также некоторые ошибки, с наглядными примерами.
Читать полностью »
HTML/CSS/JS редактор с элементами IDE (SaaS версия)
2012-04-20 в 4:05, admin, рубрики: css, html, JS, SaaS, Блог компании Бигго, редактор, метки: css, html, SaaS, редактор Буквально на днях, в нашем конструкторе сайтов появился полностью переработанный редактор шаблонов.
Мы постарались максимально приблизиться к привычным функциям обычных редакторов.
Теперь есть возможность редактирования нескольких документов в одном окне, с переключением через табы(картинки кликабельны):
Табы можно менять местами, они изменяют свой размер в зависимости от их количества и ширины экрана. Набор и порядок открытых табов сохраняется и привязывается к пользователю, таким образом залогинившись с любого рабочего места, набор останется такой же.
WebStorm 4 — в гармонии с ECMA Script :)
2012-04-17 в 18:20, admin, рубрики: coffee script, coffeescript, css, ECMAScript, ecmascript harmony, javascript, less, node.js, sass, метки: coffee script, coffeescript, ECMAScript, ecmascript harmony, less, node.js, sassМы продолжаем поддержку новейших технологий и улучшаем средства контроля качества. В сегодняшнем WebStorm 4.0 — ECMAScript Harmony и встроенный Code Coverage для JavaScript Unit Testing.
Кроме того:
- Создание пректов на основе HTML5 Boilerplate, Twitter Bootstrap и других
- Тонкая настройка JavaScript библиотек для любого файла в проекте
- Умное упорядочивание подсказок при дополнениии JavaScript
- Сворачивание произвольных регионов кода
- Эффективное управление версиямиЧитать полностью »
WebStorm 4 — в гармонии с ECMA Script
2012-04-17 в 18:20, admin, рубрики: coffee script, coffeescript, css, ECMAScript, ecmascript harmony, javascript, less, node.js, sass, метки: coffee script, coffeescript, ECMAScript, ecmascript harmony, less, node.js, sassМы продолжаем поддержку новейших технологий и улучшаем средства контроля качества. В сегодняшнем WebStorm 4.0 — ECMAScript Harmony и встроенный Code Coverage для JavaScript Unit Testing.
Кроме того:
- Создание пректов на основе HTML5 Boilerplate, Twitter Bootstrap и других
- Тонкая настройка JavaScript библиотек для любого файла в проекте
- Умное упорядочивание подсказок при дополнениии JavaScript
- Сворачивание произвольных регионов кода
- Эффективное управление версиямиЧитать полностью »