Pull to refresh
1
0

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

Send message

Текстура для веб-дизайна

Reading time1 min
Views13K
Последние время мне часто приходится искать разнообразные текстуры. Поэтому я решил опубликовать несколько сайтов с большим выбором текстур.

Первым в этом списке я выбрал http://www.textureking.com/ — красивый и понятный дизайн сайта, а также хороший выбор текстур которые разделены на 14 категорий.

Следущим будет http://www.cgtextures.com/ — огромное количество текстур и их категорий (вожможно он и получше textureking :), вам решать.
Читать дальше →

jQuery File Tree — браузер файлов на jQuery

Reading time1 min
Views5K
jQuery File Tree — это AJAX браузер файлов написанный на jQuery. Он полностью конфигурируемый, легок в установке и настройке. Внешний вид изменяется простым редактированием CSS. jQuery File Tree работает во всех браузерах, поддерживаемых jQuery. Он также полностью протестирован в Internet Explorer 6 / 7, Firefox 2, Safari 3 и Opera 9.



Дайте же мне почитать дальше!

Аудиоплеер mp3 файлов на flash для вашего сайта — бесплатно

Reading time1 min
Views9K
Итак, для всех тех, кто хотел mp3-плеер на свой сайт, абсолютно бесплатно для вас мы сделали вот такой:


Да, да, абсолютно бесплатно.

Пользуйтесь на здоровье!

Оформление цитат на сайтах

Reading time8 min
Views96K
Обычно при вёрстке текстов для веба на оформление цитат не обращают достаточного внимания. Стараясь исправить это досадное недоразумение, мы коснёмся двух вопросов: типографического оформления цитат (в той части, где чаще всего допускаются ошибки при вёрстке) и реализации этого оформления в HTML-коде.

Мы также не будем касаться вопросов проверки смысловой точности цитирования, правильного использования купюр, сокращений и дополнений — всех интересующихся ждёт «Справочник издателя и автора» А. Э. Мильчина и Л. К. Чельцовой.

Надеемся, что эту запись будет удобно использовать как справочник по часто встречающимся вопросам оформления цитат.

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

Чёрточки: только ли тире, минус и дефис?

Reading time4 min
Views182K
Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

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

14 модулей для Drupal, о которых вы должны знать

Reading time2 min
Views12K
В продолжении темы о Drupal’е хочу предоставить несколько расширенный обзор модулей. С помощью некоторых из них можно строить уже не просто standalone-блог, а сообщество с элементами социальности. Список, конечно же, не претендует на полноту и основывается лишь на личном опыте автора.

Итак, вот они:
Читать дальше →

О чем не стоит забывать, когда верстаешь HTML

Reading time2 min
Views2.2K
Когда верстаешь (X)HTML, порой не знаешь или забываешь о многих фичах, которые стоит использовать. Перечислю те, о которых вечно забываю сам, а зря :)
Читать дальше →

Про резиновую верстку

Reading time1 min
Views29K
Навеяно этим.

Для тех, кто, возможно, не знает как сделать так, чтоб всё было хорошо.
Сайт должен тянуться только до определённой величины, и сужаться тоже только до некоторого значения. Я обычно беру 1500 и 980 пикселей соответственно.

Как сделать? min-width и min-height.

#site {
  margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
  min-width: 980px;
  max-width: 1500px;
}


Но ведь IE их не поодерживает. А expression слишком нагружает браузер… Спокойно, други! Я выведу вас к свету из тьмы!
Пишем далее.



А в ie.js помещаем

window.attachEvent('onload', mkwidth);
window.attachEvent('onresize', mkwidth);

var minwidth = document.getElementById("site").currentStyle['min-width'].replace('px', '');
var maxwidth = document.getElementById("site").currentStyle['max-width'].replace('px', '');
function mkwidth(){
    document.getElementById("site").style.width = document.documentElement.clientWidth < minwidth ? minwidth+"px" : (document.documentElement.clientWidth > maxwidth ? maxwidth+"px" : "100%");
};


В чём особенная вкусность приведённого метода? А в том, что минимальное и максимальное значение нужно задавать только в одном месте, ну и вообще.

Пользуйтесь, короче, на здоровье!

PHP: image charts на last.fm

Reading time2 min
Views1.2K
Сразу скажу — для людей, не знающих, что такое last.fm (либо для людей, не использующих эту социальную сеть), этот пост не обязательно будет бесполезным. Вы можете сделать на основе моего кода, к примеру, картинку, отображающую последние десять топиков на вашем форуме.
Читать дальше →

