На данный момент, почти на каждом сайте есть регистрация. Разработчики все время решают задачу, как эту процедуру сделать более прозрачной и менее заметной.
Каждый раз, когда мне предлагают зарегистрироваться или ввести логин/пароль, меня трясёт от бешенства. «Сколько уже можно, в конце то концов?!»
Рубрика «html5» - 72
Я устал регистрироваться
2012-05-13 в 8:08, admin, рубрики: html, html5, идея, регистрация, метки: html5, идея, регистрация
Лица .тостер {javascript}: Фил и Лука
2012-05-11 в 14:05, admin, рубрики: .тостер, html5, javascript, Блог компании .тостер, конференция, фронт-энд, метки: .тостер, html5, javascript, конференция, фронт-энд 
Улыбающийся молодой человек на фотографии — никто иной, как Фил Хоксворт, технический директор студии R/GA, расположенной в Лондоне и занимающейся, фактически, всем: от создания стратегии digital-продвижения до выполнения сложных технических проектов под нужды заказчиков. И хотя сейчас Фил все меньше непосредственно пишет код и, все больше, координирует свою команду дизайнеров, верстальщиков и разработчиков, он признается в том, что грешен, и иногда флиртует с кодом, пока никто не видит.
Читать полностью »
Улучшаем «бесконечный скроллинг»
2012-05-10 в 10:46, admin, рубрики: css, html5, javascript, scroll, Юзабилити в IT, метки: css, html5, javascript, scrollВ 2011 году очень модно было (по-моему, эта мода пошла от Фейсбука) делать у себя на сайтах «бесконечный скроллинг»: это когда пользователь крутит-крутит колесом мыши, и всё новые результаты поиска подгружаются Аяксом внизу страницы, превращая обычный скроллинг в бесконечный и вызывая у столкнувшегося с этим в первый раз пользователя «когнитивный диссонанс».
Также недавно я видел на этом сайте статью, в которой автор выражал своё недовольство «бесконечным скроллингом» и призывал использовать старую добрую «паджинацию».
Читать полностью »
Wolfenstein 3D теперь и в HTML5
2012-05-09 в 19:25, admin, рубрики: game development, html5, id software, Wolfenstein 3D, джон кармак, История ИТ, метки: html5, id Software, Wolfenstein 3D, джон кармакПраздник на улице Wolfenstein не заканчивается. К 20-летию Wolfenstein 3D, компания-разработчик id Software сегодня выпустила HTML5 версию, в которую можно поиграть по этой ссылке.
Под катом видео с комментариями Кармака и ссылка на бесплатную версию в iTunes.
Читать полностью »
Backbone.js и routes без хэшей
2012-05-05 в 7:51, admin, рубрики: backbone, history, html5, javascript, Веб-разработка, Песочница, метки: backbone, history, html5Практически все, кому приходилось работать с backbone, представляют себе, что это за штука такая — Router. Конечно, в приложении можно обойтись и без него, но удобство работы с приложением сильно проиграет.
Итак, роутер определяет, какую функцию (контроллер) следует использовать, опираясь на URL в строке браузера. Или, если быть точным, на хэш. Т.е. вы могли понаставить в интерфейсе своего приложения ссылок вида:
<a href="http://myapp.com/catalog/#action1">Сделать что-то полезное</a>
или даже
<a href="http://myapp.com/catalog/#action1/42">Сделать что-то полезное с параметром</a>
и всё прекрасно работало. Пользователь, в свою очередь, мог сохранить каждую из этих ссылок, и, в последствии, перейти по ним, сразу же активировав нужную функциональность. Единственный негативный момент во всём этом великолепии — наличие символа "#" (решетка). Не то, чтобы она была плоха сама по себе, но читабельность и «красивость» (с задних рядов мне ещё кто-то про RESTful что-то подсказывает) URL она портила.
Читать полностью »
Создание лайтбокса для сенсорного интерфейса на HTML5
2012-05-03 в 7:46, admin, рубрики: css, css3, html, html5, javascript, lightbox, интерфейсыStephen Woods, фронтэнд-инженер в Flickr, объясняет, как создать простой лайтбокс с поддержкой жестов и дает советы для улучшения восприятия и производительности сенсорных интерфейсов.
Необходимые знания: средний уровень CSS, средний-продвинутый уровень JavaScript
Требования: Android или IOS устройство
Временные затраты: 2-3 часа
Скачать исходники
Просмотр демонстрации
Читать полностью »
Условно-бесплатный курс Building ASP.NET MVC Apps with EF Code First, HTML5, and jQuery
2012-04-25 в 13:03, admin, рубрики: .net, ASP.NET, dependency injection, EF Code First, html5, jquery, mvc, Pluralsight, unity, метки: ASP.NET, dependency injection, EF Code First, html5, jquery, mvc, Pluralsight, unity 
Pluralsight предоставляет условно-бесплатную подписку на данный курс в течение одного месяца. Для того, чтобы получить подписку, необходимо выполнить следующие действия:Читать полностью »
Чудеса тригонометрии с использованием canvas
2012-04-24 в 11:33, admin, рубрики: canvas, html5, javascript, тригонометрия, метки: Canvas, html5, javascript, тригонометрия Давно хотел начать изучение HTML5 canvas, и наконец решительно за него взялся. Первое что я решил попробовать это отображение различных фигур с помощью стандартных линий в «псевдо 3D». Когда-то давно я подсмотрел очень интересный способ в плагине к winamp'у и решил реализовать его самостоятельно. В 2002 году я это сделал на C++, ну а теперь пришло время для переноса этого чуда на HTML и JavaScript.
Читать полностью »
62 полезных инструмента для адаптивного дизайна (Responsive web design)
2012-04-16 в 7:42, admin, рубрики: css, css3, html, html5, media queries, responsive design, responsive web design, адаптивная вёрстка, адаптивная разметка, адаптивный дизайн, веб-дизайн, Веб-разработкаПеревод крайне ценной статьи «Responsive Web Design Techniques, Tools and Design Strategies» популярного интернет-издания для разработчиков Smashing Magazine.
Еще в январе мы опубликовали статью об адаптивном дизайне «Responsive Web Design: What It Is and How To Use It» (Адаптивный веб-дизайн: Что это такое и как им пользоваться). Адаптивный веб-дизайн продолжает привлекать к себе много внимания, но, учитывая, насколько он отличается от традиционных методов разработки сайтов, он может показаться заоблачно сложным для тех дизайнеров и разработчиков, которые его не пробовали.
По этой причине мы составили обзор ресурсов, полезных при создании адаптивных сайтов. В обзор вошли подробные руководства, подходы, инструменты, статьи, содержащие практические советы, необходимые для создания вашего собственного адаптивного сайта.
Техники Responsive web design
1. CSS Transitions and Media Queries
CSS Transitions и Media Queries
Elliot Jay Stocks подробно рассказывает о методе сочетания CSS Media Queries и CSS transitions. Основная идея в следующем: разрабатывая адаптивный сайт с помощью Media Queries, вы постоянно изменяете ширину вашего браузера, чтобы посмотреть, как сайт ведет себя при этом. Но каждый раз, когда отрабатывает один из ваших Media Queries, виден жесткий переход между стилями (первый, например, для десктопов, второй — для планшетов). Почему бы не использовать CSS transitions для сглаживания этих жестких переходов с помощью анимации?
.jpg "62 полезных инструмента для адаптивного дизайна (Responsive web design)")
Угадай фильм по трейлеру
2012-04-12 в 21:25, admin, рубрики: 10k.aneventapart.com, html, html5, javascript, Веб-разработка, игры, фильмы, метки: 10k.aneventapart.com, html5, javascript, игры, фильмы В поисках вдохновения в творениях небезызвестного конкурса для веб-разработчиков 10k.aneventapart.com/ впервые затронутого автором в прошлой статье, было замечено такое вот незамысловатое приложение. Краткий смысл, – по трейлеру фильма определить его год выпуска. Идея простая, интересная и отталкиваясь от неё можно придумать еще по крайне мере одно простенькое игровое приложение. Вам хочется подробностей и/или вы невнимательно прочли заголовок статьи? – Тогда, добро пожаловать под кат.
Читать полностью »