Pull to refresh

Мысли вслух: о популяризации Jabber. Лёгкий путь [без тормозов]

Instant Messaging *
Глядя на жаркие споры -> об ICQ и Jabber, которые зачастую приводят к "Skype рулит", спрашиваю себя: будь я джабб «а что бы меня привлекло в Jabber настолько, что позволило бы мне перейти на него, как на основной IM?»
Читать дальше →
Total votes 53: ↑46 and ↓7 +39
Views 2.2K
Comments 170

Transition Terrafugia отправляется, просьба пристегнуть ремни

Lumber room

Еще в далеком 2006 году несклько молодых выпускниов отделения аэронвтики MIT спроектировали летающий автомобиль (или ездящий по дорогам самолёт) Transition («Переход»). По замыслу его создателей, Transition способен двигаться по асфальту на обычных для автотрасс скоростях, а в воздухе разгоняться до скоростей, свойственных спортивным самолётам. При этом Transition должен легко помещаться в стандартном гараже.

Это чудо рассчитано на полёты на расстояния в 150-800 километров и призвано придать лёгкость и бОльшую свободу передвижения людей между городами.

Transition имеет автоматически складывающиеся крылья и воздушный винт, приводимый в действие 100-сильным авиационным мотором. Машина пригодна для использования в роли обычного автомобиля. При этом специальным сцеплением двигатель отсоединяется от воздушного винта и подключается к ведущим колёсам. Наконец, аппарат этот требует мало места для взлёта.

И вот, ремни пристегнуты, фары включены, топливо в баке. Полетели!

Уже мечтаю о таком.

UPD:

Total votes 6: ↑6 and ↓0 +6
Views 282
Comments 28

Firefox 4 значительно ускорится и получит поддержку inline SVG

Firefox
Translation
Вечером 30 июня «Мозилла» явилась в Лондон в Англии, чтобы поведать про дополнения («Mozilla Add-Ons») и показать некоторые новые клёвые особенности грядущего Файерфокса 4.

Вероятно, наиболее впечатляющими (если не считать средства создания дополнений «Add-Ons Builder», основанного на «Беспине») оказались следующие будущие возможности Firefox 4:

→  отображение HTML5-видео (<video>)

→  рисование на холсте (<canvas>)

→  манипулирование изображениями на холсте (анализ пикселов, распознавание лиц с помощью opencivitas)

→  технологии «зелёного экрана» (хромакей) в иллюстрациях и видео, достигаемые анализом цвета пикселов

→  HTML5, встраиваемый внутрь SVG (ура!)

→  SVG как <img>

→  SVG как CSS-фон

→  SVG-фильтры, SVG-маски, SVG-контуры обрезки

→  SVG-анимация

→  inline SVG (то есть SVG внутри HTML5)

→  CSS3: селекторы, @font-face, 2D-преобразования (transforms), переходы (transitions), тени, градиенты, вычисления — calc(2em-10px)

→  API: геопозиция (geolocation), оффлайн (IndexDB, localStorage, AppCache, FileAPI: чтение двоичного содержимого из файла, перетаскивание файлов), веб-труженики (web workers) и сокеты (websockets)

→  контроллер на вебсокетах, запускающий презентацию с мобильника

→  WebGL

Некоторые из этих способностей подтверждались демонстрациями:

→  фильтры CSS3 и маски SVG на HTML5-видео:

Читать дальше →
Total votes 118: ↑97 and ↓21 +76
Views 969
Comments 72

CSS3 сейчас — transition

CSS *
CSS3 и HTML5 развиваются всё быстрее и быстрее, браузеры начинают поддерживать всё больше новых фишек и плюшек. В связи с этим, мне хотелось бы заглянуть в наш будущий рай верстальщиков и сделать цикл обзорных статей по новым плюшкам и фишкам этих технологий.
В этом цикле мне хотелось бы рассмотреть такие свойства CSS3, как transition, animate, opacity и модель rgba().

Использование CSS3.


Часто можно услышать от многих веб-дизайнеров слова «Я уже не могу дождаться, когда же можно будет использовать CSS3...». А между тем, использовать его можно уже сегодня. Да, использование CSS3 для критичных моментов сайта сейчас невозможно. Но использовать его для добавления мелких, некритичных для проекта деталей вполне реально, можно и нужно.

Читать дальше →
Total votes 63: ↑57 and ↓6 +51
Views 261K
Comments 45

[Перевод] Три причины не беспокоиться об отсутствии IPv4 адресов, и три причины об этом побеспокоиться

IPv6 *
Translation
Интернет-адреса IPv4 близки к исчерпанию. Для большинства компаний встает вопрос, насколько это окажет на них влияние? Нужно ли немедленно переводить всю инфраструктуру на IPv6, или можно воспользоваться другими вариантами? Ниже предлагается размышления, когда об этом стоит побеспокоиться, и когда — что важнее — не стоит.
Читать дальше →
Total votes 66: ↑51 and ↓15 +36
Views 1.6K
Comments 83

