Author Archives: olunka

Как я стала веб-дизайнером самоучкой

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

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

Блогер или блоггер, ох уж эти иностранные слова

Как же правильно писать это модное слово? Мнения по этому вопросу разделились, но авторитетные источники все как один склоняются к написанию с одной «г», то есть блогер.

Портал ГРАМОТА.РУ, в лице д. ф. н. Лопатина В. В., дает такое объяснение:

Написание шопинг (а также блогер, блогинг и т. п.). В новейшей орфографической практике проблема написания удвоенных согласных на конце корня осложнилась особенностями написания некоторых новых заимствований-англицизмов в языке-источнике, для которого характерно удвоение корневого согласного перед суффиксом. Поскольку явление это русскому письму чуждое, следует писать, например, шопинг, но не шоппинг (ср. производящее шоп, также заимствованное из английского), блогер и блогинг (ср. блог), сканер (ср. сканировать), спамер (ср. спам), рэпер (ср. рэп), хотя в английских этимонах этих производных перед суффиксами -er и -ing согласная удвоена. Устоявшиеся написания давно заимствованных слов стоппер (спорт.) и контроллер (тех.), к тому же устойчиво произносимые с долгим согласным, не должны препятствовать кодификации написаний новых подобных заимствований с одиночной согласной перед суффиксом.

Узнать другие мнения

Кроссбраузерность, что это такое и как подружиться с этим свойством

Кроссбраузерность – ( англ. cross –пересечение, перекрещивание, browser – здесь программное средство просмотра ) это умение или свойство сайта одинаково (идентично) отображаться во всех браузерах. В данном контексте одинаковость и идентичность отображения сайта означает, что дизайн сайта не претерпевает значительных изменений и сохраняется читабельность материалов сайта. Сюда не относится попиксельное соответствие.

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

Browsershots, проверка кроссбраузерности одним кликом

Browsershots, проверка кроссбраузерности

Скрин Browsershots, проверка кроссбраузерности

А на вашем компьютере тоже установлено не менее пяти разных браузеров для проверки кроссбраузерности? На моем это InternetExplorer, Firefox, Opera, Chrom и Safari.

Наверняка, установлены только последние версии, которые регулярно обновляются, а как быть с предыдущими версиями браузеров? Например с пресловутым IE6?
Получить заветную ссылку

Notepad++ замечательный текстовый редактор с подсветкой кода

Notepad++ текстовый редактор с подсветкой кода

Скрин Notepad++ текстовый редактор с подсветкой кода


Notepad++ — очень удобный текстовый редактор с подсветкой синтаксиса, поддерживает большое количество языков программирования, распространяется под лицензией GPL.
Рекомендую использовать всем кто «пишет код ручками». Я надеюсь, что вы не пользуетесь блокнотом и, а в отличие от многих других текстовых редакторов Notepad++, не прописывает коды самостоятельно без ведома программиста.

Перечислю основные плюсы программы, которые радуют именно меня:
Получить ссылку на скачивание программы

7 советов как разработать дизайн сайта в стиле web 2.0

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

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

3. При цветовой заливке отдельных элементов сайта используйте градиенты, тени, придающие объем, эффекты стекла и глянца.
Но не переусердствуйте, все хорошо в меру. «Вебдванольный» дизайн отличается от предыдущего своего собрата именно возможностью использовать всевозможные графические эффекты, но это вовсе не означает, что их нужно лепить на каждый сантиметр сайта. Поэкспериментируйте, некоторые элементы выглядят лучше, когда остаются плоскими и без дополнительных украшательств.
Узнать остальные советы

Что такое кодировка. Какие бывают кодировки

Что такое кодировка

Для начала обратимся в Википедии на предмет уточнения термина, и по запросу «кодировка» получим статью с названием «набор символов», это потому что кодировка – это разговорный вариант данного термина.

На самом деле кодировка текста является специальным набором символов (или таблицей символов), которыми кодируются буквы, цифры, знаки препинания и прочие символы, которые мы употребляем в текстах.

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

Решаем проблему с кодировкой при использовании UTF-8

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

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

1. Вариант. Исправление кодировки текста с помощью meta -тегов

Пропишите в head каждой страницы вашего сайта такой мета-тег:

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ />

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

Тег more, как изменить стандартный текст ссылки

Если вы хотите убрать текст под кат (англ. cut), другими словами хотите скрыть часть текста под ссылку, то воспользуйтесь тегом <!—more—>, вы можете воспользоваться стандартной функцией добавления врезки, тогда текст ссылки будет иметь стандартный вид «read more» или «читать далее» в зависимости от того, какой язык используется по-умолчанию.

Чтобы изменить стандартную надпись, нужно в код после слова more вставить пробел и вашу подпись. Варианты:

Узнать больше о теге more

Тег more, как его найти и использовать

Если текст статьи (поста) получился очень длинным или необходимо вывести только начало статьи со ссылкой «читать далее» ( или «подробнее» , «продолжение тут» и т. д.), в WordPress можно воспользоваться стандартным тегом more.

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

Если вы пользуетесь визуальным редактором, то тег находится тут:

Тег more, как его найти и использовать
Продолжить чтение