Pull to refresh
0
0
Maximark @Maximark

User

Send message

Динамически изменяющееся поле ввода текста. Возможно ли такое?

Reading time1 min
Views13K
Задача:
Сделать поле ввода комментариев (textarea) на форме так, чтобы его размер (высота) изменялась согласно количеству (строк) текста.
Пользователь может ввести пару слов в одну строку или вставить табличку высотой двадцать строк из экселя — поле ввода должно автоматически увеличиться/уменьшиться.
Длина строк различна (форма резиновая и зависит от размера окна браузера), строки могут переноситься как по \r\n, так и просто, если не вмещаются по ширине.
В принципе, нужна формула подсчёта количества строк текста, чтобы менять атрибут rows у textarea.

Javascript приветствуется. Если решение возможно только средствами html/css, то ещё лучше.

Решения:
Читать дальше →

Предварительный одновременный просмотр CSS в Firefox и Internet Explorer

Reading time2 min
Views2.2K
Хотя эта программа существует уже достаточно давно, я удосужился добраться до нее только сегодня. Итак, CSS Vista — легковесная софтина, позволяющая в реальном времени просматривать результат CSS-верстки одновременно в Firefox и IE6, что само по себе является отличной альтернативой запуску трех приложений отдельно.



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

Создание превью изображения на основне свойства Overflow

Reading time3 min
Views6.7K
По просьбам пользователей после прочтения статьи Визуализация данных на CSS

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

Эластичные шаблоны

Reading time4 min
Views19K

Большинство дизайнов ориентировано на использование фиксированных значений при верстке: ширина и высота блоков, размер шрифта. Это позволяет сверстанному шаблону «не разваливаться» при изменении масштабов просмотра и сохранять свойство кроссбраузерности. Однако в этом есть один большой минус – при большом разрешении экрана маленькие фиксированные блоки теряются на большой площади и остаются незамеченными. Тут даже не спасет «резиновая» верстка, т.к. сайт будет выглядеть еще более нечитабельным, например на 19'' мониторах при разрешении большем 1280 по ширине. Для меня это актуально, т.к. на ноутбуке 17'' с разрешением 1400х800 просматривать «резиновый» сайт очень неудобно. И желание оставаться на таком сайте отпадает быстро. Существует ли способ, позволяющий управлять масштабами не только текста, но и всего сайта?
Читать дальше →

jQuery: динамическое текстовое поле (textarea)

Reading time1 min
Views3.1K
Как-то перечитывая относительно старые посты на хабре я набрёл вот на эту тему.
Мне этот вопрос стал интересен и я решил реализовать что-то похожее на jQuery.

Так и родился этот небольшой примерчик. Есть одно но, пример служит по-большей части для ознакомления новичков (что-то вроде продолжения моего небольшого цикла примеров) с базовыми основами моей любимой библиотеки :) Пример рабочий, но не до конца, есть некотоыре аномалии :) До ума не доводил, т.к есть более удобный и правильно написанный плагин для jQuery, а именно Auto-Growing Textarea, который я и рекомендую использовать (а зачем велосипед изобретать? ;) ).

Скачать пример можно вот тут

P/S прошу не минусовать карму за недописанный пример, я лишь подал ход мысли :)

Разберемся раз и навсегда: AJAX, «кириллические символы», кодировки, prototype.js, jQuery, JsHttpRequest

Reading time5 min
Views169K
AJAX, — это технология. Одной из часто используемых техник этой технологии является
посылка запросов при помощи объекта класса XMLHttpRequest.


Как же посылать и принимать AJAX запросы в нужной нам кодировке, нужно ли использовать однобайтовые кодировки или не обойтись без UTF-8. На все эти вопросы раз и навсегда ответит эта статья.

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

Идеальная авторизация