SITH — техника CSS3 для плавной смены изображения

CSS *
Sandbox
Доброго времени суток, Хабр!

Хотел бы рассказать Вам, каким образом я добился плавной смены цветов иконок при наведении на них курсора. Подобная проблема часто встречается на Facebook. Если иконка представляет собой синий силуэт на белом фоне, то при наведении курсора оба цвета меняются местами, причём происходит это мгновенно и выглядит немного резко. Мои эстетические чувства были задеты, и я разработал своё решение.

Не встретив на просторах Интернета чего-либо подобного, я взял на себя ответственность назвать этот метод SITH (Soft Image Transition on :Hover) — плавный переход изображения при наведении.

SITH - CSS3 Soft Image Transition on :Hover

Под хабракатом Вы найдёте полное описание техники, весь код, несколько скриншотов и ссылку на демонстрационную версию.
Читать дальше →
Total votes 140: ↑119 and ↓21 +98
Views 16K
Comments 48

Анимация меню при помощи CSS3

CSS *
Translation


В данной статье я хотел бы показать вам некоторые приёмы создания эффектов при помощи CSS3 на примере меню. Идея заключается в простой композиции элементов: иконки, основного названия и вторичного названия, которое будет анимировано при наведении курсора, используя только CSS-переходы и CSS-анимацию. Мы рассмотрим несколько различных эффектов для элементов.
Читать дальше →
Total votes 195: ↑188 and ↓7 +181
Views 34K
Comments 49

Создаем оригинальные hover-эффекты при помощи CSS3

CSS *
Translation


Мощь CSS3 огромна и в этом уроке вы сможете увидеть, как использовать его креативно. Мы собираемся создать несколько эффектов при наведении курсора мыши с помощью CSS3 transitions. При наведении курсора на эскиз будет показываться описание миниатюр, с использованием различных стилей в каждом примере.

Пожалуйста, обратите внимание, что эти примеры будут корректно работать только в современных браузерах, которые поддерживают свойства CSS3.
Читать дальше →
Total votes 198: ↑186 and ↓12 +174
Views 105K
Comments 47

Выезжающая панель на CSS3 с iframe внутри

CSS *

Здравствуйте, уважаемые Хабро-CSS3-люди!
Хочу поделиться маленьким опытом создания выезжающей панельки на CSS3 с iframe внутри и тем, как побороть неприятные сюрпризы от IE. Это решение мне кажется хорошо подойдет для добавления на сайт формы обратной связи, чата с консультантом и т.п.
На всякий случай напомню, что у iframe есть свои минусы, и при создании сайта с iframe необходимо их учитывать. Есть и плюсы, однако топик не об этом.
Добро пожаловать под хабракат
Total votes 41: ↑36 and ↓5 +31
Views 14K
Comments 62

Перемещения и трансформации в CSS3

CSS *
Translation

Здравствуй, дорогой хабрадруг! В интернете можно найти множество примеров отличного применения трансформаций и переходов в CSS3. В этой статье мы обратимся к основам основ CSS3 и научимся создавать что-то вроде этого. Данный туториал будет полезен тем, кто только начал знакомиться с CSS3. Давай-те же начнем!
Читать дальше →
Total votes 76: ↑72 and ↓4 +68
Views 297K
Comments 14

«Сделайте мне красиво!» Выпуск №39

Lumber room
Вашему вниманию очередной выпуск подкаста о веб-разработке «Сделайте мне красиво!»

Show notes:



Наши ссылки: RSS и лента на rpod.ru (лента прешоу)
Total votes 8: ↑6 and ↓2 +4
Views 820
Comments 0

Пять интересных эффектов при наведении с использованием нескольких фоновых изображений

CSS *
Translation
Tutorial
Сегодня мы рассмотрим все преимущества использования множественных фонов. Изучим базовые основы и создадим крутые эффекты при наведении с помощью CSS свойств hover и transition.

Ниже приведены пять различных примеров, которыми вы можете воспользоваться для создания собственных удивительных эффектов.

Что должно получиться


Посмотрим на то, что должно получиться в итоге. Подумайте, как можно реализовать эти эффекты чисто на одном CSS.

Демонстрация



Читать дальше →
Total votes 79: ↑74 and ↓5 +69
Views 21K
Comments 32

Полученные уроки: год с большим проектом на AngularJS

Website development *Angular *
image

После года работы с большим проектом на AngularJS, думаю поделиться некоторыми, извлеченными в процессе, уроками. Во-первых, мне нравится Ангуляр. Он отлично удовлетворяет моим потребности и, думаю, полностью перейти на него в обозримом будущем, когда мне потребуется надежный фреймворк для одностраничного «толстого клиента». Он потрясающий. Над ним работает команда мирового уровня, сообщество фантастическое, и он содержит (или предлагает сообщество) целый комбайн функций для создания веб-приложений.
Читать дальше →
Total votes 35: ↑28 and ↓7 +21
Views 28K
Comments 25

