Уважаемый читатель, эта статья является второй частью цикла статей, посвященных вёрстке.
В первой части мы верстали шаблон Corporate Blue от студии Pcklaboratory с помощью стандартных средств на чистом HTML и CSS. В данной статье мы попробуем сверстать этот же шаблон, но с помощью CSS фреймворка Bootstrap 3.
Мне, как наверное и многим другим, очень хочется при верстке использовать плюшки CSS3. Все большая поддержка 3 уровня каскадных таблиц такими браузерами как opera, firefox, safari, chrome и даже explorer 9 только подогревает это желание, но как обычно есть «но», IE6-8. При этом стоит понимать, что аллергия IE9 к winXP откидывает мечту на годы вперед. На этом можно было бы и закончить, но настырность и зуд в области мозга которая отвечает за желание использовать CSS3 не позволяют мне этого сделать.
Весь смысл этого поста сводится к тому, что IE не умеет CSS3 и поэтому его нужно научить, а если не захочет — заставить. И поиск подобного решения сподвиг меня сделать данную подборку.
Как то раз наткнулся я на забугорную статью про светлое будущие Canvas и WebGL, и была в этой статье картинка с «3d чайничком» нарисованном c помощью canvas'a, поразила она меня ну прям ващеее, понял я что должен сделать нечто подобное, и сделал.
Пост babarun про 3d-движок на js вызвал творческий порыв добавить тонирование Гуро для пущей реалистичности. Вот, что получилось (а сейчас ещё и с зеркальностью). По сравнению с обычным (flat) тонированием нормали требуется иметь не для граней, а для вершин (то есть для треугольной грани три нормали). По готовым нормалям граней нормали вершин вычисляются просто усреднением нормалей всех граней, включающих данную вершину; это делается один раз перед рендерингом. Освещённость вершин высчитывается в начале каждого кадра с учётом изменения положения камеры.
Основная сложность заключалась в том, как залить треугольник градиентом.
У веб-программистов со временем вырабатываются привычки, которые въедаются в рабочий процесс на уровне рефлексов. Взять хотя бы данные из формы — каждый толковый программист, как только встречает их, тут же обрабатывает на предмет корректности. Порою даже сам не замечает.
Я хочу уделить внимание нескольким приемам, которые, к моему сожалению, еще не являются повсеместными привычками. Очень хочу оказаться банальным и неуместным.
Количество элементов на одной странице
Разбиваете список на страницы? Как будет выглядеть вторая страница для списка из 101 элемента, если ваше волшебное число 100?
Как-то раз, пришлось мне обойти десяток магазинов в поисках Nokia CA-100 (USB-зарядное устройство для сотового телефона). К моему великому удивлению, ни в одном такового устройства не оказалось, поэтому решил я спаять зарядку сам.
В Opera Software много хороших традиций, и одна из них — университетские туры. Осенью прошлого года они не состоялись по причине карантинов в ВУЗах (какой-то там грипп «свирепствовал») и прочих накладок. Но вот пришла весна, и пока вредоносные вирусы и бациллы неспешно выходят из спячки — мы организуем очередные университетские туры, которые пройдут в России и Украине. Итак, расписание следующее:
Вести с фронта Sun Tech Days 2010, Санкт-Петербург.
Итак, после 30 часов тряски в поезде мы на месте.
Сразу к делу, впечатления после почти подошедшего к концу первого дня.
Не так давно я писал о том, что мы создали Аккордеон для айпада. Новость быстро разлетелась по интернету (и русскому и зарубежному), наши ролики собрали суммарно 45,000 просмотров.
3 Апреля аккордеон для айпада увидел свет. Сейчас он занимает 9 место в категории «Музыка» в американском апсторе. Вчера, наконец-то прошла ревью версия для айфона. (Ревью айфонных приложения занимает гораздо больше времени чем ревью приложений для айпада.)
Мы очень рады выходу приложения и по этому случаю сняли еще один ролик в котором обезьяны рассказывают как можно использовать айпад с установленным на него аккордеоном в бизнес-целях :-) Когда показываешь его американцам, у них происходит разрыв шаблона и они начинают плакать и смеяться. Приятного просмотра: