Pull to refresh
Алексей Ильин @NemeZZiZZ read-only

User

Под стероидами на сковородке, или как сделать мышь дважды беспроводной

Reading time 4 min
Views 24K
Computer hardware Old hardware DIY


Доброго вам времени суток, уважаемые гики и сочувствующие!

В своей первой публикации я описал процесс устранения врождённого порока микропереключателей горячо мною любимой мыши Logitech MX1100.
Теперь пришло время сделать из этой прекрасной мыши идеальную. Чего же не хватает этому замечательному настольному другу для окончательного воцарения на самом верху эволюционной пирамиды? Ответ лежит на поверхности: современный литиевый аккумулятор с возможностью подзарядки через встроенные цепи просто необходим каждому беспроводному устройству. Встроить же беспроводную зарядку в беспроводное устройство — самый логичный шаг и деяние, достойного истинного джедая гика.
Осторожно, трафик!
Total votes 21: ↑18 and ↓3 +15
Comments 72

Циклическое слайд-шоу на чистом CSS3

Reading time 11 min
Views 92K
CSS *HTML *
Tutorial
Translation
Благодаря CSS3 мы можем создавать эффекты анимации, не используя JavaScript, что упростит работу многих разработчиков.
Мы не должны злоупотреблять CSS3, потому что старые браузеры не поддерживают все его свойства. В любом случае, все мы видим потенциал CSS3, и в этой статье мы обсудим, как создать зацикленный слайдер изображений, используя только CSS3-анимацию.

Скриншот слайд-шоу на чистом CSS3
Читать дальше →
Total votes 66: ↑62 and ↓4 +58
Comments 20

Как в проекте заменить jQuery на D3

Reading time 7 min
Views 19K
Website development *JavaScript *jQuery *
Translation
Создавая визуализации или интерактивные страницы, мы часто используем комбинацию из jQuery и D3. Причём в основном используется D3, а из jQuery берут небольшой набор функций для манипуляций с DOM.

И хотя в D3 есть мощные возможности – селекторы и обёртка для ajax, часто нам не хватает каких-то функций из jQuery. Мы покажем, как можно заменить jQuery, используя D3 повсеместно. В результате ваш код упростится, объём проекта уменьшится, и вы не будете смешивать разные подходы, а будете использовать функции так, как принято в D3.

Для начала рассмотрим, в чём эти две библиотеки сходятся. Это удобно для тех, кто уже знает jQuery, и хочет изучить D3.

Схожести


Селекторы

Обе библиотеки основаны на простых в использовании, но богатых на возможности селекторах.

jQuery

$('.foo').addClass('foobar');
$('.foo').removeClass('foobar');


D3

d3.selectAll('.foo').classed('foobar', true);  
d3.selectAll('.foo').classed('foobar', false); 


Управление стилями и атрибутами

jQuery

$('.foo').attr('data-type', 'foobar');
$('.foo').css('background', '#F00');


D3

d3.selectAll('.foo').attr('data-type', 'foobar');  
d3.selectAll('.foo').style('background', '#F00');  

Читать дальше →
Total votes 25: ↑19 and ↓6 +13
Comments 16

Favicons, Touch Icons, Tile Icons и т. д. Что выбрать?

Reading time 6 min
Views 149K
Website development *Development of mobile applications *HTML *
Translation
От переводчика.
Это перевод статьи Филипа Бернарда с сайта css-tricks.com. Часть статьи, содержащую описание работы с созданным им сервисом, я позволил себе опустить. Если вы найдете ошибки, просьба сообщить о них в личном сообщении.

Статья содержит результаты проведенного им исследования, каким должен быть фавикон (и то что его заменяет), чтобы хорошо отображаться в различных случаях.


Фавикон был представлен в 1999 году, в Internet Explorer 5 (источник) и стандартизирован W3C несколько месяцев спустя. Это была маленькая иконка, представляющая сайт.



С тех пор большинство настольных браузеров следуют тенденции и используют фавикон тем или иным способом. Это очень просто, не так ли? Создать маленькую картинку и добавить в любой интернет-проект, чтобы сделать его «завершённым». Ничего сложного.
Или нет?
Total votes 73: ↑71 and ↓2 +69
Comments 44

Загрузочный сервер — как загрузочная флешка, только сервер и по сети

Reading time 12 min
Views 427K
ServerClub corporate blog
Загрузочная флешка с набором нужного софта — замечательный инструмент системного администратора. Казалось бы, что может быть лучше? А лучше может быть загрузочный сервер!

Представьте, вы выбрали в BIOS загрузку по сети и можете установить ОС/вылечить компьютер от вирусов/реанимировать диски/протестировать ОЗУ/etc с PXE Boot сервера, ведь это куда удобнее, нежели бегать с флешкой от машины к машине.
А в случае большого компьютерного парка, такой инструмент и вовсе незаменим.