Летающие роботакси проще сделать, чем беспилотные автомобили

Robotics


Беспилотные летающие автомобили проще сконструировать, чем такие же беспилотные автомобили для дорожного движения. В принципе, это логичная и понятная мысль, просто мало кто думал об этом, говорит Карл Дитрих (Carl Dietrich), исполнительный директор компании Terrafugia, которая и занимается производством летающих автомобилей.

На конференции, которая прошла в Массачусетском технологическом институте, Карл Дитрих выступил с докладом и пообещал, что каждый гражданин сможет купить беспилотный автомобиль с вертикальным взлётом и посадкой в течение десятилетия.
Читать дальше →
Total votes 63: ↑51 and ↓12 +39
Views 43K
Comments 68

Набор кроссбраузерных CSS3 свойств

Website development *CSS *HTML *
Tutorial
Добрый день, союзники!

Мне, как верстальщику, приходится ежедневно сталкиваться с различными CSS3 свойствами, которые, хочется мне или нет, приходится использовать так, чтобы они корректно отображались во всех современных и несовременных браузерах. Само собой, у меня собралась некая библиотека, которую я использую при верстке различных проектов. Собирал я свою коллекцию, из различных ресурсов и форумов, на безграничных просторах сети Интернет, так что неудивительно, если кто-то уже сталкивался с чем-то в отдельности.

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

В любом случае, добро пожаловать!
Total votes 42: ↑23 and ↓19 +4
Views 52K
Comments 53

Анимации c помощью Transitions API

Development for Android *
Привет!

На хабре ещё не была освещена тема Transitions API для анимаций, которые появились в Android начиная с 4.4 (KitKat) и продолжили свое развитие в 5.0 (Lollipop). В своей статье я расскажу о том, как упростить работу с анимациями с их использованием и как применять их на любом устройстве с версией Android 4.0 и выше.


Читать дальше →
Total votes 34: ↑31 and ↓3 +28
Views 66K
Comments 20

Адаптивная карусель на AngularJS

JavaScript *Angular *
Tutorial
       Наверное, каждый начинающий web-разработчик должен написать кривую, с кучей костылей, но свою карусель. Данный материал поможет разобраться с некоторыми тонкостями фреймворка и покажет читателю как сделать карусель «angular way».
       Карусель — элемент web-интерфейса, который поочередно показывает пользователю заранее подготовленные слайды с информацией.

пример карусели

       Готовый проект можно посмотреть тут.
Читать дальше →
Total votes 13: ↑8 and ↓5 +3
Views 11K
Comments 5

Реализуем свой dropDown ViewController (aka iOS 8 Mail app) в 200 строк

Development for iOS *Cocoa *Objective C *Xcode *
Tutorial
Еще с beta версии iOS 8 мне очень понравилась эта новая фича приложения почты: при создании нового письма можно просто смахнуть это окно вниз и продолжить работу на предыдущем экране. Не уверен, насколько эта фича оказалась полезной конкретно в этом приложении, но идея то отличная! В тот же вечер я сел делать подобную штуку, и таки сделал свой велосипед, и на время забыл об этом.

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

image
Читать дальше →
Total votes 10: ↑9 and ↓1 +8
Views 13K
Comments 13

Долгожданный View Binding в Android

Development of mobile applications *Development for Android *

Пару дней назад Google выпустил Android Studio 3.6 Canary 11, главным нововведением в которой стал View Binding, о котором было рассказано еще в мае на Google I/O 2019.


Читать дальше →
Total votes 11: ↑11 and ↓0 +11
Views 41K
Comments 24

SwiftUI по полочкам: Анимация. Часть 1

Development for iOS *Development of mobile applications *Mobile applications design *
Tutorial
image

Недавно мне попалась свежая статья, в которой ребята пытались воспроизвести интересный концепт средствами SwiftUI. Вот что у них получилось:

image

Я с интересом изучил их код, но испытал некоторое разочарование. Нет, не в том смысле, что они что-то сделали неправильно, вовсе нет. Просто я не узнал из их кода практически ничего нового. Их реализация, это скорее про Combine, нежели про анимацию. И я решил построить свой лунопарк написать свою статью об анимации в SwiftUI, реализовав примерно тот же концепт, но используя на 100% возможности встроенной анимации, даже если это не совсем эффективно. Изучать — так до конца. Экспериментировать — так с огоньком:)

Вот что получилось у меня:


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

В этой статье же, я расскажу об основах, без понимания которых можно легко запутаться в более сложных примерах. Многое из того, о чем я буду говорить, в том или ином виде уже было рассказано в англоязычных статьях например этой серии (1, 2, 3, 4). Я же, сосредоточился не столько на перечислении способов работы, сколько на описании того, как именно это работает. И как всегда, я много экспериментировал, так что самыми интересными результатами спешу поделиться.

warning: под катом много картинок и gif-анимаций.
Читать дальше →
Total votes 12: ↑12 and ↓0 +12
Views 9.5K
Comments 9
1