[UPD: 16.10.2014] Web или Desktop: Полезные Web-сервисы, которыми я регулярно пользуюсь

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

Я собрал для себя и продолжаю собирать такие сайты, чтобы в десятый раз не искать их в Яндексе и чтобы ни о чем не забыть.

jsbeautifier.org

1) http://www.jsbeautifier.org/ — расшифровка запакованного (я пробовал только на зашифрованных p,a,c,k,e,r-ом исходниках) и выравнивание javascript кода. Кстати с css, выстроенным в одну длинную строчку он тоже хорошо справляется. Ниже несколько примеров:

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k
[c][/c]
||e(c);k=[function(e){return [...]

Вернет следующий код с красивыми отступами (настраеваемыми кстати):

(function ($) {
    $.fn.fixPNG = function () {
        return this.each(function () {
            var b = $(this).css('backgroundImage');
            if (b.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
                b = RegExp.$1;
                $(this).css({
                    'backgroundImage': 'none',
                    'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + ($(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + b + "')"
                }).each(function () {
                    var a = $(this).css('position');
                    if (a != 'absolute' && a != 'relative') $(this).css('position', 'relative')
                })
            }
        })
    };[...]

ajaxload.info

2) http://www.ajaxload.info/ — генерация симпатичных веб-два-нольных индикаторов бесконечной загрузки. Таких сервисов сейчас расплодилось уже точно больше 5 штук, но я пользуюсь этим и для своих нужд его вполне хватает. Цвета настраиваемы.

Пример лоадеров:

colorzilla.com

3) http://www.colorzilla.com/gradient-editor/ — Генератор и редактор CSS3 градиентов от создателей известного колорпикера для Огнелиса.

Вот допустим пример неплохого градиента, который я когда-нибудь привяжу к этому блогу:

background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
background: linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */

 

showmycode.com

4) http://www.showmycode.com/ — Расшифровка кодированных php-скриптов.

RegExr

5) http://gskinner.com/RegExr/ — Отладка регулярных выражений.

Веб-хранилища иконок

6) В этом пункте я хотел оставить ссылку на веб-коллекции иконок, но как выяснилось я знаю их уже несколько, поэтому решено было вынести их в отдельную заметку про веб коллекции иконок, спасибо Кэп

Online конвертер MySQL -> Firebird

7) Online конвертер MySQL -> Firebird, библиотека, созданная Popa Marius Adrian и адаптированная мной для веба

content-watch.ru

http://www.content-watch.ru/ — сервис проверки текста на уникальность. Может проверять по адресу страницы и по тексту. Уникальность текста выдает в процентах и выделяет уникальность по словам.

advego.ru

9) http://advego.ru — Сервис генерации контента. О нем я узнал давно. Сначала даже подрабатывал, как копирайтер. Потом уже уже покупал контент для сайта счастья — счастьеесть.com

HEX to RGB Converter [UPD: 16.10.2014]

10) http://hex.colorrrs.com/ — конвертер цветов из HEX в RGB и обратно. Конверторов такой направленности на самом деле куча, но мне нужен был именно такой, чтобы RGB можно было бы вставить в одно поле через запятую, а не в три разных

Полезно(1)Бесполезно(0)
Связанные статьи
  • Оптом или в розницу: Коллекция хранилищ иконок

    Все, кто делает сайты, используют иконки. Они оживляют интерфейс, они улучшают понятливость пользователей, они умиляют заказчиков. Счастливы те, кто рисует себе иконки сам (и при этом они его устраивают). Ну а в большинстве своем мы эти самые иконки где-то ищем, […]

Комментарии закрыты.