В этой статье мы рассмотрим создание простого виджета для оперы.


Что нужно, чтобы начать:

• Базовое понимание веб-технологий.
• Текстовый редактор.
• Архиватор, который может создавать зип архивы.
• Место, где можно разместить виджет.
• Браузер Opera.

Спасибо Гуглу и Яндексу за сохраненные страницы Хабравики! :) Думаю новичкам будет интересно и полезно почитать, т.к. сервис до сих пор не работает

Основные ссылки собрала, собственно остальные разделы найти не трудно — просто написать полную ссылку до интересующего раздела хабравики в качестве запроса в строку поиска,
например «www.habrahabr.ru/info/wiki/Карма».

1. Заглавная страница
2. Хабрацентр
3. Основные правила проекта
4. Что такое Карма?
5. Что такое Хабрасила?
6. Виды хабратопиков
7. Разрешенные теги

UPD: Дружно благодарим artch за ссылочку на полный архив Хабравики

А вообще, кто-нибудь заглядывал в раздел "Помощь"? :) Там все есть.

Заранее прошу прощения если этот пост показался Вам скучным и неинтересным)

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

И тут мой взгляд упал на редактор поставляемый с библиотекой
DojoToolkit

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

В статье:

В первой части:

• Вводная информация.
• Таблица базовых цветов и RGB-значений цвета.

Во второй части:

• Обзор сайтов-микшеров по подбору правильных сочетаний.
• Обзор очень полезной программы в этом деле — ColorPic.

 

Часть 2:

В прошлом посте (Часть 1 (!!! не Хабрахабр!!!)) я написал о цветах, таблицы базовых цветов и тд. Разобраться в этом не просто. И подбирать правильно желательные цвета с ходу бывает сложно. Для выполнения этих действий есть целая серия веб-сайтов-микшеров, о которых я собираюсь сейчас рассказать. Работают эти сервисы по простому принципу: вы выбираете один цвет, который вам хочется видеть в вашей работе, а сервис подбирает остальные.

kuler.adobe.com

Этот сервис работает имено так. Выбираете и настраиваете один цвет, другие настраиваются соответственно. Есть раздел с отсортированными наборами цветов по рейтингу популярности. А так же с новыми палитрами. http://kuler.adobe.com/

Когда в интернете появился скриншот online «Photoshop» от Adobe, у многих людей реакция была — WTF!? Где слои, где привычный набор инструментов и т.д.
Судите сами:


Но web2.0 хорош тем, что можно обойти гигантов, на их же «поле». Оказывается есть на свете online «Photoshop» и доступный сейчас — Splashup:
«Пока Adobe запускает в онлайн свой Photoshop Express, в сети уже можно найти онлайн-редактор с возможностью работать со слоями.

Реализован на flash. По виду и интерфейсу похож на Photoshop — правильно, не надо сбивать людей, привыкли же…
Сам редактор подгружается, примерно 1Мб. В нем можно создать свой холст, можно загрузить картинку с компа. Потом поработать со слоями, эффектами и т.п.
Эффектов мало, менюшка с возможностями конечно рядом не стояла с более-менее нормальными редакторами (не говоря уж о photoshop'e), но вообще, все что у него в менюшках записано, этот редактор делает очень неплохо. И главное — вполне шустро...»

Источник текста справа, хороший интернет журнал www.cooler-online.ru

У великого (по доле рынка) творения Microsoft — браузера Internet Explorer раньше 7 версии имеется множество недостатков, среди которых современных веб-дизайнеров и разработчиков наиболее напрягают:

• плохая поддержка селекторов CSS2 (в частности, слабая поддержка псевдокласса :hover)
• плохая поддержка PNG с градациями прозрачности.

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

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

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

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

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

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


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

Преамбула

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