Вот такое меню встречает нашу команду инженеров при загрузке с PXE



Под катом вас ждет описание всех настроек, а так же небольшой сюрприз.
Поехали!
Total votes 141: ↑138 and ↓3 +135
Comments 82

300 потрясающих бесплатных сервисов

Reading time 11 min
Views 1.6M
Web design *Typography *Interfaces *
Translation


Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.



A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета

  • HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
  • Bootswatch: Бесплатные темы для Bootstrap.
  • Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
  • Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
  • Strikingly.com Domain: Конструктор веб-сайтов.
  • Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
  • Withoomph: Мгновенное создание логотипов (англ.).
  • Hipster Logo Generator: Генератор хипстерских логотипов.
  • Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
  • Invoice to me: Бесплатный генератор счета.
  • Free Invoice Generator: Альтернативный бесплатный генератор счета.
  • Slimvoice: Невероятно простой счет.

Читать дальше →
Total votes 341: ↑325 and ↓16 +309
Comments 107

Несколько интересностей и полезностей для веб-разработчика #37

Reading time 6 min
Views 41K
Website development *CSS *JavaScript *HTML *
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Buzz.js




В последнее время в интернете все чаще и чаще встречаются проекты, где различные интерфейсные элементы сопровождаются определенными звуками. Я бы даже сказал, что UX/UI в вебе переходит на новую ступень эволюции. А Buzz.js одним из первых готов помочь вам в озвучке вашего интерфейса. Это библиотека для работы с HTML5 Audio API с рядом подходящих обработчиков событий.

var mySound = new buzz.sound( "/sounds/myfile", {
    formats: [ "ogg", "mp3", "aac" ]
});

mySound.play()
    .fadeIn()
    .loop()
    .bind( "timeupdate", function() {
       var timer = buzz.toTimer( this.getTime() );
       document.getElementById( "timer" ).innerHTML = timer;
    });


Читать дальше →
Total votes 57: ↑52 and ↓5 +47
Comments 5

Несколько интересностей и полезностей для веб-разработчика #36

Reading time 5 min
Views 60K
Website development *CSS *JavaScript *HTML *
Доброго времени суток, уважаемые хабравчане. Поздравляю всех с наступившим 2015 годом! За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Лучшее от Codrops за 2014 год




Я думаю многие из вас знакомы с потрясающими демками от Codrops. Авторы сайта буквально всегда реализуют интереснейшие UI/UX задумки с помощью HTML/CSS/SVG/JS и подробно рассказывают о том, как они это сделали. А это их собственная мега подборка с лучшими работам. Также рекомендую для вдохновения коллекцию самых популярных пэнов за 2014 год от CodePen.
Читать дальше →
Total votes 74: ↑72 and ↓2 +70
Comments 7

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

Reading time 1 min
Views 26K
Design Medical gadgets
Что делать, если многочисленные операции не помогают исправить вывихнутые от рождения бедро и ногу? Виктория Модеста, певица и модель из Латвии, убедила врачей ампутировать ей эту конечность и теперь демонстрирует протезы ноги. Как утверждает девушка, ампутация помогла ей избавиться от комплексов, и теперь она чувствует себя гораздо более уверенной.

image
Читать дальше →
Total votes 39: ↑31 and ↓8 +23
Comments 33

Отзывчивые изображения на практике (Часть 3)

Reading time 6 min
Views 15K
PAYSTO corporate blog CSS *
Translation
Последняя часть истории об отзывчивых изображениях, которую мы начали здесь и продолжили тут, рассказывая о применении srcset и sizes. Сегодня речь пойдет об использовании тега для обертывания изображений.

Вторая стадия: picture и режиссура

srcset для ленивых, picture для безумных
Мэт Маркес

Итак, для изображений, которые просто нужно масштабировать, мы приводим список наших исходников и их ширину в пикселях в srcset, позволяем браузеру выбирать, какая ширина изображения будет отображаться с помощью sizes, и отпускаем наше безумное желание все контролировать. Но! Иногда нам захочется адаптировать наши изображения, выходя за рамки масштабирования. В таком случае, нам нужно вернуть небольшую часть контроля над подбором исходников. Вводим picture.
Читать дальше →
Total votes 29: ↑28 and ↓1 +27
Comments 2

jQueryUI timePicker — виджет для выбора времени

Reading time 4 min
Views 30K
jQuery *
Sandbox
image В процессе работы над корпоративным проектом нередко приходится переключаться на задачи разработки пользовательского интерфейса. Конечно, для реализации фронт-энда мы уже давно не изобретаем велосипеды, а используем готовые компоненты. Казалось бы, на все случаи жизни уже есть свой плагин, но недавно я с удивлением обнаружил, что для поля выбора даты существует огромное количество реализаций элементов-календарей, а вот поле выбора времени как-то обходится стороной.

