Преимущества:

• множественная загрузка
• загрузка drag-and-drop
• индикатор загрузки в процентах
• простая настройка интерфейса
• возможность подключения к любым серверным скриптам
• отправка файлов по современному потоковому протоколу (где доступно)
• несколько оболочек загрузчика для работы на чистом JS,  на jQuery и т. д.

Ссылка: fineuploader.com

Также интересно:

1. Отправка формы на Ajax с Jquery Привет. Сегодня поговорим об отправке форм с помощью Ajax. Начнем...
2. Определение выбраного radio-input’а по имени Как определить значение (value) отмеченного radio-input из радио-группы, при этом...
3. Бегущая строка для длинных блоков текста на jQuery (из любого блочного или псевдо-блочного элемента) + plugin jQuery Помните раньше был такой тэг в HTML, который позволял делать...

Наверное многие сталкивались с проблемой сглаживания шрифтов в Windows и именно в браузере Chrome. Чаще всего эта проблема преследует акцидентальные шрифты. И особо обидно то, что IE9 уже умеет сглаживать шрифты правильно, а Chrome ещё нет.

Проблема заключается (по всей видимости) в том, что MS выпустила нормальный движок сглаживания шрифтов, и использует его в IE9, а Chrome по-прежнему использует встроенный в ОС не совсем удачный движок сглаживания.

С проблемой мы столкнулись, когда повсеместно в сайте использовался шрифт Days. Приятный шрифт для логотипов и заголовков (акцидентальный). Везде (Firefox, Opera, IE) под Windows шрифт отображался отлично, а в Chrome почему-то были какие-то зазубринки и сучки.

Часы поисков в зарубежном интернете на всяких Stackoverflow не принесли результатов.

1. сделать однопиксельную полупрозрачную тень через text-shadow цвета шрифта (чуть размоет контур)
2. сделать однопиксельную полупрозрачную тень через text-shadow цвета фона (тоже чуть размоет контур)
3. сделать обводку текста через -webkit-text-stroke

Ни один из этих вариантов нас не строил, так как визуально сильно утяжелял буквы.

Решение пришло очень очевидное. Chrome хорошо и самостоятельно рендерит SVG. Значит нужно заставить Chrome брать шрифт из SVG файла, а не из TTF (шрифты подключались пакетом TTF, EOT, SVG, WOFF).