Reading time1 min
Views1.1K
В эпоху вебдванольности удивляет, что никак не эволюционируют формы для авторизации на сайте. Как были 10 лет назад на Hotmail два поля и кнопка, так и остаются по сей день.
Предлагаю усовершенствовать процесс авторизации, сократив форму до минимума: оставить одно поле.
Суть в том, что пользователь последовательно вводит в одно и то же поле логин и пароль, нажимает два раза на Enter и попадает на сайт. Таким образом экономится место на сайте и уменьшается количество нажатий на кнопки.


В качестве примера сделал такую формочку.
Интересно было бы услышать мнения.

Занимательная верстка

Reading time1 min
Views1.9K
Недавно коллега из соседнего отдела попросил меня помочь ему с версткой одного блока. Он хотел разобраться с основами семантической верстки и сверстать этот блок аккуратно и красиво. Однако блок оказался совсем не прост для верстки — в нем сочетались скругленные уголки и градиентные бордеры. Я отправил коллегу верстать таблицами, а сам предлагаю устроить мастер-классы, кто сможет предложить наиболее оптимальное решение данной задачи.
Под катом скриншот задачи и ссылки на .psd и мой вариант решения
Читать дальше →

Тень для картинки с помощью CSS. Revamped.

Reading time1 min
Views11K
Навеяно этим: habrahabr.ru/blog/css/36860.html
Для начала напомню, что для создания двойной/нестандартной рамки для изображений нужно {...cut...}, либо положить картинку в контейнер и задать для контейнера отступ и фоновое изображение.

И так далее. There is a better way!
Читать дальше →

Визуализация данных на CSS

Reading time3 min
Views2.8K
Визуализация данных графиков, диаграмм в основном решается с помощью флэш и некоторых языков программирования. Являются ли эти способы единственными? Давайте попробуем реализовать эту задачу с помощью CSS.

Предисловие
В этом примере я не буду использовать ни JavaScript, ни любые другие языки. Все, что мне нужно это хорошая разметка и код CSS.
Таким образом, наша цель состоит в том, чтобы представить данные таблицы в виде диаграммы. Можно отметить, что данные диаграммы – это объект из 2х элементов, непосредственно зависимых друг от друга. Поэтому, лучшим решением в отношении структуры и семантики будет использование списков определений.
Почему? Ну, для начала, это список элементов. Несмотря на то, что список является линейным, мы можем обозначить заголовки определений (элементы dt) как пункты по оси X и описание определений (элементы dd) как значения по оси Y.
Читать дальше →

Различия в поведении window.open в разных браузерах

Reading time5 min
Views17K
При разработке одного сайта столкнулся с необходимостью проверить работу функции window.open в разных браузерах. Результаты решил оформить и выложить, глядишь кому понадобится, а кто и дополнит, что ещё лучше…

Для тестирования использовались: FireFox 3 beta 3, Netscape Navigator 9, Internet Explorer 6, Opera 9 и Konqueror 3.5 (тест Safari отдельно, в конце топика). При этом FireFox 3 тестировался в двух конфигурациях: по умолчанию и c TabMixPlus (с разрешением открывать popup-ы в новых окнах). Рабочая среда: KDE 3.5 на Debian.
Читать дальше →

Скорость загрузки JavaScript-библиотек

Reading time1 min
Views1.2K
Примечание: ниже перевод заметки John Resig (автора jQuery) «JavaScript Library Loading Speed», в которой он рассматривает, как сжатие, обфускация и архивирование влияет на производительность наиболее распространенных на данный момент JavaScript-библиотек. Мои комментарии даны курсивом.

Опубликована: 5 февраля 2008

Введение



Недавно командой PBWiki был проведен весьма впечатляющий анализ производительности JavaScript. Они собирались разобраться, насколько быстро грузятся JavaScript-библиотеки (конечно, их скорость загрузки будет заметно влиять на скорость загрузки всей страницы). Они развернули тестовое окружение для получения информации от различных браузеров, затем собрали все результаты в итоговом отчете. В нем достаточно много информации, которая может быть полезна как разработчикам веб-приложений, так и браузеров: структурированная таким образом информация достаточно обширна.

читать дальше на webo.in →

Стратегия поведения на фрилансерских ресурсах