Не знаю, то ли я плохо искал (на plugins.jqueri.com есть только один подобный — KitKatClock, но он несколько «недоработан»), то ли искать не хотел, то ли и в правду до такого элемента никому дела нет. В общем, поскольку часть интерфейса, которую я разрабатывал, была ориентирована на заполнение полей пальцем (целевая аудитория устройств — инфокиоски) или, реже, мышкой, а полей для ввода времени было предостаточно, я решил родить еще один никому не нужный jquery-плагин.
интересующихся прошу под кат
Total votes 32: ↑24 and ↓8 +16
Comments 21

Подборка интересных CSS рецептов «Голые пятницы #3»

Reading time 4 min
Views 49K
Lesta Studio corporate blog CSS *HTML *
Tutorial
голые пятницы

Здравствуй, дорогой читатель хабра!
Сегодня мы поговорим о градиентных границах, режимах наложения, о том, как рациональнее сверстать стандартную иконку меню. А так же откроем для себя заново старое css-свойство visibility и рассмотрим новое медиа-выражение @Supports.
Читать дальше →
Total votes 43: ↑40 and ↓3 +37
Comments 14

9 основных принципов отзывчивого веб-дизайна

Reading time 4 min
Views 125K
Web design *
Translation

Отзывчивый дизайн — отличное решение проблемы корректного отображения сайта на разных экранах. Однако новичкам зачастую трудно понять основы, обучаясь только по книгам/статьям. С каждым днём появляется всё больше различных устройств, имеющих разные размеры экрана, поэтому создание дизайна в пикселях и только для настольных компьютеров/смартфонов остаётся в прошлом. Именно поэтому сейчас стоит изучить принципы отзывчивого дизайна — дизайна, совмещающего в себе адаптивность и резиновость (если вы ещё не знакомы с адаптивным дизайном, то эта статья будет хорошим выбором для начала изучения).
Читать дальше →
Total votes 69: ↑62 and ↓7 +55
Comments 17

Практическое применение FlexBox

Reading time 10 min
Views 362K
Website development *CSS *
Привет, хабр!

Одним прекрасным вечером, не предвещающим ничего интересного, в наш чатик поступило предложение от автора публикации «Переводим в код 5 действительно полезных шаблонов адаптивной разметки», написанной им весной 2012 года, написать статью-ремейк, но с применением FlexBox и сопутствующим пояснением что и как работает. После некоторой доли сомнений, интерес глубже разобраться в спецификации все таки победил и я благополучно сел верстать те самые примеры. В ходе погружения в эту область стало выясняться множество нюансов, что переросло в нечто большее чем просто переверстать макетики. В общем в данной статье хочу рассказать о такой чудесной спецификации, под названием «CSS Flexible Box Layout Module» и показать некоторые ее интересные особенности и примеры применения. Всех кому интересно, любезно приглашаю под хабракат.
Читать дальше →
Total votes 56: ↑54 and ↓2 +52
Comments 40

Патч-обновление FFCMS 2.0.4

Reading time 6 min
Views 4.2K
FFCMS corporate blog CMS *PHP *
Доброго времени суток, уважаемый читатель и обыватель habrahabr! За прошедшие 2 недели с момента моей первой публикации здесь и на других тематических ресурсах удалось собрать достаточно приличный репорт о системе, связанный с сообщениями о необходимости улучшения как интерфейсов системы, функциональных возможностей так и качества ее кода.
И вот сегодня я готов представить вам обновление(патч) FFCMS с версией 2.0.4, в которую вошли исправления и наработки связанные с вашими пожеланиями.
Я хотел бы поблагодарить всех тех, кто обратил внимание на FFCMS и внес свой вклад в развитие бесплатного продукта — я благодарен всем за ваш фидбэк и pull-request'ы на github'e — именно вы можете задавать направление разработки и улучшать систему для собственного и коллективного пользования.
Читать дальше →
Total votes 17: ↑10 and ↓7 +3
Comments 14

Как я покупал 3D-принтер

Reading time 16 min
Views 872K
3D printers

Данный пост является своеобразным предостережением тем, кто задумал купить 3D-принтер. Этот, казалось бы, простой процесс для цивилизованных стран, может вдребезги разлететься о суровые Российские реалии. Я, сам того не ожидая, сумел пройтись по всем возможным граблям, и на собственной шкуре убедился, как же в действительности обстоят дела по «ту сторону экрана». Итак, приглашаю Вас поучиться на чужих ошибках.
Читать дальше →
Total votes 350: ↑342 and ↓8 +334
Comments 487

Интернет-пираты превращают маленьких детей в коррупционеров

Reading time 7 min
Views 35K
Copyright

