Показаны сообщения с ярлыком Хабрахабр - Веб-разработка. Показать все сообщения
Показаны сообщения с ярлыком Хабрахабр - Веб-разработка. Показать все сообщения

пятница, 21 октября 2011 г.

Краткий обзор отличий LESS от SASS


Вчера пол дня потратил на подробное изучение LESS и его отличие от используемых нами SASS/SCSS.



Синтаксис SASS мне импонирует больше чем SCSS за его краткость. Но большая вложенность стилей в SASS может быстро ликвидировать все преимущества его краткости. В любом случае разницу между SASS и SCSS не принципиальна. LESS оказался ближе к SCSS чем к SASS. И, в общем, это тоже самое. Отличий не много, но парочка из них принципиально меняют расстановку сил.



среда, 12 октября 2011 г.

[Из песочницы] Анимация спрайтов при помощи CSS, JS и Canvas


Всем привет. Пару дней назад совершенно случайно наткнулся в залежах дисков на «Космические рейнджеры 2: Доминаторы». Устанавливать не стал, так как сейчас не хватает времени, чтобы как следует в неё погрузиться. А решил посмотреть, что на диске находится. Посмотрел «Фан-Арт» и там увидел программку для ковыряния ресурсов рейнджеров. Вот и решил посмотреть, из чего же сделаны наши доминаторы. Покликав немного, нашел файлики с анимацией в формате GAI. Начал любоваться той анимацией. Захотел их сохранить в «гифки», но не как не давала та программка сохранить анимацию? Можно либо сохранить текущий кадр, либо все файлы в PNG. Я решил сохранить все кадры, а их было — 150. Картинки все есть, а почему бы не сделать с ними ту же анимацию.

вторник, 11 октября 2011 г.

[Перевод] Характерные особенности языка Dart


Dart был разработан так, чтобы выглядеть знакомо для программистов на таких языках, как Java и JavaScript. Если постараться, можно писать на Dart практически так же, как на одном из них. Если очень постараться — можно даже превратить его в Фортран, но при этом вы упустите множество неповторимых и классных особенностей Dart.



Эта статья поможет вам научиться писать код в стиле Dart. Так как язык всё ещё активно развивается, многие идиомы тоже могут измениться в будущем. В некоторых местах мы пока сами не определились, что является наилучшей практикой (может быть вы нам поможете?) Тем не менее, вот несколько моментов, на которые стоит обратить внимание, чтобы переключить свои мозги из режима Java или JavaScript в режим Dart.

понедельник, 10 октября 2011 г.

Официальная презентация языка Google Dart


Сегодня компания Google официально представила новый язык структурного веб-программирования Dart, который позволит создавать быстрые и высокопроизводительные веб-приложения. При всей своей простоте для написания маленьких скриптов, с помощью Dart можно будет создавать и сложные модульные веб-приложения, использовать библиотеки, дебаггеры, редакторы кода и другой инструментарий.



На официальном сайте представлен технический обзор языка (перевод на русский от azproduction), спецификации (PDF), список библиотек.



Как объяснялось во внутренней переписке компании, Dart позиционируется в качестве замены/альтернативы Javascript, страдающего от «фундаментальных» изъянов, которые невозможно исправить путём эволюционного развития.

пятница, 2 сентября 2011 г.

[Перевод] Программирование в облаке: Небольшой обзор Онлайн-IDE


Похоже, что всё сегодня переходит в «облака», которые являются туманным термин для определения программных приложений и хранилищ данных, размещенных на удаленных серверах где-то далеко по всему Интернету. Так что, если всё наше ПО переходит на облака, то почему бы не перейти инструментам, используемым для создания этого ПО? Ну, а некоторые инструменты, есть там прямо сейчас. Черт, даже GitHub недавно добавил базовые возможности редактирования. В этой статье мы рассмотрим некоторые многообещающие Онлайн-IDE.

среда, 31 августа 2011 г.

Faviconist: Создайте красивый favicon с HTML5




Каждый сайт должен иметь favicon. Если вы до сих пор не сделали значок для вашего сайта — сделайте, теперь это еще проще!

Faviconist — новый favicon генератор от Michael Mahemoff.



Вам больше не нужен Photoshop для создания простого значка. Как Mahemoff пишет в своем блоге: Faviconist для 95% людей, которых устроит микро-дизайн их иконки, остальным все равно придется прибегнуть к Photoshop.

вторник, 30 августа 2011 г.

[Из песочницы] Автоматические хосты для веб-разработки (FreeBSD)






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



Как вариант, можно скриптами обновлять конфиги apache и файл hosts.



Другое решение, настройка собственного DNS сервера с зоной верхнего уровня.

Это мы и сейчас и проделаем.



Итак, создадим зону ".dev" (используя демон named и apache под FreeBSD)

четверг, 18 августа 2011 г.

[Перевод] Инструменты командной строки для веб-разработчика


Жизнь веб-разработчика омрачена сложностями. Особенно неприятно, когда источник этих сложностей неизвестен. То ли это проблема с отправкой запроса, то ли с ответом, то ли со сторонней библиотекой, то ли внешний API глючит? Существует куча различных прилад, способных упростить нам жизнь. Вот некоторые инструменты командной строки, которые лично я считаю бесценными.

