Search
Write a publication
Pull to refresh
1
0
Виталий @hox

User

Send message

То, что вам никто не говорил о z-index

Reading time3 min
Views360K

Проблема z-index в том, что многие просто не понимают, как он работает.
Всё, описанное ниже, есть в спецификации W3C. К сожалению, не все её читают.

Описание проблемы:


Итак, пусть у нас есть HTML код, состоящий из 3 элементов.
Каждый из них внутри себя содержит по одному . А каждый , в свою очередь, имеет свой фон: красный, зеленый и синий, соответственно. Плюс ко всему, каждый позиционирован абсолютно левого верхнего края документа таким образом, что он немного перекрывает собой следующий за ним . Первый имеет z-index
, равный 1, у остальных двух z-index не задан.
Читать дальше →

Как сфотографировать ауру с помощью веб-камеры

Reading time5 min
Views342K
«И вот тут-то появилась любопытнейшая закономерность: любой живой объект, помещённый в поле высокой частоты, давал на фотоплёнке свечение, характер которого зависел от состояния снимаемого объекта. Светился только что сорванный с ветки листок, медленно теряя сияние по мере угасания. Приятным ровным светом лучилась рука поместного церковнослужителя после молебна, но почему-то светлый круг разрывался и угасал после домашних тихих передряг.



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

Microsoft Research продемонстрировал игровой проект IllumiRoom

Reading time1 min
Views41K
Сегодня утром, в рамках пленарного доклада Samsung на выставке CES, Эрик Раддер (Chief Technology Strategy Officer) из Microsoft продемонстрировал новый проект подразделения Microsoft Research под названием IllumiRoom. Сам проект является proof-of-concept идеи расширения игрового мира из телевизора на окружающую обстановку комнаты. Что получилось можно увидеть из видео:



Подробности в официальном блоге blogs.technet.com/b/next/archive/2013/01/09/microsoft-research-at-ces-illumiroom.aspx.

С 1 января 2013 года начнут выдавать Универсальные электронные карты

Reading time3 min
Views77K
Уже завтра начинается выдача универсальных электронных карт. Карта УЭК обеспечивает идентификацию ее держателя для получения им доступа к государственным и муниципальным услугам и услугам иных организаций, получение государственных услуг в системе обязательного медицинского страхования (например, запись на прием к врачу), обязательного пенсионного страхования (например, получение информации о состоянии индивидуального лицевого счета в Пенсионном фонде России), получение банковских услуг.
На поверхность карты УЭК нанесены следующие сведения: Ф.И.О. гражданина, пол, дата рождения, образец подписи, фотография, номер карты, номер полиса обязательного медицинского страхования, страхового свидетельства обязательного пенсионного страхования.


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

Волна закрытий провайдерских DC++

Reading time1 min
Views53K
На фоне продолжающейся истории с запуском "Единого реестра запрещённых сайтов" получают свое развитие и другие интересные события.
Сразу несколько интернет-провайдеров в ноябре внезапно прекратили предоставление услуг файлообмена во внутри-домовых сетях на основе протокола DC++. Первоначально провайдеры закрыли данные сервисы якобы на «профилактику», а через непродолжительное время заявили о полном их закрытии в целях соблюдения закона "О защите детей от запрещенной информации» и разместили на своих сайтах приблизительно такие анонсы:
Читать дальше →

CSS анимации на реальном проекте

Reading time9 min
Views92K


Всё чаще среди веб-разработчиков поднимается тема возможностей CSS анимаций (transition/animation), практически на каждой конференции по клиентской разработке можно услышать о потрясающих преимуществах новой технологии.

Производительность и гибкость CSS анимаций позволяет творить удивительные вещи, но можно ли уже использовать эти новые возможности в силу их нестабильности и незрелости на реальных больших проектах?

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

Unity3D 4.0 релиз

Reading time1 min
Views35K
Только что на почту пришло письмо о том, что Unity3D 4 вышел в релиз.
image

Unity — кроссплатформенный инструмент для разработки 2D и 3D игр.
Новшества:
  • Новая система анимации Mecanim
  • Real-time тени для всех платформ
  • Поддержка DirectX 11
  • Системе частиц добавлен функционал коллизий с миром
  • Добавлено две новые платформы: Adobe Flash и Linux
  • Кроссплатформенные динамические шрифты


Официальная новость с детальным описанием изменений.
Читать дальше →

В uTorrent 3.2.2 появилась реклама

Reading time1 min
Views124K
Многие новостные издания обратили внимание своих пользователей на то, что в последнем обновлении популярного torrent-клиенте uTorrent 3.2.2 появилась встроенная реклама, которую, правда, можно отключить, но тем не менее, вопрос об обновлении должен всё-таки решаться индивидуально в каждом конкретном случае.

Выглядит реклама приблизительно следующим образом:
Узнать подробности

Обучение наоборот

Reading time3 min
Views78K

Предисловие


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

И родилась у меня такая мысль: а не перевернуть ли этот процесс? То есть сначала давать задание, а потом материал? И не пойти ли еще дальше?
Пойти дальше

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

Reading time1 min
Views117K
Благодаря псевдоклассу :checked, появившемуся в CSS3, можно стилизовать формы с чекбоксами и радиокнопками как угодно. В этом топике рассмотрен один очень простой способ, причем без использования JavaScript.