Кликабельно

— Эвоно как!.. — подумал Петрович и попытался выстроить логическую цепочку превращений. Идею с укусами он отмел сразу, как антинаучную.
Читать дальше →
Total votes 165: ↑151 and ↓14 +137
Comments 56

VIZIO. Недорогой ноутбук с Full HD IPS экраном

Reading time 5 min
Views 171K
Gadgets Computer hardware Laptops
Краткая справка:
VIZIO — довольно известная американская фирма. Существует с 2002 года. Производит в основном ЖК телевизоры и мониторы. В последнее время предпринимаются попытки вырваться на рынок ультрабуков и планшетов. Разработка устройств производится в США. При этом разрабатывается не только дизайн, но и внутреннее устройство всей техники и ничего не отдается в аутсорс индусам или китайцам. Производственные мощности находятся в Мексике, Китае и на Тайване. Все заводы, производящие технику, частично или полностью принадлежат собственно фирме VIZIO. Отличается агрессивной маркетинговой политикой, обвиняет крупнейшие мировые бренды в нанесении вреда экологии, использовании копеечной полурабской рабочей силы и кичится своей политикой разработки всего до «последнего винтика» грамотными американскими инженерами. Планов выхода на Российский рынок нет. Вероятность появления у нас продуктов VIZIO или сервис центров стремится к нулю.

Из этого следует что простому российскому гражданину для знакомства с техникой VIZIO придется взять на себя расходы по пересылке довольно увесистого агрегата из США и риски связанные с почтой России и гарантией действительной только в Калифорнии.
image
Вот он какой из себя — весь такой типично металлический минималистский американец.
Всех кто еще не окончательно потерял интерес к описываемой теме, прошу под кат
Total votes 55: ↑45 and ↓10 +35
Comments 111

Разоблачение 12 юридических заблуждений о программах для ЭВМ

Reading time 7 min
Views 180K
Copyright
Sandbox


Заблуждение / опасная привычка На самом деле … Наш совет прост:
1. Мы создали программу и автоматически стали ее авторами и правообладателями. Для охраны и продажи программы никаких документов оформлять не нужно, ведь она охраняется авторским правом — ©! Действительно: программа для ЭВМ охраняется авторским правом как литературное произведение (п.1 ст. 1259, ст. 1261 ГК РФ).

Но то, что для возникновения авторских прав не требуется регистрация или соблюдение каких-либо иных формальностей (п.4 ст. 1259 ГК РФ), ни в коем случае не освобождает:
− от соблюдения набора критериев, установленных законом;
− от необходимости документально доказать факт создания программы и свои права на них.

Неоформленный SOFT закон не охраняет.

Всё просто: если у вас спор о правах на программу, то без документов вы не сможете доказать, что (1) у вас были права и (2) ваши права нарушены, (3) что сама эта совокупность данных и команд на языке программирования является интеллектуальной собственностью (ведь различные версии и релизы никакой новой интеллектуальной собственности не создают).
То же самое – при постановке на бухгалтерский учёт и оформлении бухгалтерских проводок.

Коротко говоря: нет документов = нет интеллектуальной собственности = нет нарушений прав = нет компенсации за нарушение прав.
Оформляйте много хороших и разных документов при создании программ для ЭВМ:
— договоры с авторами;
— договоры с подрядчиками;
— технические задания;
— протоколы совещаний и тестов;
— соглашения между соавторами;
— авторское свидетельство;
— сертификат признания интеллектуальной собственности;
— спецификация РИД;
— свидетельство о регистрации программы для ЭВМ (Роспатент).
Читать дальше →
Total votes 149: ↑119 and ↓30 +89
Comments 210

Чернила для струйников продолжают дорожать

Reading time 2 min
Views 139K
Computer hardware
Чернила для струйных принтеров — одна из самых дорогих жидкостей на планете, а производители нашли новый способ извлечения сверхприбыли: уменьшение объёма картриджей, пишет The Guardian. На иллюстрации: картридж для принтера HP300 образца 2002 года (слева) и 2010 года (справа). Размер губки с чернилами уменьшен, хотя размер картриджа остался прежним.

Цветной картридж Epson T032 образца 2002 года имеет такой же физический размер, что и картридж Epson T089 образца 2008 года, но первый содержит 16 мл чернил, а второй — 3,5 мл. Аналогичная ситуация у компании HP: десять лет назад самый продаваемый картридж для HP300 содержал 42 мл чернил и продавался примерно за $33, а сейчас картридж объёмом 5 мл продаётся за $20. Полный картридж маркируется как HP300XL и продаётся за $30-38.
Читать дальше →
Total votes 79: ↑66 and ↓13 +53
Comments 168

Information

Rating
Does not participate
Location
Красноярский край, Россия
Date of birth
Registered
Activity