вторник, 9 августа 2011 г.

Different Reality


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



Я занимаюсь клиентской разработкой уже 8 лет и за это время браузеры совершили гигантский скачок вперед. Во-первых их стало очень много. В зоопарке разработчика на данный момент 10(!) основных браузеров — IE6/7/8/9, Fx 3.6/4/5, Opera, Chrome, Safari плюс мобильные и специфические. К счастью, ветеран IE6 уже вскоре окончательно умрет, да и IE7 уже сдает позиции. Firefox поменял свой подход к версионности вслед за Chrome и будем надеяться что в скором времени мы будем работать только с последним релизом, не оглядываясь на цифры. Opera тоже заматерела и движется в сторону автообновления.

четверг, 4 августа 2011 г.

Невидимый ватермарк


Пока ещё видимый ватермарк :)

Привет, Хабр! Сейчас я хочу поговорить с тобой о защите изображений на веб-сайтах от копирования. Ниже я сначала на всякий случай перечислю то, о чём мы все уже давно знаем, а потому предложу свою идею, которая, как мне кажется, может заинтересовать тебя.

пятница, 29 июля 2011 г.

Как сделать один сайт для всех устройств (Responsive Web Design)


Вчера была опубликована хорошая статья «Веб-дизайн. Каждому устройству свое представление». Несмотря на неплохие размышления, к сожалению, вывод в ней довольно глупый. А именно:



«Нужно определить, какими устройствами могут пользоваться ваши посетители, проработать и создать для этих устройств представление вашего сайта, определить устройство посредством проверки заголовков браузеров, и отправить наиболее подходящее представление



Почему это глупо



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







Это скриншот из презентации «Beyond the mobile web by yiibu» (очень рекомендую).



Во-вторых, если вы не facebook или yandex, скорее всего, вы не потянете создание и поддержку разных версий сайта для каждого устройства. Да и это не имеет особого смысла. Потому что ситуация становится похожа на реалии пятнадцатилетней давности. Тогда делали сайт «под браузер», а сейчас автор предлагает делать сайт «под устройство».



Как сделать один сайт для всех устройств

среда, 27 июля 2011 г.

Каждому хостингу по аудиоплееру


Хорошие художники копируют, великие художники воруют.

Стив Джобс

Пабло Пикассо



Open Player

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

Каждому хостингу по аудиоплееру


Хорошие художники копируют, великие художники воруют.

Стив Джобс

Пабло Пикассо



Open Player

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

пятница, 20 мая 2011 г.

Бесплатные образы Windows для тестирования сайтов в Internet Explorer

14 мая Microsoft обновили набор образов для тестирования сайтов в Internet Explorer.

Теперь под Windows XP остался только IE6.
IE7 есть под Windows Vista.
Также добавили образы Windows 7 c IE8 и IE9.

Как веб-проект может зарабатывать деньги?

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

Что забыл? Чего-то не хватает? Есть какие-то вопросы? Пожалуйста, напомните в комментариях — давайте совместно дополним этот материал.

Теория академично: Бизнес-модель — механизм, позволяющий бизнесу зарабатывать деньги.

Подробности под катом

четверг, 19 мая 2011 г.

VoIP звонки из браузера

Столкнулся с необходимостью внедрить sip телефон в браузер. На просторах Интернета информация в основном о решении на базе red5 + red5phone, но оно мне показался слегка громоздким и недостаточно надежным. Скажем так, меня не устроило соотношение времени развертывания плюс требуемых аппаратных ресурсов к уровню качества плюс беспроблемности поддержки и масштабирования, к тому же проблематичное для интеграции в веб-проект.

понедельник, 9 мая 2011 г.

Пишем простой плагин к веб-браузеру используя FireBreath

Как уже писали ранее на Хабре, FireBreath — это фреймворк для разработки кросс-платформенных плагинов, используя технологии NPAPI [1] и ActiveX Control hosts, что позволит использовать плагин в следующих браузерах: Gecko/Firefox, Google Chrome, Apple Safari, Opera, Microsoft Internet Explorer 6, 7, and 8.

Мне пригодился этот фреймворк для следующего: в проекте (веб-приложение) использовался Java-апплет для печати Pdf-файлов напрямую на принтер, но из-за различных проблем с Java Policy и правами, не удалось добиться стабильной работы апплета + различные мелкие баги, как-то захват апплетом фокуса после загрузки или зависание браузера во время печати. Возможно, просто руки кривые. В общем, печать то работала, то нет, и это никого не устраивало.

Как вариант было решено попытаться написать плагин, который позволит избавиться от апплета и печатать файлы быстро и надежно. Собственно, печать осуществляет теперь тот же Java код, переписанный в виде jar файла. Однако прослойкой, которая осуществляет взаимодействие между джавой и клиентским кодом, является плагин браузера.

Теперь напишем простой «считай, ничего не делающий» плагин, который будет писать данные в файла в локальной файловой системе.

воскресенье, 8 мая 2011 г.