Stand-alone Russian Tumblr

Reading time1 min
Views1.4K

Широко известный в узких кругах NumberOneДенис Перехрест в соавторстве с AistИльёй Остреровым представили сегодня на суд широкой публики новый движок для микронаноблоггинга — NanoGrabbr. По описанию на сайте проекта:
NanoGrabbr — это первый русский движок для микроблоггинга.

Он позволяет размещать микропосты (тексты, ссылки, картинки-видео), а также «грабить» RSS.

В общем, это типа Tumblr, только на вашем хосте и под вашим контролем.
Посмотреть, а также попробовать сделать свою запись можно на демо-полигоне (или в блогах авторов).

Более развёрнутое описание нового движка можно посмотреть на Интернетных Штучках.

С конкретной лицензией группа авторов пока не определилась: «GPL? GNU? в общем опенсорс».

Новости на techme

jQuery для верстальщика (часть 2): вкусные меню

Reading time3 min
Views4.9K
Это вторая статья о jQuery, которая будет интересна, прежде всего, начинающим пользователям этой библиотеки. В этой статье, с практической точки зрения, речь пойдет о подсветке текущего элемента меню на стороне клиента. А прочитав статью, вы поймете, как делать более сложные выборки и цепочки запросов.

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

Флажки

Reading time1 min
Views3.6K
По-моему иконки с флагами двухсот сорока семи государств мега-полезный комплект. И, даже, если вы будете регулярно использовать только одну-две, полезно будет знать где их взять, на всякий случай.
иконки-флаги
Все иконки проименованы в соответствии с международным стандартом ISO:3166-1, хранятся в двух форматах: png и gif, и могут использоваться в любых целях.
Спасибо Марку Джеймсу (Mark James, famfamfam.com).
Читать дальше →

Делаем закругленные уголки с помощью псевдоэлементов: before и: after

Reading time1 min
Views3.5K
Внимание! Это все устарело, но публикацию не удаляю, чтобы все знали как мы мучались в 2007 году из-за IE6 :-)

Задача: сделать врезку с закругленными уголками с минимумом html-кода.

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

Как запретить браузеру выделять текст

Reading time4 min
Views180K
Если Вы веб-разработчик, то у вас наверняка возникала необходимость в том, чтобы запретить пользователю выделение текста. Оговоримся, что я не имею ввиду полный запрет с целью защиты текста, а запрет на выделение всевозможных подписей, надписей и т.п. где выделение мешает работе интерфейса и пользователю (чаще всего при drag&drop, или выделении текста при двойном клике). Это в первую очередь касается веб-приложений и ни в коем случае не касается информационных сайтов.
Читать дальше →

Псевдокласс: first-letter

Reading time1 min
Views7.6K


Уже довольно давно использую псевдокласс :first-letter для назначения двух фоновых изображений для одного элемента. Самое интересное что :first-letter, один из немногих псевдоклассов, которые работают в 6-ом Интернет Эксплорере. Но есть одна маленькая хитрость, которую нужно знать.

К делу. Как сказано выше, HTML элемент у нас один. Пусть это будет заголовок первого уровня.
Читать дальше →

Продолжаем создавать персонажей мультфильма Рататуй вместе с Джейсоном Димером

Reading time4 min
Views2.8K
Продолжаем рассказ о великолепном совместном творении Disney и Pixar — «Рататуй». Перед прочтением настоятельно рекомендуем ознакомится с первой частью.

Реми Лигуини Рататуй

После того, как художники нарисуют внешний вид модели, скульпторы делают ее в глине. Иногда скульпторы изображают эмоции. Анимационная система Pixar под названием MenV не использует метод «blend shapes» (метод, когда задается начальный и конечный вид эмоции персонажа, а система сама генерирует переход между ними). Поэтому цифровым обработчикам не нужно совершенно точно знать, как модель улыбается, смеется, злится и так далее. «При помощи MenV аниматоры работают над каждым элементом лица отдельно», — говорит Димер. «Они могут передвинуть каждую мышцу на лице персонажа. Нет необходимости генерировать переход от улыбки к нейтральному лицу. Они могут просто приподнять уголки рта модели. Оба метода имеют свои преимущества. Преимуществом MenV является то, что аниматоры могут передавать действительно живые эмоции на лице».

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

