Есть несколько способов кастомизации (изменения внешнего вида) инпутов такого типа. Все они обладают своими плюсами и минусами, но, на мой взгляд, предложенный мною вариант, выигрывает даже со своими минусами, коих всего один.
Владислав Шевченко @lutov
Архитектор ПО
Тренды в веб-дизайне: плоский интерфейс и длинные тени
2 min
25KБуквально за несколько недель, с момента показа новой iOS 7, произошел легкий сдвиг в сознании не только у дизайнеров, но и у пользователей, имя ему — плоский дизайн. Этот прием, да, назовем его так, получил шквал критики и восхищения, у него появились сторонники и лютые ненавистники, но сегодня, я постараюсь рассмотреть новый, современный, набирающий огромную популярность подход при проектировании — long shadows (длинные тени).
(P.S. — Все картинки кликабельны).
Что такое длинные тени в дизайне, и как это понимать?



(P.S. — Все картинки кликабельны).
Что такое длинные тени в дизайне, и как это понимать?



+35
Фотообзор шкафов завода КУБ-Украина
4 min
19KЕсли задуматься, то по большому счету 19” шкаф — это не более чем стальной корпус, внутри которого на «правильном» расстоянии друг от друга расположены направляющие для монтажа оборудования. Со стойкой вообще все просто.
Если есть требования расширить, то шкаф должен иметь как минимум: замок в двери, съемные боковые и заднюю стенки, удобно расположенные кабельные вводы, возможность организации естественной и принудительной вентиляции внутреннего пространства, возможность регулирования 19” направляющих.
Шкаф не должен быть хлипким или наоборот представлять собой неподъемный монолит металла. Большое значение для «уровня восприятия» потребителем, имеет качество покраски деталей, качество запорной фурнитуры (замки, ручки, защелки).
Если грамотно разработать конструкцию с толком и педантичностью «отработать» хотя бы приведенные выше пункты вы получите продукт, производство которого можно успешно освоить на внутреннем рынке, а не кормить наших друзей из Европы и Китая, доплачивая за доставку.
Что для этого необходимо? Вроде бы ничего сверхъестественного:
1. Интеллектуальные (инженеры-конструкторы) и сырьевые (металл, краска, фурнитура) ресурсы.
2. Производственная база.
При правильной постановке вопроса в Украине с этим нет проблем. Есть грамотные специалисты, их просто нужно найти и правильно «промотивировать». Металл мы поставляем половине планеты.
Живем мы не в пустыне. Мест для размещения производства в пустующей промзоне достаточно.
На примере отечественных шкафов «КУБ», которые собственно поставляем, разберем вопрос доверия отечественному производителю. Посмотрим далее, что получилось из простого интереса «показать» и рассказать про данное оборудование. Далее предлагаю изучить все плюсы и недостатки данной продукции. Стандартные телекоммуникационные шкафы в сером цвете, а серверные, как принято на рынке — черные.

РИС. 1 Общий вид шкафов 19" форм-фактора с классом защиты до IP30.
Если есть требования расширить, то шкаф должен иметь как минимум: замок в двери, съемные боковые и заднюю стенки, удобно расположенные кабельные вводы, возможность организации естественной и принудительной вентиляции внутреннего пространства, возможность регулирования 19” направляющих.
Шкаф не должен быть хлипким или наоборот представлять собой неподъемный монолит металла. Большое значение для «уровня восприятия» потребителем, имеет качество покраски деталей, качество запорной фурнитуры (замки, ручки, защелки).
Если грамотно разработать конструкцию с толком и педантичностью «отработать» хотя бы приведенные выше пункты вы получите продукт, производство которого можно успешно освоить на внутреннем рынке, а не кормить наших друзей из Европы и Китая, доплачивая за доставку.
Что для этого необходимо? Вроде бы ничего сверхъестественного:
1. Интеллектуальные (инженеры-конструкторы) и сырьевые (металл, краска, фурнитура) ресурсы.
2. Производственная база.
При правильной постановке вопроса в Украине с этим нет проблем. Есть грамотные специалисты, их просто нужно найти и правильно «промотивировать». Металл мы поставляем половине планеты.
Живем мы не в пустыне. Мест для размещения производства в пустующей промзоне достаточно.
На примере отечественных шкафов «КУБ», которые собственно поставляем, разберем вопрос доверия отечественному производителю. Посмотрим далее, что получилось из простого интереса «показать» и рассказать про данное оборудование. Далее предлагаю изучить все плюсы и недостатки данной продукции. Стандартные телекоммуникационные шкафы в сером цвете, а серверные, как принято на рынке — черные.