Reading time4 min
Views1.8K
Продолжение, начало было тут.


Итак, вы зарегистрировались на фрилансерском ресурсе и пытаетесь получить заказы. Как известно, побеждают не числом, а умением, поэтому Вам было бы неплохо не заниматься рассылкой одинаковых ответов в стиле «пишите мне, icq#xxx», а выбрать стратегию. Это означает, что работа начинается задолго до регистрации на фрилансерских ресурсах…

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

10 советов фрилансерам от заказчика

Reading time4 min
Views3.7K
В очередной раз решил написать пост для фрилансеров


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

Итак, советы и мои комментарии
Читать дальше →

Смена оформления сайта в зависимости от времени суток.

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

Многие видели в сети и писали скрипты, которые здороваются с посетителем по разному, в зависимости от времени суток («доброе утро», «добрый день», «привет тебе, человек с бессонницей»). Но можно пойти дальше, меняя оформление сайта, путём переключателя CSS.

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

Практический JS: избавляемся от утечек памяти в IE

Reading time2 min
Views1.2K
Примечание: ниже находится перевод статьи Understanding and Solving Internet Explorer Leak Patterns", в которой автор рассматривает некоторые характерные случаи утечек памяти в IE и предлагает методы для их избежания и устранения. Рассмотренные проблемы не являются чем-то новым или революционным, однако, знать об их существовании должен любой уважающий себя программист клиентских интерфейсов. Мои комментарии далее курсивом.

Опубликована: июнь 2005

Развитие веб-разработок



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

Современные веб-приложения должны разрабатываться с учетом более высоких стандартов. Страница может выполняться в течение часов без дополнительных переходов по сайту, при этом она будет сама динамически запрашивать новую информацию через веб-сервисы. Языковой движок испытывают на прочность сложными схемами отработки событий, объектно-ориентированным JScript и замыканиями (closures), производя на свет все более мощными и продвинутые приложения. При все при этом, учитывая некоторые другие особенности, знание характерных шаблонов утечек памяти становится все более необходимым, даже если они были раньше спрятаны за механизмом навигации по сайту.

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

читать дальше на webo.in →

Generating PDF files with PHP and FPDF

Reading time5 min
Views117K
Большинство web-сервисов экспортируют данные в разных форматах для дальнейшего использования. Данная статья о том, как экспортировать данные в pdf-формате.
Хотя многие знают как это делать, я опишу кратко для тех кто не знает.
Читать дальше →

Y Combinator: профинансировал бы он вашу идею?

Reading time2 min
Views833
Этой краткой заметкой я завершаю (во всяком случае, надеюсь так) серию заметок, где в большей или меньшей степени упоминается Y Combinator [1,2,3,4,5]. Две последние в приведённом списке непосредственно посвящены этому, многим известному американскому бизнес – инкубатору и его сравнению с одним из российских.

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

И вот теперь вы можете эту форму увидеть сами. И даже не просто увидеть, а пощупать, т.е., попытаться её заполнить, представив на минуту, что работает этот инкубатор не в Бостоне (летний период) и Сан–Францизско (зимний), а, скажем, в Москве и Новосибирске при том, что живёте вы, например, в Калуге или Челябинске. Советую это сделать, чтобы, во-первых, прочувствовать саму идею, а, во-вторых, лучше представить себе стартаповский климат в Америке.

Очень надеюсь, что эту форму просмотрят и те, кто безапелляционно доказывал, что без «настоящего» бизнес-плана рассчитывать на какого-либо инвестора ни при каких условиях нельзя. Как показывает пример Y Combinator’а, не всё и, главное, не всегда, к счастью, укладывается в прокрустово ложе академических схем.
Те, кто данную заметку прочитает с опоздание и уже не сможет увидеть форму заявки в оригинале, а также те, кто предпочитает просмотреть её в переводе с некоторыми дополнительными пояснениями, могут заглянуть в мой iTech Bridge блог.

Information

Rating
Does not participate
Date of birth
Registered
Activity