История одного дизайнера, или как они нарисовали Рататуй…

Reading time4 min
Views3.5K
Иногда студии делают для себя открытие, что самые лучшие таланты сидят прямо у них под носом. Так произошло с Джейсоном Димером, 33-летним дизайнером, являющимся сейчас арт-директором персонажей студии Pixar и одним из четырех дизайнеров персонажей совместного творения Disney и Pixar — «Рататуй».

Джейсон Димер

Изначально Димер не был художником Pixar, он начал свой путь с самого низа служебной лестницы. «Я думал, что из меня получится неплохой художник», — говорит Димер: «Я всегда мечтал стать художником и поэтому поехал в UC Davis, потому что там были самые лучшие учителя».

Когда он оказался в классе, в котором было полно технарей, он сразу перевелся в Калифорнийский Колледж Искусств и Ремесел в Оукланде (теперь «Калифорнийский Колледж Искусств»), недалеко от родного города Джейсона Милл-Вэлли.
После окончания Колледжа, Димер начал работать в качестве фрилансера. Он не голодал, но испытывал затруднения при оплате счетов. «Мне пришлось занять деньги на школу», — говорит Джейсон. «Мой кредит стоил мне 500 долларов ежемесячно».

Так что, когда Джимми Хайвард, его напарник по скейтборду и одновременно аниматор студии Pixar, сказал ему, что студия нанимает разнорабочих в офисы, Джейсон сразу же согласился. «Это было сразу после «Истории игрушек». Я слышал о Pixar, я даже видел их короткометражные мультфильмы на анимационных фестивалях, но я и не думал связывать будущее со этой студией. Я думал, что я буду просто помогать двигать мебель...».

Что ж, именно этим он и занимался. Двигал мебель, делал сэндвичи, ксерокопировал, сидел на столе и бегал по коридорам с папками, заполненными эскизами к новым творения Pixarа «Корпорации монстров» и «Жизни жуков». А в свободное время он делал наброски.

«Я не могу ни секунды обходиться без того, чтобы не нарисовать что-нибудь на клочке бумаги», — говорит Димер. «Когда я делал копии на ксероксе, я оставлял один лист на крышке. И в то время, пока аппарат пропускал через себя очередную копию, я делал очередной штрих на своем наброске». Джейсон рисовал даже на чашках: «Я просто обожал рисовать на чашках героев комиксов».

Однажды работник студии Боб Паули заметил один из силуэтов, нарисованный Джейсоном на чашке в офисе. В то время Паули занимался разработкой персонажей для «Истории игрушек» и был арт-директором «Жизни насекомых». Впоследствии он стал дизайнером «Корпорации монстров» и «Тачек». Боб попросил Джейсона показать другие свои работы.

Тачки

Так закончились карьеры носильщика, клерка и разнорабочего Димера. Его перевели в декорационно-художественную службу, где он занимался для «Корпорации монстров» тем, что Pixar называет «отладкой моделей». Димер поясняет: «После того, как персонаж создан, надо сделать последние штрихи, добавить жизни в героя, его повадки, нарисовать персонажа со всех сторон».
Читать дальше →

Безопасный метод авторизации на PHP

Reading time9 min
Views364K
Примечание: мини-статья написана для новичков

Давайте посмотрим вокруг: форумы, интернет магазины, гостевые книги и т.д. используют регистрацию и последующую авторизацию пользователей. Можно даже сказать, что это почти необходимая функция каждого сайта (только если это не домашняя страничка Васи Пупкина или не визитная карточка, какой-нибудь небольшой компании). Сегодня я хочу поделиться со всеми новичками информацией, о том, как лучше это все реализовать.
Читать дальше →

Юникодный спец-символ переворачивающий текст

Reading time1 min
Views50K
Любой текст, написаный после спец-символа &#x202E;, будет выглядеть вот так:

‮ Перевернутый текст

Если взглянуть в код документа, то MSIE и Опера покажут, что текст действительно написан правильно, а Файрфокс из-за некоторых своих особенностей покажет и код документа перевёрнутым, причём включая HTML-теги.

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

Хорошая новость в том, что действие этого символа обратимо и ограничено его родительским контейнером и вложенными в него, поэтому перевернуть весь контент одним символом получится только на плохо написанных сайтах.

Вот такой он разный, этот юникод :)

‮ Источник

Information

Rating
Does not participate
Location
Россия
Registered
Activity