РИС. 1 Общий вид шкафов 19" форм-фактора с классом защиты до IP30.
+25
Ресайз анимированных GIF картинок с помощью PHP + GD
3 min
9.4KДоброго времени суток.
Сперва небольшое вступление.
Во время разработки своего собственного проекта я столкнулся с задачей ресайза GIF файлов исключительно средствами PHP без использования программного пакета ImageMagick (думаю сами догадались почему). Если есть задача значить ее надо решить, не придав ей большого внимания и сложности я пошел на просторы Интернета искать реализованный скрипт в виде функции или класса. И к своему удивлению и огорчению (так как ресайз должен быть однозначно) я нашел всего два скрипта на PHP, авторы которых сделали попытку реализовать эту нетривиальную задачу (о других языках я вообще молчу там только безальтернативный ImageMagick), хоть перерыл Интернет вдоль и поперек.
Сперва небольшое вступление.
Во время разработки своего собственного проекта я столкнулся с задачей ресайза GIF файлов исключительно средствами PHP без использования программного пакета ImageMagick (думаю сами догадались почему). Если есть задача значить ее надо решить, не придав ей большого внимания и сложности я пошел на просторы Интернета искать реализованный скрипт в виде функции или класса. И к своему удивлению и огорчению (так как ресайз должен быть однозначно) я нашел всего два скрипта на PHP, авторы которых сделали попытку реализовать эту нетривиальную задачу (о других языках я вообще молчу там только безальтернативный ImageMagick), хоть перерыл Интернет вдоль и поперек.
0
Автоматизация создания виртуальных хостов
2 min
12KДоброго времени суток!
В процессе разработке всегда хочется автоматизировать рутинные операции (или мне так кажется) и приступить непосредственно к действительно интересным вещам. Так как я являюсь веб-разработчиком, для меня такой операцией всегда было развертывание окружения. Сегодня я попытаюсь максимально упростить задачу создания нового хоста для нового проекта на локальной машине.
Если Вас замучило ручное создание хостов для Apache, а использовать готовый пакет типа XAMPP или Denwer нету желания/возможности/свой вариант, прошу под кат.
В процессе разработке всегда хочется автоматизировать рутинные операции (или мне так кажется) и приступить непосредственно к действительно интересным вещам. Так как я являюсь веб-разработчиком, для меня такой операцией всегда было развертывание окружения. Сегодня я попытаюсь максимально упростить задачу создания нового хоста для нового проекта на локальной машине.
Если Вас замучило ручное создание хостов для Apache, а использовать готовый пакет типа XAMPP или Denwer нету желания/возможности/свой вариант, прошу под кат.
+7
Популярно о 3D графике. Часть 2. Игры и 3D
4 min
51K
Прошу прощение за столь большой перерыв между первой и второй частью, но на то были как объективные, так и субъективные причины. Итак, часть вторая, про компьютерные игры и 3D.
И, да, статья рассчитана на тех, кто не имеет вообще представления о данном вопросе.
3D графика в компьютерных играх
Когда я на заработанные летом деньги в старших классах купил себе свой первый компьютер — ZX Spectrum и научился загружать с кассеты игры, меня сразу начал интересовать вопрос: как это все программируется? Ответ на этот вопрос я получил из книги по программированию игр для ZX Spectrum. Когда у меня появился РС-совместимый компьютер я уже представлял как делаются игры. Но прошло совсем немного времени и появились игры которые были непохожи на другие — игры с 3D персонажами. Одной из ярких представителей таких игр была Tomb Raider. И с каждым годом количество таких игр росло. Мне всегда было интересно: а как же они создаются? Но вразумительного ответа (Интернет тогда был экзотикой) я не нашел. Если бы мне в то время попалась подобная статья, то я бы получил ответы на некоторые вопросы. Надеюсь, что нижеприведенный текст поможет дать представление о том как в 3D играх появляются окружение и персонажи.
+4
Организуем выделение текста в textarea
4 min
25KTutorial
Добрый день.
В разработке интерфейсов иногда можно встретиться с задачей выделения вводимого пользователем текста в зависимости от определенных условий. (Например, была реализована серверная проверка грамматики, либо необходимо выделять определенным цветом те или иные слова\участки и т.д.)
Однако, элемент textarea не поддерживает html\bb теги. Как один из способов решения — использование contenteditable в элементах div.
В данной небольшой статье я предлагаю более-менее подробно рассмотреть способ выделения текста, используя textarea.
В разработке интерфейсов иногда можно встретиться с задачей выделения вводимого пользователем текста в зависимости от определенных условий. (Например, была реализована серверная проверка грамматики, либо необходимо выделять определенным цветом те или иные слова\участки и т.д.)
Однако, элемент textarea не поддерживает html\bb теги. Как один из способов решения — использование contenteditable в элементах div.
В данной небольшой статье я предлагаю более-менее подробно рассмотреть способ выделения текста, используя textarea.
+33
Реалистичный дым на Canvas
4 min
17KВведение
На просторах интернета есть несколько статей о том как сделать эффект дыма, но скрипты слишком «тяжелые», и лично для меня не совсем понятные. Вот я и решил упростить задачу тем, кому интересно воплотить такой эффект в своих проектах.
Писать много не буду, в основном код с подробными комментариями.
+51
На пути к созданию безопасного веб-ресурса. Часть 1 — серверное ПО
7 min
99KTutorial
Я уже довольно долгое время хочу формализовать все свои мысли, опыт, ежедневно применяемый на практике, и многое другое в одном месте и предоставить их общественности. Уверен, многим этот материал будет полезен. Он посвящен различным моментам в конфигурации серверного ПО Linux и безопасным подходам к созданию сайтов/приложений на php (все же это до сих пор одна из самых популярных связок, хоть её успешно и подвигают другие технологии. Но советы так же легко применимы и к веб-ресурсам на других технологиях).
Т.е. речь идет о типичной ситуации. Проект (стартап), купили под него сервер и разворачиваем на нем сайт. Бизнесу не нужно тратить лишних денег на сервера (поэтому будут выбраны наиболее производительные связки ПО), а так же нужно, чтобы все было безопасно, при чем бесплатно :)
Т.е. речь идет о типичной ситуации. Проект (стартап), купили под него сервер и разворачиваем на нем сайт. Бизнесу не нужно тратить лишних денег на сервера (поэтому будут выбраны наиболее производительные связки ПО), а так же нужно, чтобы все было безопасно, при чем бесплатно :)
+148
Знакомство с Yii 2 на основе создания простого блога
9 min
185KЗдравствуйте, уважаемые хабрапользователи!
Как вы уже поняли из заголовка, в данной статье пойдёт речь о новой версии Yii. Я попробую коротко, на живом примере, познакомить вас с замечательным Yii 2.
Писать полную инструкцию по созданию блога, наверное, не имеет смысла, так как многие шаги схожи с первой версией, но я буду писать именно про те нюансы, которые отличаются, и буду делать акцент на новинках Yii2, которые я заметил в процессе создания приложения. Всё же остальное вы сможете быстро посмотреть в демо приложении, что, наверное, будет более эффективно, чем просто написанный текст.
Как вы уже поняли из заголовка, в данной статье пойдёт речь о новой версии Yii. Я попробую коротко, на живом примере, познакомить вас с замечательным Yii 2.
Писать полную инструкцию по созданию блога, наверное, не имеет смысла, так как многие шаги схожи с первой версией, но я буду писать именно про те нюансы, которые отличаются, и буду делать акцент на новинках Yii2, которые я заметил в процессе создания приложения. Всё же остальное вы сможете быстро посмотреть в демо приложении, что, наверное, будет более эффективно, чем просто написанный текст.
+30
Чертежи в SVG формате. Часть 1 — Черновик стандарта
4 min
20KВ интернете можно найти много разной информации о создании чертежей в формате SVG. Чаще предлагается какой-то редактор и экспорт из формата DXF в SVG. Просматривая код SVG сразу видно что там много лишнего. Созданный в одном редакторе файл SVG не всегда может корректно открыться в другом. Одно радует, что браузеры начали поддерживать SVG формат. Всюду пишут про недостатки использования SVG. А может надо придерживаться единых правил структуры файла для отображения чертежей?
+27
20 вопросов про веб-шрифты
12 min
266K
Привет, Хабр!
Уже написаны горы статей, описывающих разные стороны работы с веб-шрифтами, собрано множество работающих примеров, но каждый день мы продолжаем сталкиваться с элементарным непониманием того, что такое веб-шрифты. Не у всех есть время гуглить материалы по данной теме, поэтому я попробовал дать ответы на часто задаваемые вопросы. Этот материал будет интересен прежде всего тем, кто еще не углублялся в тонкости шрифтовых технологий.
+93
Про Linux — для любознательных Windows-пользователей
9 min
315K
Так уж получилось, что даже на Хабре многие имеют очень смутное представление о семействе OS Linux.
Цель данной статьи – максимально популярным языком рассказать про особенности и отличия Linux от Windows для тех, кто вообще не имел с ним дела.
Я уже не один год свободно пользуюсь Archlinux, загружая винду лишь «на поиграться». Данная статья рассказывает о вещах, которые я выяснил эмпирическим путем, тыкаясь словно слепой котенок. Если бы в свое время мне попалась бы именно такая информация именно в такой форме — это сэкономило бы мне как минимум 2 года, в течение которых я переходил с Windows на Linux.
+93
Создаём игру, используя canvas и спрайты
15 min
165KTutorial
Translation
Веб сейчас везде, и предлагает очень мощную среду для создания и распространения приложений. Вместо цикла: написание кода → компиляция → запуск, просто обновите приложение или даже напиши код «на живую» в браузере. Кроме того, это относительно безболезненно позволяет распространять своё приложение на огромном количестве платформ. Интересно, что в последние несколько лет, разработка игр, используя HTML5, стала реальностью.
Элемент canvas был введен вместе с HTML5 и предоставляет API для работы с ним. API — прост, но если Вы никогда не работали с графикой, Вам потребуется время чтобы привыкнуть. Canvas поддерживается большим количество браузеров, что делает веб — хорошей площадкой для создания игр.
Элемент canvas был введен вместе с HTML5 и предоставляет API для работы с ним. API — прост, но если Вы никогда не работали с графикой, Вам потребуется время чтобы привыкнуть. Canvas поддерживается большим количество браузеров, что делает веб — хорошей площадкой для создания игр.
+87
Развитие пользовательских типов данных в программировании
16 min
38KХотелось бы остановиться и посмотреть на развитие языков программирования с точки зрения развития пользовательских типов данных (ПТД).
Сразу хочу оговориться, под пользователями понимаются программисты, как люди, пишущие код на этих языках. Ну, и те, кто этот код сопровождает или просто читает.
Пользовательские типы данных — это типы данных, которые могут быть созданы пользователем на основе того, что доступно в языке.

