Приветсвую.
Вот навеяло сделать шарик для принятия решений как развлечение.
Что подобное видел и нашел на хабре, можите посмотреть и сами — хабрапоиск «magic ball»
А вот и "демо". Под хабракутом исходники, вдруг пригодится…
Читать полностью »
Рубрика «html» - 149
Магический шарик (magic 8-ball) для принятия решений
2012-04-08 в 12:33, admin, рубрики: html, jquery, сделай сам, метки: jquery, сделай самВсе о параметре border
2012-04-07 в 13:05, admin, рубрики: css, html, веб-дизайн, Веб-разработка, каскадные таблицы стилей Все знакомы с css параметром border, но есть ли вещи, которые мы не знаем о нем?
Читать полностью »
Архитектура взаимодействия клиентской и серверной частей Web приложения
2012-04-05 в 12:53, admin, рубрики: html, javascript, jquery, архитектура, метки: javascript, jquery, архитектура Хотел рассказать, как я вижу устройство архитектуры взаимодействия серверной и клиентской частей. И хотел бы узнать спросить, чем плоха или хорошо такая архитектура.
Читать полностью »
TeamLab Document Editor на canvas: стирая грани между desktop и online
2012-04-05 в 5:53, admin, рубрики: canvas, CRM, html, html5, Блог компании Ascensio System, онлайн редактирование, управление документами, управление проектами, метки: Canvas, crm, html5, онлайн редактирование, управление документами, управление проектамиВ предыдущем посте мы рассказали вам, что одной из главных целей участия в CeBIT 2012 было анонсирование нового онлайн редактора документов TeamLab. Сегодня поподробнее о редакторе (на данный момент он в beta версии), как пришли к идее его создания и как, в итоге, реализовали.Читать полностью »
Codecademy добавил курсы по HTML и CSS
2012-04-02 в 19:36, admin, рубрики: Codecademy, html, Веб-разработка, Учебный процесс в IT, метки: CodecademyИнтернет-школа программирования Codecademy расширила программу обучения и с понедельника запустила курс по HTML, CSS и JS.
Canvas с аппаратным ускорением в Google Chrome
2012-03-31 в 18:52, admin, рубрики: canvas, Google Chrome, html, WebGL, метки: Canvas, WebGL28 марта версия Google Chrome 18 появилась в стабильном канале и уже установлена на компьютерах большинства пользователей Chrome. Среди разных улучшений в новой версии следует особо отметить рендеринг с аппаратным ускорением Canvas2D под Windows и Mac OS X. Благодаря GPU-ускорению Canvas2D будет быстрее работать в браузере, что позволит повысить производительность и качество работы HTML5-игр и других веб-приложений.
Кроме Canvas2D, в свежей версии Chrome заработал движок для программной растеризации SwiftShader для WebGL. Движок лицензирован у компании TransGaming и обеспечивает работу WebGL на старых компьютерах, не поддерживающих аппаратное ускорение WebGL.
Читать полностью »
Kickstrap — форк Twitter Bootstrap с темами и бонусами
2012-03-30 в 23:32, admin, рубрики: css, html, html5, javascript, jquery, Twitter Bootstrap, uikit, Веб-разработка, плюшки, метки: css, html, html5, javascript, jquery, Twitter Bootstrap, uikit, плюшки
Kickstrap это то, что будет если соединить Twitter Bootstrap, HTML5 Boilerplate, значки от IcoMoon и Font Awesome, добавить проверенные jQuery плагины Chosen и jGrowl, включить поддержку разных цветовых схем и тем оформления Bootswatch, дополнительную CSS сетку и вменяемую поддержку ранних версий IE.
Читать полностью »
Каким я хочу видеть HTML6
2012-03-28 в 16:18, admin, рубрики: html, web-разработка, верстка, метки: html, web-разработка, верстка Заранее хочу предупредить, что тут вы не найдёте каких-либо исследований на тему развития веба и html в частности. Тут не будет ни оценки важности CSS3 ни семантики тегов html4 — html5. Это просто крик в пустоту о том, каким инструментом я, как верстальщик, хотел бы пользоваться.
Если интересно, прошу пожаловать под кат.
Читать полностью »
Форма входа и регистрации с помощью HTML5 и CSS3
2012-03-27 в 18:05, admin, рубрики: css, css3, html, html5, веб-дизайн
Здравствуй, дорогой хабрадруг! В этом туториале мы научимся создавать две формы HTML5: форма входа и форма регистрации. Эти формы будут меняться друг с другом местами с помощью псевдо-класса CSS3 :target. Мы будем использовать CSS3 и шрифт с иконками. Идея этого демо в том, чтобы показать пользователю форму входа и предоставить ему ссылку “перехода” к форме регистрации.
В этом туториале я подробно расскажу о том, как создавать эффект как в Демо 1.
Читать полностью »
Создаём простейший виджет для Mac OS X Dashboard
2012-03-26 в 9:10, admin, рубрики: apple, css, dashboard, html, javascript, mac os x, разработка, метки: apple, css, dashboard, html, javascript, mac os x, хабр Здравствуйте, читатели-маководы!
Сегодня мы с вами попробуем разобраться в азах создания виджета для Dashboard в Mac OS X. Нам понадобится программа Dashcode, предназначенная как раз для этого.
Для начала немного теории. Виджет в Dashboard — это специально сформировання веб-страничка, упакованная в бандл вместе со всем ресурсами. Ну, и немного служебной информации в довесок. Соответственно, используемый язык программирования — JavaScript. Если Вы уже знакомы с ним, а так же с HTML/CSS (хотя это вряд ли понадобится), то Вы уже способны написать простенький виджет. Если же нет, то не стоит расстраиваться, этот язык очень прост и интуитивно понятен, разобраться с ним можно достаточно быстро. Далее я буду считать, что с JS читатель более-менее знаком. Сама же статья рассчитана на новичков, так что прошу не ругать за «слишком простое изложение и детальное разжёвывание элементарных вещей». Кроме того, за дизайн тоже прошу не пинать — ну не дизайнер я, не дизайнер! Если кто хочет помочь с этим делом — welcome =)
Для удобства, все исходники (а так же готовый к использованию виджет) выложены на гитхаб, ссылка в конце статьи. Но не спешите просто скачивать их! Лучше потратить немного времени и разобраться, как создать это всё самому.
Итак, приступим. В качестве цели для экспериментов я, разумеется, выбрал наш любимый хабр. Мы будем шаг за шагом делать виджет, отображающий карму, рейтинг и позицию в рейтинге хабралюдей выбранного читателя.
Такой виджет (ну, очень похожий) уже был создан хабратоварищем neoromantic аж в 2007 году, но ссылки на скачивание не рабочие, а кроме того, та статья не содержала практического руководства по созданию подобных виджетов.
Читать полностью »