/Подключаем шрифт для всех браузеров Firefox, Opera, IE, Chrome, Safari./
@font-face {
    font-family: 'DaysRegular';
    src: url('fonts/days-webfont.eot');
    src: url('fonts/days-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/days-webfont.woff') format('woff'),
         url('fonts/days-webfont.ttf') format('truetype'),
         url('fonts/days-webfont.svg#DaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/Перекрываем font-face для Chrome, так чтобы он брал шрифт только в формате SVG/
@media all and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
    font-family: 'DaysChrome';
    src: url('fonts/days-webfont.svg#DaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
}

blogun.ru

Также интересно:

1. Нестандартные шрифты в CSS и HTML и сжатие шрифтов с помощью fontoptimizer В последнее время сайты перестали быть просто складом информации. С...
2. Повторяющиеся фоны для сайта 2 (подборка повторяющихся фонов *.pat файл для Photoshop) Недавно уже выходила подборка генераторов повторяющихся шаблонов. В продолжение —...
3. Простой и нелепый способ сделать заглушку страницы на время загрузки для медленных сайтов Наверняка ведь бывало такое, что сайт сам по себе красивый,...

Также интересно:

1. Top 8 Javascript Frameworks: Голосование Привет, думаю ты используешь Javascript Frameworks. Проголосуй в посте Top...
2. Топ 3 VDS провайдеров Украины. Голосование. Мы тут в редакции подумали, а ведь у нас в...
3. Топ 8 Javascript фреймворков. Результаты голосования Подведём результаты голосования, “Топ 8 Javascript фреймворков“. Мы долго собирали...

Здорово то, что на этой странице можно найти не только названия и графики этих функций, но и сниппеты для применения easing-функций в CSS, jQuery и SASS.

Кстати, такие функции точно можно применить если программировать игровые автоматы онлайн. С помощью easing-функций там можно отлично анимировать движения ручек, падение монет, так, чтобы сделать игровой автомат онлайн, таким же, как реальный.

Также интересно:

1. Изменение background-position-x, background-position-y в Firefox и Opera на jQuery Очень загадочная история с анимацией (или вообще изменением) CSS-свойства background-position-x...
2. Простой и нелепый способ сделать заглушку страницы на время загрузки для медленных сайтов Наверняка ведь бывало такое, что сайт сам по себе красивый,...
3. Градиент в фоне на CSS без картинок (background gradient on CSS3) Скоро, уже совсем скоро, сайты будут легче загружаться, и делать...

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

Для начала отметим, что как таковой более-менее кроссбраузерной обводки текста нет. Есть, конечно, text-outline:

text-outline: thickness blur color;

Давай подумаем, что в CSS есть такого, что работает в большинстве браузеров? text-shadow! Сделаем сразу несколько (конкретно 4) однопиксельных тени, по всем сторонам текста, и будет нам обводка.

   text-shadow:
      1px 1px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
       -1px 1px 0 #000;

К сожалению чистым CSS пока нет возможности сделать обводку больше одного пикселя или градиентную обводку. Но будем думать и придумаем как это сделать.

Осталась выпуклость текста:

Если уж мы сделали обводку на text-shadow, то почему бы не сделать и выпуклость? Тем более, что это реально!

text-shadow: -3px 3px 0px #000;

Да, тут, конечно, обойдёмся без text-shadow Работать будет на WebKit’e, за то интереснее, чем обычный текст:

-webkit-transform: rotate(-15deg);

Кстати, о тексте в примере Ну пусть бросит камень в свой монитор тот, кто скажет, что не любит эротику! эротика — это источник вдохновения, радости и жизненной энергии.

Также интересно:

1. Cool эффекты появления на CSS Отличный пример связи CSS3 с небольшим кусочком Javascript. По мере...
2. Inuit. CSS Framework для адаптивных модульных сеток В продолжение статей об адаптивной вёрстке. Есть ещё один CSS фреймворк,...
3. Повторяющиеся фоны для сайта 2 (подборка повторяющихся фонов *.pat файл для Photoshop) Недавно уже выходила подборка генераторов повторяющихся шаблонов. В продолжение —...

Это все очень просто можно сделать при помощи CSS, даже не потребуются скрипты. Каждый файл у нас — это ссылка. Итак:

myArch.zip

Теперь прописываем общий стиль в CSS:

a{
  padding-left: 18px;
  background-position: 0 0;
  background: transparent url(icon.png) no-repeat;
}

То есть мы задали смещение для текста ссылки на 18 пикс влево, и установили картинку в фон. Эта картинка будет показываться по-умолчанию, то есть если пользователь добавит файл, не описанный нами.

Теперь приступим к описанию типов файлов:

a[href $='.pdf'] {
  padding-left: 18px;
  background-position: 0 0;
  background: transparent url(pdf.png) no-repeat;
}
a[href $='.zip'] {
  padding-left: 18px;
  background-position: 0 0;
  background: transparent url(zip.png) no-repeat;
}

И т.д. то есть мы прописываем для каждого типа файла свою иконку и свой стиль (в принципе, мы можем даже подсвечивать каждый тип файла своим цветом).

Пример отображения архива, в html написано только:

psycho.zip

Практически также как и эти иконки у ссылок выводятся и фавиконки в выдаче поисковика. Фавикон — это очень важная часть сайта, без которой его будет сложнее запомнить и как-то выделить. Посмотрите статью про онлайн генераторы Favicon, очень полезно.

Также интересно:

1. Нестандартные шрифты в CSS и HTML и сжатие шрифтов с помощью fontoptimizer В последнее время сайты перестали быть просто складом информации. С...
2. Простой и нелепый способ сделать заглушку страницы на время загрузки для медленных сайтов Наверняка ведь бывало такое, что сайт сам по себе красивый,...
3. Адаптивная сетка для вёрстки (Responsive Web Design Grid) Если вы до сих пор не знаете, что такое Responsive...

Легко настраивается, есть 7 тем оформления, и более 10-ти параметров настройки.

Выглядит здорово, работает чётко. Попробуй, установить себе на сайт: Koottam Social Jquery Plugin

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

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

Здорово то, что для каждой кнопки не нужно подключать отдельный js-файл, а это значит, что страница будет загружаться быстрее.

Также интересно:

1. Легкий плагин для создания уменьшенных изображений (thumbnails) на jQuery Теперь можно легко и просто создать тумбнейл (уменьшенное изображение фотографии)...
2. Надёжная CAPTCHA с использованием жестов мыши плагин на jQuery CAPTCHA — это необходимый элемент любой формы на популярных сайтах,...
3. Бегущая строка для длинных блоков текста на jQuery (из любого блочного или псевдо-блочного элемента) + plugin jQuery Помните раньше был такой тэг в HTML, который позволял делать...

Итак, по итогам голосования, на jQuery пишет 79% кодеров, на втором, можно сказать, утешительном месте — Dojo Toolkit. Как и обещали, постараемся больше писать о jQuery и создадим специальный раздел для ценителей Dojo Toolkit.

Если не хочется, чтобы за тобой наблюдали окружающие через окна или металлопластиковые двери, закажи вертикальные красивые жалюзи дешево. Отличное качество. Огромный опыт в производстве и установке вертикальных жалюзи. Это не только красиво, но и очень практично.

Также интересно:

1. Top 8 Javascript Frameworks: Голосование Привет, думаю ты используешь Javascript Frameworks. Проголосуй в посте Top...
2. Top4 бесплатных WYSIWYG редакторов текста на Javascript Сегодня есть множество редакторов текста с возможностью расширенного форматирования (WYSIWYG...
3. Реалистичный движок физики на Javascript Движок физики — это движок, описывающий взаимодействия объектов на экране...

Голосование решили немного защитить, от людей не имеющих понятия о том, что такое VDS. Ты знаешь кто самый хороший? Проголосуй! Результаты 25-го августа 2012-го года.

Если ты прочитал этот пост и не понял о чем идёт речь, или ты просто не знаешь что такое VDS, провайдер. Попробуй пройти айкью тест, вдруг ты просто не тем занимаешься, и у тебя гуманитарный склад ума? Или наоборот, если у тебя своё мнение по любому поводу, пройди айкью текст, и узнай, возможно ты один из самых умных людей мира!

Также интересно:

1. Top 8 Javascript Frameworks: Голосование Привет, думаю ты используешь Javascript Frameworks. Проголосуй в посте Top...
2. Screenfly – сервис проверки отображения страницы на разных устройствах и при различных разрешениях экрана Всегда остаётся вопрос о том, как та или другая свёрстанная...
3. Отличная, нет, супер-пупер навороченная, статистика трафика. Очень красиво Есть много разных сервисов, скриптов, программ, которые позволяют просматривать статистику...

В продолжение статей об адаптивной вёрстке.

Есть ещё один CSS фреймворк, который позволяет создавать модульно-сеточную вёрстку, которая спокойно адаптируется под разрешения экранов мобильных устройств, десктопов, лэптопов и планшетов.

Называется фреймворк “Inuit“. Предоставляет удобную сетку, количество колонок, в которой можно настроить самостоятельно с помощью генератора сеток.

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

А еще он заточен под веб-типографику. Прямо из коробки он предоставляет несколько прятных типографических настроек, без необходимости дописывать что-то.

Еще одним приятным моментов является отсутствие необходимости указывать класс вроде .end в конце строки в сетке (которая часто требуется в других фреймворках для организации сетки), Inuit делает это самостоятельно.

В общем достаточно гибкий фреймворк. Хорошо и гибко подстраивается под разные разрешения, естественно через media-queries, и специ. костыли для  IE.

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

Также интересно:

1. Адаптивная сетка для вёрстки (Responsive Web Design Grid) Если вы до сих пор не знаете, что такое Responsive...
2. Обводка текста и поворот на CSS (text outline + rotate CSS) В одном новом проекте нужно сделать интересный эффект для текста....
3. Растянуть фон HTML CSS Как растянуть фоновое изображение на размер блока или всей страницы?...