Андрей Плясунов @andro_xl

User

Profile Publications Comments 86Bookmarks 106

shimapa23 Feb 15 2015 at 17:07

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

11 min

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: Невероятно простой счет.

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

+309

107

LittleTOXA Dec 8 2011 at 13:27

Работаем с EMS по нарушению сроков доставки посылок — инструкция

4 min

213K

E-commerce management*

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

Сходу расстрою — посылкой управлять никак нельзя. Если она долго не «прилетает» в Россию (т.е. статус Экспорт стоит, а Импорт — нет) — тут вряд ли что-то поможет. Однако страхуемся, делаем по шагам, описанным ниже.
Порадовать тоже могу: процентов 95 посылок все-таки доходят. Объем для сравнений — порядка 10 посылок в месяц из США и Европы.
Обращаю внимание, что многие посылки (процентов 60 всех отправлений) я получаю «от себя», используя сервисе вроде Шипито. В некоторых случаях это означает, что почта не может отказать в претензиях по причине того, что они представляются «не отправителем». Однако во многих случаях рекомендую идти и биться за свою посылку при помощи процессов и документов, представленных ниже.

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

+167

108

Drizzly Nov 1 2010 at 10:01

Яндекс.Директ. Кавычки против минус-слов или как отделить жемчужины от навоза

4 min

16K

Lumber room

Цель настройки любой рекламной кампании сводится к двум основным стремлениям рекламодателя.
— Четко нацелиться на целевую аудиторию, выжать из нее максимум посетителей себе на сайт (если кто-либо из целевой аудитории, запрашивает ключевое слово – мы должны сделать все, чтобы заполучить его себе на сайт)
— Ни в коем случае не допустить показов нецелевой аудитории (показы этой аудитории понизят драгоценный CTR и повысят стоимость клика, а возможные случайные клики этой аудитории – съедят кусок бюджета)
Для выполнения этих целей Директ предоставляет нам 2 инструмента: Оператор «кавычки» и минус-слова. О них и речь в этой статье.

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

+40

Joshua Aug 11 2010 at 00:32

Как не стать спамером со своей уютной рассылочкой

1 min

67K

IT-companies

Пользователь когда-то подписался на рассылку, но уже забыл когда, и главное зачем. Теперь ежедневно к нему падает спам, а по собственному опыту он знает, для того чтобы отписаться нужно зайти по ссылке свой профиль, найти и снять там какую-то галку а главное, помнить свой логин и пароль на давно забытом им сайте.
Его действия? «В спам!»

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

И вот, с десяток таких «отписок» и гугл будет удобно отсортировывать ваши рассылки в папочку Спам (584), у ВСЕХ ваших подписчиков.

Однако многие из нас уже успели заметить: некоторые письма в Gmail при попытке отметить их «В спам!» САМИ предлагают отписаться от рассылки в один клик.

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

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

+222

aleksandrit Jul 9 2010 at 19:33

Почему никогда не стоит просить что-то у дизайнеров

5 min

Design

Translation

От: Шеннон Уолкли
Дата: понедельник, 21 июня 2010, 9:15
Кому: Дэвид Торн
Тема: Объявление

Привет.

Я открыла входную дверь вчера, и моя кошка вышла и пропала… Если ты не занят, не мог бы ты сделать для меня объявление? Оно должно быть формата A4, я сделаю копии и развешу их везде в моём районе днём.

Это единственная её фотография, она откликается на имя Мисси, она чёрно-белая и ей около 8 месяцев. Пропала на Харпер-стрит и мой номер телефона.

Спасибо. Шен.

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

+241

130

petrouv Apr 12 2010 at 09:20

Перенос почты из Gmail в Google Apps

2 min

2.1K

Lumber room

Если вы решили использовать базовый пакет Google Apps, а до этого пользовались Gmail'ом, а письма старые вам нужны, то вы очень быстро столкнетесь с тем, что Google Email Uploader некорректно работает с кириллицей, да и вообще теряет письма при переносе, а миграция средствами Google Apps на бесплатном варианте недоступна.

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