Пользователи желают иметь примерно такие типы данных
Пользователи хотели иметь возможность составлять данные так, как они сами того хотят. Хотели, хотят, и наверняка будут хотеть. Всё больше, всё разнообразней и сильнее.
Именно поэтому полезно проследить за развитием пользовательских типов данных в программах и языках программирования.
Сразу хочу оговориться, под пользователями понимаются программисты, как люди, пишущие код на этих языках. Ну, и те, кто этот код сопровождает или просто читает.
Пользовательские типы данных — это типы данных, которые могут быть созданы пользователем на основе того, что доступно в языке.

Пользователи желают иметь примерно такие типы данных
Пользователи хотели иметь возможность составлять данные так, как они сами того хотят. Хотели, хотят, и наверняка будут хотеть. Всё больше, всё разнообразней и сильнее.
Именно поэтому полезно проследить за развитием пользовательских типов данных в программах и языках программирования.
+51
Обучение программированию на Java
8 min
119K
Я собираюсь переучить на Java-программистов миллион человек.
Я собрал команду и сделал обучающий сервис, которым могу гордиться.
Рад сообщить, что теперь стать программистом легко, независимо от образования и опыта.
+153
PHP 5.5 «API хэширования паролей»
6 min
15KRecovery Mode
Вот и вышел финальный релиз PHP 5.5.0. Кратко о новых возможностях можно прочитать в посте на официальном сайте или «Переведенное на русский».
На хабре уже были статьи о некоторых новых возможностях PHP 5.5.0, такие как «Coroutines в PHP и работа с неблокирующими функциями» и «В PHP 5.5 возможно появится Finally»
В данной статье будет затронута одна из новых возможностей PHP 5.5.0 "API хэширования паролей".Предоставляющий застрахованные от ошибок разработчиков и более простые в использовании высокоуровневые функции для генерации и проверки валидности паролей по хэшам. Основное отличие нового API в том, что он берёт на себя генерацию надёжных хэшей, скрывая от разработчика операции ручного указания salt-а и выбора алгоритма хэширования (по умолчанию используется Bcrypt). Создание хэша сведено к выполнению "$hash = password_hash($password, PASSWORD_DEFAULT);", а проверка к вызову «password_verify($password, $hash)». В качестве причины внедрения нового API послужило безалаберное отношение многих разработчиков к генерации salt-ов и повсеместный выбор нестойких к перебору алгоритмов хэширования.
Будут рассмотрены константы, функции и код, использующий их.
На хабре уже были статьи о некоторых новых возможностях PHP 5.5.0, такие как «Coroutines в PHP и работа с неблокирующими функциями» и «В PHP 5.5 возможно появится Finally»
В данной статье будет затронута одна из новых возможностей PHP 5.5.0 "API хэширования паролей".Предоставляющий застрахованные от ошибок разработчиков и более простые в использовании высокоуровневые функции для генерации и проверки валидности паролей по хэшам. Основное отличие нового API в том, что он берёт на себя генерацию надёжных хэшей, скрывая от разработчика операции ручного указания salt-а и выбора алгоритма хэширования (по умолчанию используется Bcrypt). Создание хэша сведено к выполнению "$hash = password_hash($password, PASSWORD_DEFAULT);", а проверка к вызову «password_verify($password, $hash)». В качестве причины внедрения нового API послужило безалаберное отношение многих разработчиков к генерации salt-ов и повсеместный выбор нестойких к перебору алгоритмов хэширования.
Будут рассмотрены константы, функции и код, использующий их.
+38
Коллекция ресурсов для frontend и backend разработчиков
1 min
55K
Некий dypsilon выложил на GitHub огромную коллекцию ссылок на ресурсы по веб-разработке, за что ему огромное спасибо.
Список состоит из ссылок на библиотеки, руководства и статьи.
Frontend: github.com/dypsilon/frontend-dev-bookmarks
Backend: gist.github.com/dypsilon/5819528 (много node.js)
Ссылок много, но все — строго по делу и упорядочены по группам (пример для фронтенда):
- Архитектура
- Фреймворки
- Cross Browser
- Cross Device
- Паттерны и сниппеты
- Манипуляция с DOM
- … и многое другое
matmuchrapna советует еще frontdesk Вячеслава Олиянчука.
Настоятельно рекомендуется добавить в закладки, а лучше — почитать.
+80
Вышел финальный релиз PHP 5.5.0
2 min
59KВчера команда разработки PHP объявила об официальном выходе PHP 5.5.0!
Предыдущий мажорный релиз 5.4 был выпущен чуть больше года назад (1 марта 2012 года), а 5.3 аж в 2009 году (30 июня) — легко заметить, что разработка PHP наращивает темп!
Кратко о новых возможностях можно прочитать в посте на официальном сайте.
Тем кому интересно больше подробностей и на русском прошу под кат.
Предыдущий мажорный релиз 5.4 был выпущен чуть больше года назад (1 марта 2012 года), а 5.3 аж в 2009 году (30 июня) — легко заметить, что разработка PHP наращивает темп!
Кратко о новых возможностях можно прочитать в посте на официальном сайте.
Тем кому интересно больше подробностей и на русском прошу под кат.
+62
Какая связь нужна стартапу?
9 min
11K
Возникает вопрос – как выполнить работы по каждому из этих направлений максимально эффективно, какие технологии из тех, что уже используются на рынке, применить. Доступны ли вам последние разработки и сколько сил займет их внедрение?
Я предлагаю оценить 13 самых нужных функций современных АТС, и преимущества, которые дает IP-телефония начинающей компании.
+19
Information
- Rating
- Does not participate
- Location
- Белгород, Белгородская обл., Россия
- Date of birth
- Registered
- Activity