Демонстрация Скачать исходники
Читать дальше →

Литьё по моделям напечатанным на 3D-принтере

Reading time3 min
Views266K

Jeshua Lacock пишет:
Эта страница описывает мою первую и успешную попытку отлить алюминиевые детали напрямую с моделей напечатанных PLA на 3D-принтере. Процесс практически идентичен литью с восковой модели, но вместо выжигания воска я выжигал пластик PLA (био-пластик)
Читать дальше →

Как правильно ставить задачи для сайта

Reading time13 min
Views104K
Все веб-студии или интерактивные агентства начинают общение с обратившимся к ним клиентом с того, чтобы выяснить, а что же, собственно, ему нужно. Тем не менее, за 15 лет развития индустрии мало что изменилось, и до сих пор встречаются вот такие перлы.



При этом во время общения с клиентом прямо чувствуется его отношение типа «давайте пропишем уже эти скучные цели-задачи, и наконец-то поиграем шрифтами». В массе заказчики не измеряют отдачу от сайта: удивительно, но их интересует сам процесс работы над сайтом, а не выгода, которую он принесёт.

В то же время и исполнители, говоря о целеполагании для сайтов, часто говорят скорее о функциональности, нежели собственно о целях.

«Цели-задачи» — это что-то вроде веб-девелоперского карго-культа: большинство студий ставит макет аэропорта из соломы («Сайт должен предоставлять посетителю всю необходимую информацию и формировать солидный имидж компании») и ждёт, когда с неба свалится ящик с консервами.

Давайте попробуем разобраться, как правильно подходить к постановке задач для сайта, в этой статье из четырёх частей:
  1. Поведение потребителя в «цифровую эпоху» — чем отличается сегодняшний потребитель от вчерашнего, и как это влияет на бизнес.
  2. Сайт как инструмент влияния — чем отличается сегодняшний сайт от вчерашнего, и о чём нужно помнить, решив создать новый сайт.
  3. Как ставить задачи для сайта? — конкретные рекомендации для заказчиков и студий. За рецептами — пролистывайте до сюда.
  4. Пример блока «Назначение сайта» — демонстрация того, что должно получиться в итоге.

Осторожно, под катом очень много букв!

Как стереть данные так, чтобы их не смогли восстановить спецслужбы?

Reading time5 min
Views425K


Восстановление и уничтожение данных — две стороны одной медали. Чтобы знать, когда и как можно вернуть себе информацию, надо понимать и как она может быть уничтожена безвозвратно. А в некоторых ситуациях бывает просто необходимо: например, уничтожение корпоративной информации при утилизации оборудования, уничтожение ваших личных данных при передаче диска в пользование друзьям или продаже, а может быть вы раз и навсегда хотите удалить историю переписки с любовницей ;) Считается, что лучшие специалисты по восстановлению данных работают в спецслужбах, поэтому мы сформулировали вопрос именно таким образом: как уничтожить информацию с диска так, чтобы её не восстановили ни копы из отдела «К», ни Q из Джеймса Бонда, ни даже наши специалисты из StoreLab.
Читать дальше →

Обзор бюджетных аудиофильских наушников

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

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

CSS слайдер

Reading time7 min
Views154K
С развитием CSS3, возможности верстки растут экспоненциально. Всё больше функционала можно реализовать на «чистом» CSS. В этом посте показан процесс разработки интерактивного циклического слайдера без единой строчки JavaScript. Автоматическая ротация, выбор любого слайда с плавным переходом – на «чистом» CSS. Пример в действии



Под катом пошаговое описание реализации

BigVideo.js: фоновое видео на весь экран

Reading time1 min
Views37K


Плагин BigVideo.js для jQuery добавляет на страницу видео в качестве фонового изображения через HTML5 Fullscreen API. Видео автоматически растягивается на любой размер экрана. Для работы нужно предварительно загрузить библиотеки jQuery, jQuery UI и jQuery imagesloaded. Запуск:

$(function() {
    var BV = new $.BigVideo();
    BV.init();
    BV.show('http://video-js.zencoder.com/oceans-clip.mp4');
});

В качестве хостинга своих видеороликов удобно использовать Vimeo Pro, он даёт прямую ссылку на mp4-файл и отгружает контент со скоростью более 10 Мбит/с.
Читать дальше →

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №20 (25 — 31 августа 2012)

Reading time5 min
Views22K
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

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

UICloud: Самая большая база пользовательских интерфейсов

Reading time1 min
Views35K


UICloud — это база бесплатных пользовательских интерфейсов с поисковой системой, рейтингом и каталогизатором в которой собрано все от исходников в формате PSD, до готовых решений на HTML, CSS или jQuery: формы, слайдеры, кнопки, календари, элементы и полноценные интерфейсы для мобильных и веб приложений. В проекте уже сейчас можно найти практически все что нужно для облегчения процесса разработки дизайнерам и разработчикам.

На данный момент в базе 23586 элементов и почти тысяча UI-сэтов включающие в себя готовые решения в едином стиле. Проект создан Британской студией Double-J Design целью проекта является создание самой обширной UI базы.

Information

Rating
Does not participate
Date of birth
Registered
Activity