Как стать автором
Обновить
6
Карма
0
Рейтинг
qwertysx @qwertysx

Пользователь

  • Подписчики 2
  • Подписки 1

Набор инструментов для построения графиков, блок-схем и диаграмм

Разработка веб-сайтов *


Есть много разных сервисов, облегчающих жизнь веб-разработчику или дизайнеру, в том числе создающих разные графики, диаграммы, блок-схемы и т.д. Ниже представлена небольшая подборка.
(Осторожно, много изображений)
Читать дальше →
Всего голосов 151: ↑144 и ↓7 +137
Просмотры 141K
Комментарии 40

Кодирование видео в реальном времени во время загрузки

Работа с видео *
Сервис Transloadit.com запустил новую фичу: обработка видеофайла кодеком ffmpeg в процессе его загрузки на сайт. Серверы Transloadit обеспечивают скорость кодирования выше, чем скорость аплоада у большинства пользователей. Таким образом, теперь практически устраняется задержка между загрузкой и публикацией видеоролика.

Фича realtime-кодирования в некоторых случаях увеличивает «скорость кодирования» (то есть время между окончанием загрузки файла и окончанием кодирования) в 150 раз. Как это работает, показано на видео под катом или можно проверить самому в демо-секции на сайте Transloadit.com.

Задержка кодирования — очень неприятная штука. Например, на Youtube она раздражает очень многих пользователей. Хорошо, если ребята опыт коллег с Transloadit переймут разработчики других видеохостингов.
Читать дальше →
Всего голосов 41: ↑38 и ↓3 +35
Просмотры 3.7K
Комментарии 32

Видеохостинг своими руками

Работа с видео *
Эта статья о некоторых технических аспектах реализации бесплатного сервиса для загрузки, хранения и просмотра видео. Будут рассмотрены вопросы настройки серверного программного обеспечения, даны примеры команд для конвертации видео и примеры кода на языке PHP.
Читать дальше →
Всего голосов 126: ↑126 и ↓0 +126
Просмотры 56K
Комментарии 108

Халявные облака от Amazon + Ruby on Rails. Первые впечатления

Хостинг
Из песочницы
Tutorial
С ноября 2010 Amazon предоставляет минимальный пакет облачного хостинга бесплатно (сроком на 1 год и только для новых пользователей). Я давно собирался пощупать, что же это такое, и халява оказалась последней каплей. С целым выделенным сервером я вообще никогда дел не имел. На Linux я пересел всего несколько месяцев назад, в связи с интересом к Ruby on Rails, так что я — эталонный пример любопытного чайника. Надеюсь, что эта статья станет идеальной точкой входа в облака для таких же, как я, чайников.
Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 13K
Комментарии 18

Canvas Indicator — альтернатива для AjaxLoad.gif

Разработка веб-сайтов *JavaScript *Canvas *
Многие наверняка используют индикаторы процесса, например, когда передаете/получаете какие-нибудь данные через AJAX.

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

Делать специальный GIF под каждую ситуацию довольно глупо. Поэтому правильное решение — использовать Canvas.

Если вы еще не решили эту проблему, я жду вас под катом
Всего голосов 71: ↑59 и ↓12 +47
Просмотры 2.7K
Комментарии 74

8 полезных сервисов для веб-разработчика и дизайнера

Разработка веб-сайтов *
Под катом — описание восьми сервисов, которые могут заметно облегчить жизнь веб-разработчика, верстальщика или дизайнера.
Читать дальше →
Всего голосов 337: ↑324 и ↓13 +311
Просмотры 36K
Комментарии 59

Шпаргалки по HTML 5 и CSS 3

Разработка веб-сайтов *
Наверняка вы видели разные шпаргалки по веб-программированию. Теперь появились шпаргалки по HTML 5 и CSS 3.
Ссылки на скачивание под катом
Читать дальше →
Всего голосов 66: ↑60 и ↓6 +54
Просмотры 67K
Комментарии 34

Простой способ провести CSS-debug

CSS *
Болтаясь сегодня по интернету в поисках чего-нибудь интересненького, наткнулся на вот такой простой (и столь же замечательный в своей простоте) способ отыскать «неполадку» в верстке.

CSS

* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }
Цвет, тип и размер обводки каждый может выбрать по вкусу.

Поддержка браузерами:


Firefox Opera Google Chrome Safari

К сожалению, в браузерах от Microsoft версий 6 и 7 (в 8-й — все окей) свойство outline не поддерживается. Для них, пожалуй, придется использовать border.
Всего голосов 103: ↑96 и ↓7 +89
Просмотры 6.3K
Комментарии 56

Информация

В рейтинге
Не участвует
Зарегистрирован
Активность