+10

alizar Feb 12 2010 at 14:03

Программные интерфейсы Google Chart Tools

1 min

12K

IT-companies

Google выпустил программные интерфейсы для построения графиков и диаграмм Chart API, которые бесплатны и свободны для использования. Они объединены в едином фреймворке Chart Tools.

С помощью Chart API диаграммы генерируются путём отправки простого URL-запроса на сервер диаграмм Google. Примеры возможных диаграмм можно посмотреть в галерее. Кроме всего прочего, Chart API поддерживает динамические иконки, QR-коды и математические формулы.

Что касается Visualization API (Interactive Chart API), то интерактивные диаграммы создаются через библиотеку JavaScript, разработанную в Google (примеры). В качестве источников данных могут выступать, например, таблицы Google Docs или базы Oracle PL/SQL.

via Google Code Blog

+33

AlexLeonov Feb 9 2010 at 16:23

mod_rewrite — просто о сложном

4 min

64K

Lumber room

Что это такое?

mod_rewrite — это модуль для веб-сервера Apache, предназначенный для преобразования URL-ов. Модуль использует в своей работе правила, которые могут быть описаны как в конфигурации сервера (httpd.conf), так и в файлах .htaccess непосредственно в файловой структуре Вашего сайта. Правила описываются в виде регулярных выражений PCRE

Hello world

Простейший пример. Допустим, Вы захотели, чтобы никто не знал, что Ваш сайт написан на PHP и решили замаскировать расширения файлов. Можно, конечно, внести соответствующую директиву в конфигурацию Apache и тогда все файлы с расширением ".msl" («My Super Language») будут обрабатываться интерпретатором PHP. Но можно поступить проще:
создаем в корне нашего сайта файл .htaccess со следующим содержимым

RewriteEngine On

RewriteBase /

RewriteRule ^(.*)\.msl$ $1.php [QSA,L]

Первая директива включает механизм mod_rewrite в текущей папке и во всех ее подпапках. Вторая указывает модулю mod_rewrite, что текущая папка в файловой системе соответствует корню сайта. Третья — непосредственно правило преобразования URL.

Прочесть его можно так:
Если сразу после начала строки ("^") идет произвольное количество любых символов ( "(.*)" ), причем мы хотим запомнить, что именно это за символы, окружая их скобками, затем идет точка ("\.") (экранируем точку, потому что одиночная точка — это просто любой символ), затем символы «msl» и на этом строка заканчивается ("$"), то заменим исходный URL на следующий: возьмем первую запомненную подстроку в скобках из правила, прибавим к ней ".php", добавим все дополнительные параметры адреса, которые могли быть "[QSA]" и на этом закончим, не будем применять дальнейшие преобразования, если они есть "[L]"

Все, теперь Вы можете смело менять все ссылки, заканчивающиеся на ".php" на ".msl" и писать в своем блоге, что изобрели новый скриптовый язык. Apache, встретив ссылку на «index.msl» с помощью mod_rewrite на лету преобразует ее в «index.php» и вызовет нужный скрипт.

А что еще умеет mod_rewrite?

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

+21

TulerNiels May 5 2009 at 12:01

Сервис подбора цвета автомобиля Colorible

1 min

1.4K

Lumber room

Colorible поможет подобрать цвет автомобилю (и не только).

Проект был создан в помощь людям, которые планируют покупку нового автомобиля. Теперь не нужно посещать сайты авто производителей и искать на них информацию о цветовой гамме предлагаемых авто — всё это теперь доступно на Colorible. К слову, совсем не многие авто-производители предлагают возможность подбора цвета для автомобилей на своих сайтах.

Подробнее

+40

tanq Mar 20 2009 at 14:17

И ещё немного о input file

2 min

1.9K

Lumber room

Вопрос о стилизации <input type=«file» /> настолько стар, что наверное только ленивый не пробовал собственную реализацию этого, несомненно, важного в web дизайне элемента.
Однако, в большинстве своём, решения очень не однозначны и зачастую предлагают примерно следующие варианты:

Наложить файл инпут поверх картинки и сделать его прозрачным.
Использовать flash.

При этом, в первом случае, чтобы всё работало относительно одинаково во всех браузерах, предлагается «спорные области» — те что в одном браузере являются активными для нажатия, а в другом неактивными — закрыть, например, наложив сверху <div></div>. Стоит ещё добавить, что тут же используется значительное количество css со всяческими отрицательными отступами и float`ами.
А во втором случае мы имеем ряд не удобств связанные с активацией flash элементов (например в IE), а лично у меня (и думаю у всех, кто в ФФ использует Add Block Plus дополнение) кнопочка block совсем не красит флешевый инпут файл.

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

+16

avbejan Jan 31 2009 at 00:00

Заполнение пустого пространства плавающими блоками. Разбор 2-ух примеров реализации. От Яндекса и от студии Лебедева.

1 min

727

Lumber room

Недавно столкнулся с проблемой реализации плавающих блоков в одном интернет магазине. Суть в том, что товары выводятся в виде блоков. По задумке количество блоков по горизонтали должно меняться в зависимости от разрешения экрана. Использовать float в тупую не удалось из-за не фиксированой высоты блоков.
Немного погуглив я ничего не нашел. Зато вспомнил, что видел подобное на Яндексе и в магазине студии Лебедева.
Сообственно я выкладываю сюда для ознакомления то, что вы и сами можете найти в указанных источниках. Все, что я сделал это почистил от лишнего кода. Если-бы я нашел подобный пост раньше это сэкономило-бы мне время.

смотрим...

+17

andreww Nov 19 2008 at 13:27

Делаем скриншоты в Mac OS X Leopard (новые возможности!)

1 min

740

Lumber room

Вам наверное уже известны клавиатурные сокращения, которые используются в Mac OS X ранних версий чтобы сделать снимок экрана:

Command-Shift-3: делает снимок всего экрана и сохраняет его на рабочий стол.
Command-Shift-4, затем выделите область: делает снимок выделенной области экрана и сохраняет его на рабочий стол.
Command-Shift-4, затем клавиша «пробел», и кликните по окну: делает скриншот окна по которому вы щелкнули и сохраняет его на рабочий стол.

Command-Control-Shift-3: делает снимок всего экрана и сохраняет его в буфер обмена.
Command-Control-Shift-4, затем выделите область: делает снимок выделенной области экрана и сохраняет его в буфер обмена.
Command-Control-Shift-4, затем клавиша «пробел», и кликните по окну: делает скриншот окна по которому вы щелкнули и сохраняет его в буфер обмена.

В Mac OS X Leopard возможность фотографирования экрана значительно расширена – указанные ниже клавиши можно нажимать при выделении области (при Command-Shift-4 или Command-Control-Shift-4):

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

Shift, чтобы изменять только одну границу выделенной области (сразу как сделали выделение, не отпускайте клавишу мыши, нажмите Shift и протащите например по горизонтали, если вам нужно отредактировать вертикальный размер – отпустите и снова нажмите Shift и протащите по вертикали).

Option, чтобы изменять размер выделенной области относительно центральной точки (как только сделали выделение, нажмите Option (Alt) и протащите мышью чтобы увеличить размер выделенной области относительно ее центра).

webmasters_by Oct 15 2008 at 19:56

jQuery Horizontal Accordion — «играем» на аккордеоне

2 min

1.6K

Lumber room

Translation

В этом примере я покажу как создать «эффект аккордеона», который можно использовать как для меню, так и для любых других целей. Раньше для этих целей использовался Flash, но теперь можно воспользоваться и jQuery.

Чтобы использовать jQuery на Вашем сайте, Вы сначала должны загрузить последнюю версию этой javascript-библиотеки, а затем подключить ее к Вашей странице.

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

veter Oct 8 2008 at 23:40

Лучшие графические редакторы, написанные на Flash

7 min

2.1K

Image processing*

Лучшие графические редакторы, написанные на Flash

Когда заходит речь о миграции с Windows на другие платформы или на веб-приложения, каждый раз возникает неоспоримый аргумент: но там же нет фотошопа! Этот легендарный графический пакет благодаря пиратам прижился, наверное, на подавляющем большинстве компьютеров в СНГ. И несомненно альтернативу столь сложной программе найти сложно. Но если откровенно, как в большинстве случаев используется вся мощь фотошопа? Изменить размеры, подкорректировать яркость, иногда убрать лишние детали, да отправить на е-мейл подружке.
Нужен ли для этого полноценный большой Photoshop? В большинстве случаев нет, если только вы не дизайнер-профессионал высокого класса. А значит, аналог найти будет уже проще.
Но искать аналог среди настольных программ или программ под Linux это неинтересно! Мы живем в век Web 2.0, поэтому попробуем поискать аналоги среди веб-приложений. Да, еще недавно это было бы фантастикой, но развитие графических возможностей прежде всего Flash уже сегодня позволяет получить весьма интересные результаты. Конечно, описываемые редакторы не станут полноценной заменой «старшему брату», но для небольших фотокоррекций они пригодятся. Или представьте себя в интернет-кафе, где привычного вам софта нет, а вам нужно срочно взять готовую картинку, что-то в ней поменять, отметить или подписать и отправить собеседнику. В этом случае вас тоже может спасти одна из рассматриваемых ниже программ.

Читать о 10 наиболее интересных представителях этого вида

+72

sunnybear Oct 5 2008 at 18:23

Разгони свой сайт. Оглавление

3 min

1.1K

Lumber room

После обсуждения рентабельности выпуска бумажной книги я решил все же сконцентрироваться на электронной версии. Если она окажется достаточно популярна, там можно будет и о hard-copy подумать.

В эпоху Web2.0 технологий и взглядов было бы глупо писать книгу в отрыве от ее читателей, поэтому в данном топике выложено предварительное оглавление (чтобы скорректировать дальнейшую работу). Оно преследует две цели: во-первых, дать общее понятие о необходимости клиентской оптимизации. Во-вторых, рассказать о существующих подходах и наиболее современных решениях. Книга не стремится научить оптимизировать сложные JavaScript-приложения или настраивать nginx + FastCGI. Только общий подход и основные методики.

Любые комментарии приветствуются.

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

+44

Drabu Sep 15 2008 at 03:14

10 причин, почему все программисты — геи

1 min

15K

Lumber room

1. Программисты слишком эгоцентричны. Планета движется только благодаря им и Google, а все остальные люди лишь обеспечивают программистам достойное существование. А как известно, все геи — эгоцентричны.
2. Программисты пишут код так, как им хочется, а не так, как надо писать, чтобы успеть в срок. Поэтому они всегда опаздывают. Всегда опаздывают только женщины и геи.
3. Программисты ничего не понимают в дизайне. Зато, ругают всё, что c ним связано. При этом, постоянно посещают сайт Студии Лебедева. Двуличные геи!
4. Программисты выбирают такие решения, которые при должном старании позволят проекту бесконечно долго оставаться в жопе. Любители жоп — это геи.
5. Кумиры программистов исключительно — бородатые мужчины. Это недвусмысленно указывает на ориентацию. Некоторым этого мало, и они любят лису, пингвина и других странных животных.
6. Программисты подбирают свою одежду так, чтобы никогда не понравиться женщинам. А между свиданием и тестом новой фичи от Google они всегда выберут последнее. 100% геи!
7. Программисты любят обосрать код других программистов. То есть сплетничают, совсем как геи.
8. Программисты делятся на пассивных и активных. Пассивные знают язык пиэчпи. Активные не знают ни одного языка, но при этом пишут на всех подряд. И те, и другие — немного разные, но геи.
9. Программисты ставят убунту на макинтош. Кто покупает маки? Правильно, геи! А кто с ними может так извратиться? Только очень злые и развращённые геи.
10. Программисты могут испортить любую верстку или интерфейс. Потому что они видят красивое альтернативно. Геи.

Если ты программист, и ни один пункт к тебе не подходит, то у этой планеты ещё есть шанс!

-75

152

Marshalkin Aug 26 2008 at 17:58

Введение в поисковую оптимизацию

3 min

1.7K

Lumber room

В свете глобальной борьбы со спамом, пиаром, seo и прочей рекламой, многие стали боятся использовать эти инструменты во благо.
С другой стороны большое количество пользователей (в том числе авторов контента) не имеют понятия о поисковой оптимизации и других средствах распространения информации.
Но ведь мы пишем, фотографируем, поём чтобы нас читали, смотрели, слушали!?
Для этого, прежде всего, необходимо, чтобы этот контент нашли!

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

Для этого необходимо сделать определенные действия и об этом я и хотел написать.

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

azproduction Aug 23 2008 at 02:49

Обзор Todo сервисов

4 min

8.4K

Lumber room

На днях искал туду сервис для идей и проектов (идей много и постоянно из головы все вылетает) и для общения с заказчиками (да, я все ещё использую сервисы 20 века ICQ, Email :) ).
Ставились следующие приоритеты:

Удобство навигации (множитель 1,0)
Удобство управления туду-списками (множитель 1,0)
Collaboration (множитель 1,0)
Дизайн интерфейса (множитель 0,8)
Качественная справочная система (множитель 0,8)
Русский интерфейс по большему счету для удобства заказчика (множитель 0,8)
Добавление задачи по Email (множитель 0,5)
Интеграция с GMail/Google Calendar (множитель 0,5)
Наличие API (множитель 0,5)
Оповещение по Email (множитель 0,5)
Оповещение по IM (ICQ, Jabber, Skype, MSN, Google Talk) (множитель 0,5)
Интерфейс для сотовых и КПК (множитель 0,3)
Чтобы это меня впечатлило — эмоции от проекта (множитель 0,1)

Детальный обзор под хабракатом

+36

crocodile2u Jul 31 2008 at 17:12

flash-видео на веб-страницах и PHP

8 min

Working with video*

Эта статья — перепечатка статьи от 16 ноября 2007 г. с моего блога, ссылку на который можно найти в моем же профайле — но, поскольку так уж вышло, что тема эта, кажется, до сих пор многим интересна, к тому же не так давно я читал на эту тему доклад на конференции PHPConf… в общем — судите сами.

Вступление

В последнее время все большее распространение получает технология трансляции видео через веб – без необходимости скачивать медиа-контент на машину пользователя, с просмотром прямо из браузера. Таким образом можно просматривать довольно большое количество различных форматов видео, однако, это требует наличия определенных плагинов на стороне пользователя. Очевидно, самым распространенным подобным плагином является flash-player (ну хорошо, хорошо: если быть точным, то он, конечно же, не может сам по себе проигрывать видео – но позволяет легко создать приложение, способное воспроизводить видео-контент). Яркий пример такого подхода – youtube.com. Попытаюсь рассказать о том, как самостоятельно организовать трансляции флэш-видео на своей веб-странице и какие существуют подходы к этой проблеме.

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

+19

tot_ra May 11 2008 at 19:51

jQuery для продолжающих (с плагинами)

3 min

1.9K

Lumber room

jQuery — библиотека о которой в последнее время говорит практически каждый web-разработчик, верстальщик и дизайнер. Написанная с учётом CSS, она упрощает доступ к одному или нескольким DOM-элементам. Если вы ещё используете prototype, то можно использовать режим совместимости (правда не факт что у вас будут работать плагины). Стандартно доступ происходит благодаря функции $ или JQuery. Элементу можно добавить (.addClass) или отнять (.removeClass) CSS-класс. Если это input-элемент, то запись и чтение происходит в аттрибуты элемента (.attr). Внутренние элементы можно задать как через (.html).
Кроме минимализма, ускоренности и CSS-селекторов библиотека мало чем по функциональности отличается от prototype, mootools. Она не расширяет родные JS-объекты, как это делает protype и существует в своём пространстве переменных, поэтому не конфликтует с другими библиотеками.

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

+15

2 3 4 5 6