Персональный блог Игоря Антонова aka "spider_net"

html5

Подписаться на эту метку по RSS

Змейка на JavaScript и CSS


Рубрика: html/css -> JavaScript -> Интересности -> Программирование
Метки: | | | | |
Просмотров: 20365
Змейка на JavaScript и CSS

Всегда восхищался мастерством разработчиков, способных сотворить из CSS и JavaScript настоящие чудеса. Мне довелось посмотреть красивые демки, попробовать порты старых добрых игрушек с NES и много других интересных вещей. Не знаю, где авторы этих творений учатся тайным приемам мастерства, но вещи они творят просто шикарные. Вот сегодня мне попалась на глаза демонстрация простой игрушки - старой доброй змейки (поиграться можно под катом). Несмотря на банальность идеи, реализация выглядит суперски. Красивое оформление и под капотом лишь JavaScript и немного CSS.

Читать дальше

Назад в прошлое. Bootstrap в стиле 80-х


Рубрика: html/css -> Без рамки
Метки: | | | | |
Просмотров: 6334
Назад в прошлое. Bootstrap в стиле 80-х

Я просто восхищаюсь фреймворком Bootstrap! Он серьезно упрощает время при верстке всевозможных панелей управления и прочих типовых вещей. Нужен прототип – берем Bootstrap и получаем результат через пару часиков неспешного труда. Фанатов Bootstrap очень много и некоторые из них пытаются сделать свой вклад в развитие фреймворка.

Крис МакКензи, наверное, очень сильно любит Bootstrap и ностальгирует по временам царствования MS DOS, Norton Commander, Turbo Vision. Иначе как объяснить мотивы на создание темы оформления «Bootstra.386» для фреймворка Bootstrap?

Читать дальше

Красивые URL для angular.js. Убираем хэш тэги


Рубрика: Angular.JS -> JavaScript -> Программирование
Метки: | | | | |
Просмотров: 15198
Красивые URL для angular.js. Убираем хэш тэги

В последний день первого летнего месяца мне хотелось бы поговорить тюнинге URL в Angular.js приложениях. Если ничего не менять в настройках, то angular.js по умолчанию будет применять в url хеш тэг (#) для разделения пути. Например, http://mysite/#/about. Такой стиль отображения URL во многих случаях не подходит и разработчику обязательно захочется навести красоту, вырезав этот неуместный хэш-тэг. К счастью, это сделать совсем не трудно.

Читать дальше

Генераторы меню для сайта или делаем CSS меню без кода


Рубрика: html/css -> JavaScript -> Программирование
Метки: | | | | | | |
Просмотров: 24263
Генераторы меню для сайта или делаем CSS меню без кода

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

Читать дальше

jCarousel или выбираем карусельку для сайта


Рубрика: JavaScript -> Программирование
Метки: | | | |
Просмотров: 10745
jCarousel или выбираем карусельку для сайта

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

Читать дальше

Учимся тестировать JavaScript код


Рубрика: JavaScript -> Журнал Хакер -> Программирование -> Статьи
Метки: | | | | | | | |
Просмотров: 52611
Учимся тестировать JavaScript код

Тестирование кода – неотъемлемый цикл разработки программного обеспечения. Начинающие команды девелоперов зачастую недооценивают его роль и проверяют работоспособность приложения по старинке – «работает, да и ладно». Рано или поздно эта стратегия дает сбой и баг-трекер начинает захлестывать бесчисленная армия тасков. Чтоб не угодить в подобную западню, рекомендую раз и навсегда разобраться с нюансами тестирования JavaScript кода.

Читать дальше

HTML5 на примерах


Рубрика: html/css -> JavaScript -> Журнал Хакер -> Программирование -> Статьи
Метки: | | |
Просмотров: 36442
HTML5 на примерах

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

Читать дальше