#моск http://blog.folone.org.ua semanti Wed, 26 Nov 2008 09:05:36 +0000 http://wordpress.org/?v=2.6.3 en sessionRequest http://blog.folone.org.ua/MOCK=251 http://blog.folone.org.ua/MOCK=251#comments Mon, 24 Nov 2008 12:32:27 +0000 folone http://blog.folone.org.ua/?p=251 java session
Сессия - инструмент передачи переменных из одной jsp-страницы в другую. В jsp-страницах уже определена переменная session класса HttpSession. Сессии в jsp-страницах поддерживаются по умолчанию, отключить эту поддержку можно с помощью опции session="false" директивы

<%@page%>

.

Тут же небольшой пример. Первая страница:

<%
    String S ="The message from the first application";
    session.setAttribute("S", S);
    out.println(S+"<br/>");
    out.println(session.getAttribute("S"));
%>
<br />
<a href="http://localhost:8080/ses1/contin.jsp">
    To the second page
</a>

Вторая:

<%
    out.println("The session variable is:"+session.getAttribute("S"));
%>

Всё очень просто. Странички можно инклудить друг в друга. include - на этапе превращения в сервлет, jsp:include - на этапе запроса. Сразу пример. Первая страничка:

<body>
     Including page ...
    <br />
    <jsp:include page="req1.jsp"/>
    <%
        out.println("<br/>Finished");
    %>
</body>

Вторая:

<body>
    <%
        out.println("Hello, "+request.getParameter("S"));
    %>
</body>

Теперь, учтя вышеизложенное, придумаем что-нибудь посложней. Первая страничка:

<body>
    Including page ...
    <br />
    <jsp:include page="req1.jsp"/>
    <%
        out.println (request.getAttribute("Q") +"<br>");
        out.println("<br/>Finished");
    %>
</body>

..и инициализация переменной во второй страничке:

String Q = "new string";
request.setAttribute("Q", Q);

Два слова о пересылке запроса:

<body>
    Forwarding request ...
    <br />
    <jsp:forward page="req1.jsp"/>
    <%
        out.println("<br/>Finished");
    %>
</body>

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

Пример пересылки в зависимости от запроса:

try {
    String SP="";
    final String FIRST = "first";
    final String SECOND = "second";
    SP = request.getParameter("S");
    String ur = "/default.jsp";
    if (SP==null) {
        ur="/default.jsp";
    } else {
        if (SP.equals(FIRST)) ur = "/first.jsp";
        if (SP.equals(SECOND)) ur= "/second.jsp";
    }
    RequestDispatcher rd = getServletContext().getRequestDispatcher(ur);
    rd.forward(request, response);
}

Фильтры. Позволяют организовать цепочки классов, которые последовательно выполняют запрос клиента. Основные элементы реализации:

  • В новом классе переопределить метод doFilter();
  • Описать фильтр в дескрипторе развёртки (web.xml).

Простой пример (блокируем контент для некоторых имён, основной код):

String S=""+request.getParameter("nm");
if (S.equals("bob")) {
    PrintWriter out = response.getWriter();
    out.println("You are banned because of persistent spamming");
} else {
    chain.doFilter(request, response);
}

Два слова про страницы ошибок:

<%@page contentType="text/html" errorPage="err.jsp" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <%
            int i=10;
            if (i>0) throw new Exception();
            else
        %>
        Hello, world
    </body>
</html>


И сама страница ошибки:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" isErrorPage="true" content="text/html; charset=UTF-8">
        <title>Error Page</title>
    </head>
    <body>
        <h2>Sorry, we erred</h2>
    </body>
</html>

И в заключение поговорим об атрибутах директивы

<%@page%>

.

  • import - импортируемые пакеты.
  • contentType - MIME-тип содержимого, передаваемого клиенту.
  • isThreadSafe(по умолчанию true) - определяет, является ли код потокобезопасным, и, в результате, должен ли сервлет реализовывать интерфейс SingleThreadModel.
  • session (по умолчанию true) - автоматическая поддержка сессий.
  • errorPage - установка страницы, которая выведется в случае ошибки.
  • isErrorPage - может ли данная страница выводиться в качестве страницы ошибки.
]]> http://blog.folone.org.ua/MOCK=251/feed Sushi time http://blog.folone.org.ua/MOCK=242 http://blog.folone.org.ua/MOCK=242#comments Sun, 23 Nov 2008 13:52:11 +0000 folone http://blog.folone.org.ua/?p=242
DSC00514

Выходные. Хэнд-мейд. Спасибо.
з.ы. дада, завидуйте.

]]> http://blog.folone.org.ua/MOCK=242/feed Библиотеки тегов и jstl http://blog.folone.org.ua/MOCK=215 http://blog.folone.org.ua/MOCK=215#comments Sat, 22 Nov 2008 12:24:05 +0000 folone http://blog.folone.org.ua/?p=215
JSTL

JSTL(JavaServer Pages Standard Tag Library) — в переводе с английского «стандартная библиотека тегов JSP». Она расширяет спецификацию JSP, добавляя библиотеку JSP тегов для общих нужд, таких как разбор XML данных, условная обработка, создание циклов и поддержка интернационализации. JSTL — конечный результат JSR 52, разработанного в рамках JCP(Процесса Java сообщества).
JSTL является альтернативой такому виду встроенной в JSP логики, как скриптлеты, то есть прямые вставки Java кода. Использование стандартизованного множества тегов предпочтительнее, поскольку получаемый код легче поддерживать и проще отделять бизнес-логику от логики отображения.

via

Библиотека десрипторов подключается к jsp-странице с помощью директивы

<%@ taglib uri=“…" prefix=“…" %>

. Это даёт возможность добавлять свои, пользовательские теги к страничке (правда похоже на импортирование существующих онтологий в свои?), в том числе и стандартную библиотеку тегов jsp (jstl).

Основные группы тегов jstl:

  • вывод текста на jsp-страницах;
  • установка атрибутов объектов для веб-приложений;
  • перебор элементов некоторой коллекции данных;
  • форматирование чисел, дат, валют;
  • обработка XML-файлов;
  • взаимодействие с бд;
  • специальные возможности вызова кода из страницы jsp.

Простейший пример:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
 
    <body>
        <c:out value="hello"/>
    </body>
</html>

Перебор значений:

<c:set var="SS" value="Ivanov, Petrov, Sidorov"/>
<c:forEach var="v" items="${SS}">
    ${v}
    <br />
</c:forEach>

Парсинг xml:

<body>
    <c:import url="books.xml" var="xb"/>
    <x:parse doc="${xb}" var="xx"/>
    <x:forEach var="v" select="$xx/catalogue/book/title">
        <x:out select="$v"/><br />
    </x:forEach>
</body>

Соответствующий xml-файл:

<?xml version="1.0" encoding="UTF-8"?>
<catalogue location="Congress Library">
    <book>
        <author>Sidorov</author>
        <title>The pleasure of murders</title>
    </book>
    <book>
        <author>Petrov</author>
        <title>Innocent victims</title>
    </book>
</catalogue>
]]> http://blog.folone.org.ua/MOCK=215/feed java beans & jsp http://blog.folone.org.ua/MOCK=198 http://blog.folone.org.ua/MOCK=198#comments Fri, 21 Nov 2008 23:47:55 +0000 folone http://blog.folone.org.ua/?p=198
java beans & jsp

Ещё один банальный пост о всем известных штуках. Поясню, зачем пишу эти посты. Мне бы хотелось поднять пару интересных мне тем, связанных с фреймворками: JSF, Hibernate, Spring, … Потому мне кажется правильным вначале поговорить о некоторых моментах, которые впоследствии я планирую использовать в контексте последующих постов. Заранее прошу прощения у тех, кому кажется, что ниженаписанное ежу понятно. Постараюсь стать интересней в ближайшее время.

← Пикрелейтед - материальная помощь фотошопокалекам от чудесного дизайнера.

JavaBeans — классы в языке Java, написанные по определённым правилам. Они используются для объединения нескольких объектов в один (bean) для удобной передачи данных.

Спецификация Sun Microsystems определяет JavaBeans, как “универсальные программные компоненты, которые могут управляться с помощью графического интерфейса” (“reusable software components that can be manipulated visually in a builder tool”).

via

Правила описания bean`ов:

  • Класс компонента должен иметь public-конструктор без параметров (либо не иметь конструкторов).
  • Свойства класса должны быть доступны через методы с именами, которые подчинятся стантдартному соглашению об именах (get, set, is, …). Да, мне тоже вспоминаются страшные слова “аксессор” и “мутатор” из курса ООП в универе.
  • Класс должен быть сериализуем. Для сохранения состояния платформонезависимым способом.
  • Не должен содержать методы обработки событий.

Bean-компоненты могут быть использованы как консольными, так и веб-приложениями.

Пример bean`a:

package beantest;
 
public class StringBean {
    private String request;
    private String appendix;
    private String answer;
 
    private void treat() {
        answer=appendix+request;
    }
 
    public void setAppendix(String appendix) {
        this.appendix=appendix;
    }
 
    public String getRequest() {
        return request;
    }
 
    public String getAppendix() {
        return appendix;
    }
 
    public String getAnswer() {
        treat();
        return answer;
    }
 
    public void setRequest(String request) {
        this.request=request;
    }
}

Пример прокладки между ben`ом и jsp-страницой:

import beantest.*;
 
public class testbean {
    public static void main (String[] args) {
        StringBean sb=new StringBean();
        sb.setRequest("aaaa");
        sb.setAppendix("hello, ");
        System.out.println(sb.getAnswer());
    }
}

И пример самой jsp-странички:

<html>
    <head>
        <title> The simple JSP page </title>
 
    </head>
    <body>
        <jsp:useBean id="info" class="beantest.StringBean"/>
        <jsp:setProperty name="info“ property="appendix“ value="Hello, "/>
        <jsp:setProperty name="info“ property="request" value='<%=request.getParameter("input")%>'/>
        <center>
            <strong>
                <jsp:getProperty name="info“ property="answer"/>
            </strong>
        </center>
    </body>
</html>
]]> http://blog.folone.org.ua/MOCK=198/feed JSP - сервлеты. Базовые возможности. http://blog.folone.org.ua/MOCK=194 http://blog.folone.org.ua/MOCK=194#comments Thu, 20 Nov 2008 19:09:36 +0000 folone http://blog.folone.org.ua/?p=194
jsp

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

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

via.

Сервлеты должны реализовывать интерфейс Servlet. Также имеется несколько готовіх реализаций: класс GenericServlet и дочерний для него класс HttpServlet (как правило, его наследуют при написании сервлетов для расширения веб-серверов). Соответствующие классы и интерфейся находятся в пакетах javax.servlet и javax.servlet.http.

Жизненный цикл сервлета:

  1. В случае отсутствия сервлета в контейнере.
    1. Класс сервлета загружается контейнером.
    2. Контейнер создает экземпляр класса сервлета.
    3. Контейнер вызывает метод init(). Этот метод инициализирует сервлет и вызывается в первую очередь, до того, как сервлет сможет обслуживать запросы. За весь жизненный цикл метод init() вызывается только однажды.
  2. Обслуживание клиентского запроса. Каждый запрос обрабатывается в своем отдельном потоке. Контейнер вызывает метод service() для каждого запроса. Этот метод определяет тип пришедшего запроса и распределяет его в соответствующий этому типу метод для обработки запроса (например doGet(), doPost()). Разработчик сервлета должен предоставить реализацию для этих методов. Если поступил запрос, метод для которого не реализован, вызывается метод родительского класса и обычно завершается возвращением ошибки инициатору запроса.
  3. В случае если контейнеру необходимо удалить сервлет, он вызывает метод destroy(), который снимает сервлет из эксплуатации. Подобно методу init(), этот метод тоже вызывается единожды за весь цикл сервлета.

Прочие важные методы:

  • Получение параметра запроса - метод getParameter(”name”)
  • Получение потока вывода - метод getWriter()

Простейший пример сервлета:

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
 
public class reply extends HttpServlet {
    public void doGet (HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html");
        String req=request.getParameter("name");
 
        PrintWriter out = response.getWriter();
        out.println(""); out.println("");
        out.println(""); out.println("<span style="font-size: x-large; color: maroon;">");
        out.println("GREETINGS, "+req+"!");
        out.println("</span>"); out.println("");
        out.println("This is a very simple servlet");
        out.println("");
        out.println(""); out.close();
    }
}

Подготовка сервлетов к выполнению:

  • Компиляция
  • Подготовка связанных файлов, в частности - дескрипторов развёртки (web.xml)
  • Типичным шагом является упаковка сервлетов в war-файлы с помощью утилит jar либо ant.
  • Доставка на сервер - с помощью deploytools, либо ручная развёртка.

Дескриптор развёртки:

  • Тег <servlet>, который задаёт соответствие между именем сервлета (servlet-name) и его классом (servlet-class).
  • Тег <servlet-mapping>, который задаёт соответствие между именем сервлета (<servlet-name>) и методом обращения к нему (<url-pattern>)

Простой пример дескриптора развёртки:

<servlet>
    <servlet-name> reply </servlet-name>
    <servlet-class> reply </servlet-class>
</servlet>
 
<servlet-mapping>
    <servlet-name> reply </servlet-name>
    <url-pattern>/servlet/reply</url-pattern>
</servlet-mapping>

jsp-страницы:
Комбинация статического html и динамического контента из скриптлетов.
Например:

<html>
    <head>
        <title>
            The simple JSP page
        </title>
    </head>
 
    <body>
        <%
            String name=request.getParameter("name");
        %>
        <center>
            <img src="sample.jpg" />
            <br clear="all" />
            <strong>
                Hello, <%=name%>
            </strong>
        </center>
    </body>
</html>

Также используются:

<%! Декларации %>, <%@ Директивы (директива атрибуты) %> и <%-- Комментарии %>

Некоторые заранее определённые переменные:

  • request - запрос клиента, объект класса HttpServletRequest
  • response - ответ клиенту, объект класса HttpServletResponse
  • out - поток класса PrintWriter, используется для передачи данных клиенту
  • session - данные сессии, объект класса HttpSession
]]> http://blog.folone.org.ua/MOCK=194/feed i`m back+semanticAPI http://blog.folone.org.ua/MOCK=184 http://blog.folone.org.ua/MOCK=184#comments Tue, 18 Nov 2008 09:34:09 +0000 folone http://blog.folone.org.ua/?p=184
i`m back

Я снова вернулся. И я счастлив. Но. Тут не о том. Не буду рассказывать о причинах моего отсутствия, расскажу лучше о том, как преобразится блог. Я поудалял все лишние посты (оставил только тематические и те, которые было жалко удалить): о личной жизни и прочей нечисти буду писать на тумблр. Когда-нибудь. Когда время будет. Тут же отныне останется две основные и две вспомогательные категории: java и semantic web; projects и misc (на случай если всё-же очень захочется нечисти тут).

Итак, пишем о жаве и семантик веб. И начнём прямо сейчас. Те, кто меня читал в начале этого года, помнят, возможно, что темой моей дипломной работы был Семантический Веб. Собственно, практической частью работы было написание API на жаве, semanticAPI. АПИ включает в себя два пакета: microformatParser и rdfParser, в каждом - класс document и единственный (кроме конструктора, конечно же) публичный метод - gerMicroformats() и parseRdf() соответственно. Не буду вдаваться в реализацию, желающим полистать сорцы могу предложить их скачать тут, желающим всё это просто напросто заюзать (если такие правда будут), предлагаю ознакомиться с UML-диаграммами и презентацией (оставил с защиты работы; если заинтересует, выложу русскую версию) ниже и скачать jar-файл.

microformatParser:

microformatParser

rdfParser:

rdfParser

Презентация:

]]> http://blog.folone.org.ua/MOCK=184/feed [Онтологии] MetaVocab http://blog.folone.org.ua/MOCK=158 http://blog.folone.org.ua/MOCK=158#comments Wed, 21 May 2008 20:59:52 +0000 folone http://blog.folone.org.ua/MOCK=158 metaVocabОчередной вольный перевод наброска спецификации. Сегодня мы рассмотрим онтологию, которая используется для описания авторов и генераторов rdf-документов, MetaVocab (рабочее название -
RDF Site Summary 1.0 Modules: Administrative, потому и картинка к посту такая). Данная онтология имеет статус “proposed”, но уже используется в некоторых контекстах. Как и TrackBack, онтология разрабатывалась как дополнение к RSS 1.0, но может использоваться в не-rdf-форматированном RSS 2.0. Итак, начнём:

Авторы:

Aaron Swartz, The Info Network
Ken MacLeod, Terrapin Technologies, Inc.

Версия:

Последняя версия: http://web.resource.org/rss/1.0/modules/admin/

Статус:

Proposed

Права:

Разрешено использование, копирование, модифицирование и распространение Спецификации Модуля RDF Site Summary 1.0,а также её сопроводительной документации для любых целей, при условии, что уведомление об авторских правах и этот пункт будет присутствовать во всех копиях. Владельцыавторских прав не гарантируют пригодность спецификации для каких-либо целей. Она предоставляется “как есть” без выраженных или подразумеваемых гарантий.

Данный копирайт относится к авторским правам на Модуль RDF Site Summary 1.0 и к его сопроводительной документации, и не распространяется на формат самого RSS Модуля.

Описание:

Модуль добавляет некоторые администраторские свойства, чтобы увеличить надёжность в использовании RSS поверх провайдеров, агрегаторов, клиентов и других пользователей.

<admin:errorReportsTo> - это URI (обычно ‘mailto:’ URL), который служит для связи с автором, либо источником для конкретного RSS/RDF. Будет использоваться в качестве фидбэка о технических проблемах при использовании RSS, RDF, либо XML.

<admin:generatorAgent> - это URI софтвера, который был использован для генерации данного RSS/RDF. Идентично User-Agent’у в HTTP, или полю X-Mailer в email-сообщении. Может использоваться для отлавливания и исправления ошибок в программном обеспечении, а также для сбора статистических данных. URI должен содержать версию софтвера, а также в случае использования разрешимой URL, должен возвращать человеко-читаемую html-страницу.

Определение пространства имён:

xmlns:admin=”http://webns.net/mvcb/”

Модель:

<channel> Elements:

  • <admin:errorReportsTo rdf:resource=”URI”/>
  • <admin:generatorAgent rdf:resource=”URI”/>

Пример:

<?xml version="1.0" encoding="utf-8"?>
<rdf:RDF
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:admin="http://webns.net/mvcb/"

xmlns="http://purl.org/rss/1.0/">
<channel rdf:about="http://meerkat.oreillynet.com/?_fl=rss1.0">

<title>Meerkat</title>

<link>http://meerkat.oreillynet.com</link>

<description>Meerkat: An Open Wire Service</description>

    <admin:errorReportsTo rdf:resource="mailto:channel-owner@acme.orgs"/>

    <admin:generatorAgent rdf:resource="http://Orchard.SourceForge.net/1.2/"/>

<image rdf:resource="http://meerkat.oreillynet.com/icons/meerkat-powered.jpg" />
<items>

<rdf:Seq>

<rdf:li rdf:resource="http://c.moreover.com/click/here.pl?r123" />

</rdf:Seq>

</items>
<textinput rdf:resource="http://meerkat.oreillynet.com/" />

</channel>
<image rdf:about="http://meerkat.oreillynet.com/icons/meerkat-powered.jpg">

<title>Meerkat Powered!</title>

<url>http://meerkat.oreillynet.com/icons/meerkat-powered.jpg</url>

<link>http://meerkat.oreillynet.com</link>

</image>
<item rdf:about="http://c.moreover.com/click/here.pl?r123">

<title>XML: A Disruptive Technology</title>

<link>http://c.moreover.com/click/here.pl?r123</link>

</item>
<textinput rdf:about="http://meerkat.oreillynet.com/">
<title>Search Meerkat</title>

<description>Search Meerkat's RSS Database...</description>

<name>s</name>

<link>http://meerkat.oreillynet.com/</link>

</textinput>

</rdf:RDF>

По теме:

В следующий раз поговорим о Basic Geo (WGS84 lat/long) Vocabulary.

]]> http://blog.folone.org.ua/MOCK=158/feed [Онтологии] Trackback http://blog.folone.org.ua/MOCK=157 http://blog.folone.org.ua/MOCK=157#comments Tue, 20 May 2008 20:55:57 +0000 folone http://blog.folone.org.ua/MOCK=157 trackbackЭто вольный перевод наброска спецификации онтологии TrackBack. Начнём:

Авторы:

Justin Klubnik (justin AT madskills DOT com), justin.madskills.com
Benjamin and Mena Trott (trackback AT movabletype DOT com), movabletype.org

Версия:

Current Version: 1.0 (Draft)

Права:

Разрешено использование, копирование, модифицирование и распространение Спецификации Модуля RSS 1.0/2.0 TrackBack,а также её сопроводительной документации для любых целей, при условии, что уведомление об авторских правах и этот пункт будет присутствовать во всех копиях. Владельцыавторских прав не гарантируют пригодность спецификации для каких-либо целей. Она предоставляется “как есть” без выраженных или подразумеваемых гарантий.

Данный копирайт относится к авторским правам на Модуль RSS 1.0/2.0 TrackBack и к его сопроводительной документации, и не распространяется на формат самого RSS Модуля.

Описание:

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

Пинги посылаются на TrackBack-URL’ы. TrackBack-URL’ы - это уникальные URL’ы, ассоциированные с постом (категорией), которые умеют принимать пинги. Производится запрос (HTTP GET) к соответствующей URL, которая в общем виде выглядит следующим образом:

http://foo.com/mt/mt-tb.cgi?tb_id=ID

Тут ID - это ID того, к чему мы посылаем ТрекБек (пост, категория).

Определение пространства имён:

xmlns:trackback=”http://madskills.com/public/xml/rss/module/trackback/”

Синтаксис:

Модели данных у RSS 1.0 (RDF Site Summary) и у RSS 2.0 (Really Simple Syndication) разные. Потому синтаксис модуля будет отличаться в каждом из них. Значения же различных элементов остаётся, в основном, тем же.

trackback:ping

trackback:ping - является суб-элементом элемента item, и содержит TrackBack URL item‘a. Вот пример реализации для RSS 1.0:

<item rdf:about="http://blog.folone.org.ua/MOCK=155/">

 	<title>[Онтологии] Trackback</title>

 	<link>http://blog.folone.org.ua/MOCK=155/</link>

 	<description>Жорик решил рассказать об и так всем уже известном механизме трекбека</description>

 	<trackback:ping rdf:resource="http://blog.folone.org.ua/MOCK=155/trackback"/>

</item>

И для RSS 2.0:

<item>

 	<title>[Онтологии] Trackback</title>

 	<link>http://blog.folone.org.ua/MOCK=155/</link>

 	<description>Жорик решил рассказать об и так всем уже известном механизме трекбека</description>

 	<trackback:ping>http://blog.folone.org.ua/MOCK=155/trackback</trackback:ping>

</item>

Вкратце, эти RSS itemы теперь говорят: “Пингуйте, будьте добры, сюда: http://blog.folone.org.ua/MOCK=155/trackback.”

trackback:about

trackback:about - суб-элемент item‘а, содержит TrackBack URL, который пингуется как ссылка к данному item‘у. Каждый item может содержать ноль и больше инстанций trackback:about.

Для RSS 1.0 это выглядит так:

<item rdf:about="http://bar.com/weblog/rss_plus_trackback.html">

 	<title>[Онтологии] Trackback</title>

 	<link>http://blog.folone.org.ua/MOCK=155/</link>

 	<description>Жорик решил рассказать об и так всем уже известном механизме трекбека</description>

 	<trackback:ping rdf:resource="http://blog.folone.org.ua/MOCK=155/trackback"/>

 	<trackback:about rdf:resource="http://blog.folone.org.ua/MOCK=154/trackback"/>

</item>

Для RSS 2.0 - так:

<item>

 	<title>[Онтологии] Trackback</title>

 	<link>http://blog.folone.org.ua/MOCK=155/</link>

 	<description>Жорик решил рассказать об и так всем уже известном механизме трекбека</description>

 	<trackback:ping>http://blog.folone.org.ua/MOCK=155/trackback</trackback:ping>

 	<trackback:about>http://blog.folone.org.ua/MOCK=154/trackback</trackback:about>

</item>

Вкратце, эти item‘ы теперь говорят: “Пингуйте, будьте добры, сюда: http://blog.folone.org.ua/MOCK=155/trackback. А сам я пингану http://blog.folone.org.ua/MOCK=154/trackback, ибо мой материал каким-то образом схож, либо ссылается на пост (категорию), ассоциированную с данной ссылкой.”

Это всё нужно чтобы:

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

]]> http://blog.folone.org.ua/MOCK=157/feed [Онтологии] Dublin Core & FOAF http://blog.folone.org.ua/MOCK=156 http://blog.folone.org.ua/MOCK=156#comments Tue, 20 May 2008 19:24:26 +0000 folone http://blog.folone.org.ua/MOCK=156 web 3.0Онтоло?гия — это попытка всеобъемлющей и детальной формализации некоторой области знаний с помощью концептуальной схемы. Обычно такая схема состоит из иерархической структуры данных, содержащей все релевантные классы объектов, их связи и правила (теоремы, ограничения), принятые в этой области.

Онтологии применяются в искусственном интеллекте, семантической паутине (SemanicWeb) и технологии программирования как форма представления знаний о реальном мире или его части.(via)

Чего это я вдруг? Просто по мере написАния дипломной, рецензии и отзыва к ней, я постараюсь выкладывать на всеобщее обозрение показавшиеся мне особо интересными части.

Сегодня речь пойдёт об онтологиях. Как утверждает Коля, вся информация будет жить в rdf-документах, а доставать её мы будем с помощью sparql-запросов. Но что же сидит в этих самых rdf-документах? А вот и правильно, онтологии.

Существует несколько языков описания онтологий. Нас в данном контексте (веб) интересует owl (ontology web language), как расширение rdf и rdfs, который является стандартом W3C.

С этого поста я начну понемногу описывать существующие на сегодняшний день онтологии. А сегодня советую интересующимся почитать про первые две из них у Коли:

]]> http://blog.folone.org.ua/MOCK=156/feed Script# http://blog.folone.org.ua/MOCK=154 http://blog.folone.org.ua/MOCK=154#comments Tue, 20 May 2008 17:15:16 +0000 folone http://blog.folone.org.ua/MOCK=154 Раз уж руки дошли дописАть эту заметку, грех этого не сделать :)

Впервые услышал об этой штуке на презентации Windows Live 2008. Итак, что такое Script Sharp. S# интерпретирует C#-код в JavaScript (вместо MSIL). В результате получаем все преимущества работы с инструментарием Visual Studio при разработке, скажем, Ajax-приложений:

  • Intellisense
    intellisense
  • Поддержка MSBuild
    msbuild
  • Обработка ошибок во время компиляции (не во время работы, как, скажем, с firebug’ом)
    errors
  • Поддержка рефакторинга
    refactoring
  • Интуитивно-понятный ООП-синтаксис (чем JavaScript похвастаться не может)
    oop
  • Визуализация кода
    uml code
  • Достойный просмотр и поиск по коду
    search browse code
  • xml-документированный код
    documentate
  • [скоро] Возможности для юнит-тестирования
    unit testing

S# бесплатен. Придумал его сторонний разработчик. Несмотря на это, им усиленно пользуются в Майкрософт.

Если Вы разрабатываете Ajax или RIA-приложения, попробуйте Script#, не пожалеете :)

Более подробно можно узнать со странички проекта и из блога разработчика.

]]> http://blog.folone.org.ua/MOCK=154/feed Стиви Би http://blog.folone.org.ua/MOCK=155 http://blog.folone.org.ua/MOCK=155#comments Tue, 20 May 2008 16:38:38 +0000 folone http://blog.folone.org.ua/MOCK=155 Сейчас я быстренько объясню банальные причины того, что я давненько сюда не писАл, а потом расскажу про эту самую пафосную фигуру из названия поста. Итак, не писАл я из-за..правильно, из-за сессии и дипломной работы. Кстати, материалы для своей работы я нагло черпаю у Коли и из НетЭволюшн. К тому же, я уволился, и теперь до конца сессии - безработный :)

Steve BА теперь - о Балмере. Да, я видел это чудо живьём. Дело было в Красном корпусе Универа (который, кстати, нынче с приставкой “Исследовательский” (омг)). Онлайн-трансляцию желающие могли лицезреть вот тут.

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

Насчёт организации события - повеселили хитмэны у рам металоискателей, повеселил переводчик своими репликами до начала выступления Стиви (”- кстати, они нас там слышат.. - правда?!”).

Итого. Мероприятие было приятным, не более, но и не менее. Никаких щепитильных тем (Yahoo!) не поднималось (до меня очередь не дошла, не успел спросить), все разошлись довольныме тем, что видели великого толстяка из Майкрософт.

Кстати, Стив поделился своим адресом электронной почты. Просим проспонсировать велосипед? :)

]]> http://blog.folone.org.ua/MOCK=155/feed Безопасный Singleton http://blog.folone.org.ua/MOCK=153 http://blog.folone.org.ua/MOCK=153#comments Wed, 26 Mar 2008 16:23:56 +0000 folone http://blog.folone.org.ua/MOCK=153 Сначала немного о нём:

Цель:

  • Обеспечить класс, который имеет только один экземпляр и предоставить глобальную точку доступа к нему.
  • Инкапсулировать “JIT инициализацию” (”инициализацию при первом использовании”).

Заметки:

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

Заставить класс единственной инстанции объекта отвечать за создание, инициализацию и доступ. Объявить инстанцию с private static модификаторами доступа. Обеспечить public static метод, который включит в себя весь код инициализации, а также предоставит доступ к инстанции.

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

Предусмотреть возможность расширения паттерна (для указанного пользователем количества инстанций).

Удаление Singleton класса/инстанции - непростая задача. Чтобы разобраться, как это сделать (для с++), посмотрите “To Kill A Singleton“, John Vlissides.

Не буду останавливаться на прочей абстракции, потому Контрольный список:

  1. Определить private static аттрибут класса.
  2. Определить private statiс метод-аксессор.
  3. Реализовать “ленивую инициализацию” (создание при первом использовании) в методе-аксессоре.
  4. Все конструкторы - protected либо private.
  5. Разрешить манипуляцию инстанцией только посредством аксессора.

Собственно, код: 

public class Singleton {
 
	private static Singleton test1;	private Singleton() {
 
	}
 
	public static Singleton getInstance() {
 
		if(test1 == null) {
 
			synchronized (Singleton.class) {
				if(test1 == null) {
 
					test1 = new Singleton();
 
				}
 
 			}
 
 		}
 
		return test1;
 
}
 
}

Ну и немного отсебятины:

Для пущей безопасности от кривизны рук, стоит также перегрузить метод clone(). Например, в данном случае - так:

public Singleton clone() {
    return this.getInstance();
}

или так:

public Singleton clone() throws CloneNotSupportedException {
    throw new CloneNotSupportedException();
}

По теме:

]]> http://blog.folone.org.ua/MOCK=153/feed [Музыкальное] Темплейты в музыке. http://blog.folone.org.ua/MOCK=151 http://blog.folone.org.ua/MOCK=151#comments Tue, 11 Mar 2008 15:34:38 +0000 folone http://blog.folone.org.ua/MOCK=151 Это вольный пересказ статьи “All Linkin Park songs look the same”.

Каждая новая песня этой группы (которая является “классической мазафакой” (с)), наводит на одну мысль: “хм..разве они не писАли эту песню раньше?”. Кроме того, что их песни звучат одинаково (очень наглядно продемонстрировано), они ещё и выглядят практически идентично. Ниже приведены изображения уровня звука первых девяноста секунд для некоторых самых популярных. (ремарка: темп некоторых из песен увеличен)

What I`ve done:

What i`ve done

Faint:

faint

Somewhere I belong:

Somewhere i belong

Crawling:

Crawling

Numb:

Numb

Lying from you:

Lying from you

Послушать - по ссылкам на названия, ссылки ведут на ютуб.

Итак, в чём же формула успеха песен группы?

  1. Тихое вступление. Каждая песня имеет в среднем два круга тихого вступления.
  2. Инструментальный проигрыш. Играют все инструменты, два или четыре круга. Проигрыш обычно энергичный, инструментальный (минимум электроники).
  3. Тихий куплет. Песня стихает на куплетах для придания контрастности между секциями.
  4. Тяжёлый припев. Обычно с теми же аккордами, с кричащим Честером (Беннингтоном).

Ничего принципиально нового в выше изложенном нету. Но именно это помогает группе продолжать продавать альбомы.

Почему это работает:

  • Динамический контраст. Человеческий слух находит динамические звуки более интересными. А контраст между секциями песни привлекает большее внимание к её динамической части. Песни группы привлекают на инстинктивном уровне.
  • Запоминающаяся мелодия. Мелодия припева - самая запоминающаяся в песне. Группа, по сути, даёт послушать припев и запомнить его мелодию ещё до самого припева (проигрыш).
  • Песни кажутся знакомыми. Группа постоянно использует уже наработанную музыку, что заставляет слушателя чувствовать себя комфортно с их новым материалом.

Вывод:

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

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

З.Ы. больше об этом - тут.

]]> http://blog.folone.org.ua/MOCK=151/feed Идея: hMedia. http://blog.folone.org.ua/MOCK=150 http://blog.folone.org.ua/MOCK=150#comments Fri, 07 Mar 2008 00:29:11 +0000 folone http://blog.folone.org.ua/MOCK=150 Для обозначения метаданных о графике (графический редактор, фотоаппарат, автор), музыке (название, исполнитель, альбом, год), видео (автор, ещё что-то :) ).

Данные давно уже отображаются в том же Flicker’е, Last.fm’е и YouTub’е. Идея - как-нибудь унифицировать это отображение. Что-то вроде..

Для графики:

1
2
3
4
5
6

<ul class="hMedia" isa="picture">
    <li class="editor">Photoshop CS</li>
    <li class="camera">Cannon A85</li>
    <li class="author">Name Surname</li>
    <li class="picture"><img src="path.to/picture.jpg" /></li>
</ul>

Для музыки:

1
2
3
4
5
6
7

<ul class="hMedia" isa="audio">
    <li class="name">Blood</li>
    <li class="performer">Papa Roach</li>
    <li class="album">Getting Away With Murder</li>
    <li class="year">2004</li>
    <li class="media"><!-- embed or link here --></li>
</ul>

Для видео:

1
2
3
4
5
6
7
8
9
10
11
12
13

<ul class="hMedia" isa="video film <!-- возможные варианты: clip, fan-video -->">
    <li class="name">Requiem For a Dream</li>
    <li class="director">Darren Aronofsky</li>
    <li class="actor" role="Sara Goldfarb">Jared Leto</li>
    <li class="actor" role="Harry Goldfarb">Ellen Burstyn</li>
    <li class="plot">
        The hopes and dreams of four ambitious people are shattered
        when their drug addictions begin spiraling out of control.</li>
    <li class="language">English</li>
    <li class="country">USA</li>
    <li class="release"> 27.10.2000</li>
    <li class="media"><!-- embed or link here --></li>
</ul>

Итого: полный бред, или есть рациональное зерно? Поделитесь своими соображениями в комментариях, плз :)

]]> http://blog.folone.org.ua/MOCK=150/feed Ищем, используя метаданные http://blog.folone.org.ua/MOCK=148 http://blog.folone.org.ua/MOCK=148#comments Thu, 06 Mar 2008 15:01:40 +0000 folone http://blog.folone.org.ua/MOCK=148 logoДа уж, в последнее время я немного подзабыл, что мой теглайн состоит из одного слова, semanti. Буду исправляться. Итак, сегодня поговорим о более богатом поиске, с парсингом метаданных.

Где такой есть? Да хоть у Yahoo!, который стал таким популярным в последнее время. Итак, представляю Вам Yahoo! MicroSearch. Сервис, который комбинирует стандартный поиск Yahoo!, но при этом ещё и вытягивает из страниц-результатов метаданные: микроформаты, RDF (данные, на которые ссылаются с помоцью тега <link>) и RDFa (в будущем планируется GRDDL). Крупные компании уже давно поняли, что за метаданными - будущее, потому они (метаданные) продолжают появляться в новых сервисах (Мой.Круг, Flickr, upcoming.org, LinkedIn).

Кстати, вот так можно найти меня. Да, кириллица пока хромает, но думаю, всё будет :) Основные фичи продемонстрированы в примерах поиска (1, 2, 3, 4).

Работает это всё так: по запросу собираются результаты стандартного поиска. Далее выделяются метаданные: микроформаты (hCard, hCalendar, hReview), RDF и RDFa. Метаданные отображаются в результатах, на карте и в таймлайне (для событий, скажем). Для всего этого используется:

Почитать по теме:

]]> http://blog.folone.org.ua/MOCK=148/feed Офисы и рабочие места громких веб 2.о компаний http://blog.folone.org.ua/MOCK=137 http://blog.folone.org.ua/MOCK=137#comments Fri, 01 Feb 2008 11:05:14 +0000 folone http://blog.folone.org.ua/MOCK=137 Новые идеи меняют мир с каждым днём. Новые идеи рождаются в оригинальной обстановке, и каждая уважающая себя компания старается “снабдить” своих разработчиков этой самой обстановкой - традиция, которую задали ещё в Гугле.

Давайте посмотрим, как это получается у разных веб 2.0-компаний (взято тут и тут):


Стартап запущен в недалёком 2006 году. Социальная сеть, по сути, положившая начало микроблоггингу. Оповещения через веб-интерфейс, смс, либо интернет-пейджер. Их офис выглядит так:

А вход в офис - так:

Запущен 4го февраля 2004 года. Самая успешная социальная сеть на сегодняшний день. Скандалы вокруг похищения их исходников, тысячи клонов, движки, позволяющие имитировать стартап, блоги, посвящённые исключительно ему, хакеры, специализирующиеся исключительно на нём, поддержка сторонних разработчиков, открытые АПИ - всё это только добавляет масла в огонь. Смотрим:

А вы думали, индусы работают только в Майкрософте? ;)

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

Craiglist

По сути своей, огромный каталог всего.


Опенсорсный проект. Разрабатывается, помимо прочих, комьюнити волонтёров. Основные продукты - Огнелис и Thunderbird.
Огнелис - самый безопасные веб-браузер на сегодняшний день. Признайтесь: ведь именно им вы сейчас смотрите эту страничку ;)

p2p видеоплеер:

Своего рода имя нарицательное для фотосервисов. Проектом быстро заинтересовался Yahoo!, который, собственно и приобрёл его в марте 2005 года за 35 млн. убитых енотов:

Сервис, построенный на инновационной технологии AudioScrobbler. Музыка у нас в крови. ЛастФМ поможет найти именно ту музыку (и тех людей), которая понравится именно Вам:
Да-да, я тож так работаю :)

Запущен в июле 2006 года, главный конкурент Твиттера на сегодняшний день. Куплен Гуглом:

Профессиональная социальная сеть. То, под что нынче косит Мой.Круг:


Пионер персонализированной домашней страницы. Использую его (как ни странно, не iGoogle) уже давненько, и ребята не устают радовать новинками. Один из полезнейших для меня сайтов за последние полтора-два года.

Запущен в 2005 году. Реддит показывает Вам новости, основанные на Ваших предпочтениях, которые высчитываются, анализируя историю Ваших голосований.


Пионер т-блогов (собственно, в их честь названных). Красота и аскетизм. Поразительно красиво и функционально, и ничего лишнего.



В представлении не нуждается, считается главным конкурентом Гугла:














AOL. Компания, которую все любят не любить ;) Кстати, маленького человечка зовут Mr. Fitzsnoogins. Индийский офис (омг):







Ну и как же без гиганта? Офис в Санта Монике:
















А где бы хотели работать Вы?

]]> http://blog.folone.org.ua/MOCK=137/feed Эффект градиента для текста с помощью CSS http://blog.folone.org.ua/MOCK=135 http://blog.folone.org.ua/MOCK=135#comments Wed, 23 Jan 2008 23:09:36 +0000 folone http://blog.folone.org.ua/MOCK=135 Очередной вольный перевод. Оригинал - тут.

Частенько хочется сделать несложный заголовок с простеньким графическим эффектом. Но вот фотошопить каждый раз немного утомляет. Тем более - если хочется чтобы каждый заголовок был с этим самым эффектом (ясное дело, с разным текстом). Вот Вам простой CSS-трюк, как это сделать, используя рисунок в формате png (чистый CSS, никакого жаваскрипта и флеша). Всё что нужно - пустой тег

<span>

в заголовке, и заставить фоновое изображение перекрыть текст с помощью свойства

position:absolute

Трюк проверен на большинстве популярных браузеров: Firefox, Safari, Opera, даже под Internet Explorer 6 работает (с png-хаком, разумеется).
Посмотреть на это можно тут, скачать демо - тут. А дальше можно почитать, как это всё сделано :)

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

  • Это чистый CSS, никакого жаваскрипта или флеша, работает на большинстве браузеров (в т.ч. IE6, правда - с хаком)
  • Идеальная техника для дизайна заголовков. Не нужно каждый предварительно вырисовывать в фотошопе. Это сэкономит время и канал.
  • Использовать можно на любых web-шрифтах, размер шрифта останется изменяемым (Ctrl+, Ctrl-).

Как это работает?

Сама по себе реализация проста. Мы просто добавляем поверх текста однопиксельный png-градиент (с альфа-прозрачностью).

html-разметка.

<h1>CSS Gradient Text</h1>

Собственно, CSS.

Основным пунктом в данном случае являются

h1 { position: relative }

и

h1 span { position: absolute }

А дальше:

h1 {
  font: bold 330%/100% "Lucida Grande";
  position: relative;
  color: #464646;
}
h1 span {
  background: url(gradient.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}

Вот и всё. Готово. Посмотреть можно тут.

Заставим это работать в IE6.

По причине неправильной обработки прозрачности png-24 в IE6, для правильного отображения нужен следующий хак (добавить где-нибудь между тегами <head></head>).

<!--[if lt IE 7]>
<mce:style><! 
h1 span {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gradient.png', sizingMethod='scale');
}
-->
 
<!--[endif]-->

(кстати, насчёт хаков для IE6. почитать - тут.)

jQuery-версия, для любителей семантики.

Если Вам не хочется иметь в заголовках пустой <span> тег, можно использовать жаваскрипт чтобы его (тег) туда поместить. Например, с помощью метода prepend (jQuery):

<script src="jquery.js" type="text/javascript"><!--mce:0--></script>
 
<script type="text/javascript"><!--mce:1--></script>

Ещё:

Хотите вебдванольный глянцевый текст?

В принципе, этот трюк применим на любом однотонном фоновом цвете (пока цвет Вашего градиента совпадает с цветом фона).

Паттерны/текстуры.

Можно также побаловаться с повторяющимися текстурами. Например, так:

Ограничения и прочее.

  • Этот трюк подходит только для элементов, которые находятся на однотонном фоне. Ваш градиент (рисунок png) должен быть того же цвета, что и фон.
  • Требуется хак для правильной обработки png в IE.
  • Если градиент выше Вашего текста, его (текст) невозможно будет выделить.
]]> http://blog.folone.org.ua/MOCK=135/feed .:filteRSS http://blog.folone.org.ua/MOCK=133 http://blog.folone.org.ua/MOCK=133#comments Mon, 21 Jan 2008 21:04:13 +0000 folone http://blog.folone.org.ua/MOCK=133 Вот я и привёл этот проектик в более-менее удобоваримый вид (читай: “иногда работает“). Знакомьтесь: filteRSS. Собственно, ничего нового в концепции, и ничего сложного в реализации. Итак, по пунктам:

Что?

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

Зачем?

В прошлом году ещё было дело. Делали мы сайт для нашей универской газеты (в результате, сделал его лично Крик). Была предложена идея редакторских блогов. И у нас с Кириллом возникла идея написАть какой-то инструмент, который кросспостил бы посты в зависимости от их тегов (если, скажем, присутствует тег “мой жур-блог“, - кросспостим). Потом это всё как-то забылось, а потом я однажды вспомнил об идее фильтрации рсс. Вспомнил в контексте очередного редизайна блога. Захотелось иметь рсс-поток для каждого тега. Сделал пару набросков. После - сессия, работа. И вот, в конце прошлой недели я снова вернулся за проект. И сейчас я могу кое что показать.

А дальше?

А дальше будет вот что:

  • Прикручу jQuery. Чтобы обрабатывать более одного фида и более одного ключевого слова.
  • Разберусь и прикручу xmlrpc.
  • Буду генерировать фид в формате на выбор, не только RSS 2.0
  • (Хотелось бы) поменять хостинг для проекта с целью перевести его на ZendFramework (да, на этом хостинге - 4й пхп и первый Апач).
  • (возможно) feedburner API.

Хотелось бы

  • Ваших комментариев, отзывов, пожеланий, критики, прочего.
  • Может кто знает: где бы мне сгенерированные фиды хранить? Хостинг - не резиновый, осталось всего 10 мб. Хотелось бы какой-нибудь файловый хостинг с API.
  • Наполнить раздел FAQ, потому задавайте вопросы :)

Кирилл обещал сделать версию под ASP.NET. Жду с нетерпением.

Вроде всё. Спасибо всем откликнувшимся.

]]> http://blog.folone.org.ua/MOCK=133/feed 140 именованных цветов http://blog.folone.org.ua/MOCK=131 http://blog.folone.org.ua/MOCK=131#comments Tue, 15 Jan 2008 17:09:08 +0000 folone http://blog.folone.org.ua/MOCK=131 За последние пару лет все основные браузеры позаботились о поддержке 140 именованных цветов (распознаются по имени) в своих HTML и CSS. Тоесть, вместо того чтобы запоминать шестнадцатиричный код “#FFA500?, можно просто использовать “orange” для определения цвета в Вашем коде, и браузер автоматически переведёт это значение в шестнадцатиричное. Под катом - маленькая шпаргалочка по этим цветам.

(можно отсортировать по семье оттенков и банально по имени)

Сортировать по:

Имя Hex RGB
lightcoral F08080 240,128,128
rosybrown BC8F8F 188,143,143
indianred CD5C5C 205,92,92
red FF0000 255,0,0
firebrick B22222 178,34,34
brown A52A2A 165,42,42
darkred 8B0000 139,0,0
maroon 800000 128,0,0
mistyrose FFE4E1 255,228,225
salmon FA8072 250,128,114
tomato FF6347 255,99,71
darksalmon E9967A 233,150,122
coral FF7F50 255,127,80
orangered FF4500 255,69,0
lightsalmon FFA07A 255,160,122
sienna A0522D 160,82,45
seashell FFF5EE 255,245,238
chocolate D2691E 210,105,30
saddlebrown 8B4513 139,69,19
sandybrown F4A460 244,164,96
peachpuff FFDAB9 255,218,185
peru CD853F 205,133,63
linen FAF0E6 250,240,230
bisque FFE4C4 255,228,196
darkorange FF8C00 255,140,0
burlywood DEB887 222,184,135
antiquewhite FAEBD7 250,235,215
tan D2B48C 210,180,140
navajowhite FFDEAD 255,222,173
blanchedalmond FFEBCD 255,235,205
papayawhip FFEFD5 255,239,213
moccasin FFE4B5 255,228,181
orange FFA500 255,165,0
wheat F5DEB3 245,222,179
oldlace FDF5E6 253,245,230
floralwhite FFFAF0 255,250,240
darkgoldenrod B8860B 184,134,11
goldenrod DAA520 218,165,32
cornsilk FFF8DC 255,248,220
gold FFD700 255,215,0
lemonchiffon FFFACD 255,250,205
khaki F0E68C 240,230,140
palegoldenrod EEE8AA 238,232,170
darkkhaki BDB76B 189,183,107
ivory FFFFF0 255,255,240
lightyellow FFFFE0 255,255,224
beige F5F5DC 245,245,220
lightgoldenrodyellow FAFAD2 250,250,210
yellow FFFF00 255,255,0
olive 808000 128,128,0
olivedrab 6B8E23 107,142,35
yellowgreen 9ACD32 154,205,50
darkolivegreen 556B2F 85,107,47
greenyellow ADFF2F 173,255,47
chartreuse 7FFF00 127,255,0
lawngreen 7CFC00 124,252,0
darkseagreen 8FBC8B 143,188,139
honeydew F0FFF0 240,255,240
palegreen 98FB98 152,251,152
lightgreen 90EE90 144,238,144
lime 00FF00 0,255,0
limegreen 32CD32 50,205,50
forestgreen 228B22 34,139,34
green 008000 0,128,0
darkgreen 006400 0,100,0
seagreen 2E8B57 46,139,87
mediumseagreen 3CB371 60,179,113
springgreen 00FF7F 0,255,127
mintcream F5FFFA 245,255,250
mediumspringgreen 00FA9A 0,250,154
mediumaquamarine 66CDAA 102,205,170
aquamarine 7FFFD4 127,255,212
turquoise 40E0D0 64,224,208
lightseagreen 20B2AA 32,178,170
mediumturquoise 48D1CC 72,209,204
azure F0FFFF 240,255,255
lightcyan E0FFFF 224,255,255
paleturquoise AFEEEE 175,238,238
aqua 00FFFF 0,255,255
cyan 00FFFF 0,255,255
darkcyan 008B8B 0,139,139
teal 008080 0,128,128
darkslategray 2F4F4F 47,79,79
darkturquoise 00CED1 0,206,209
cadetblue 5F9EA0 95,158,160
powderblue B0E0E6 176,224,230
lightblue ADD8E6 173,216,230
deepskyblue 00BFFF 0,191,255
skyblue 87CEEB 135,206,235
lightskyblue 87CEFA 135,206,250
steelblue 4682B4 70,130,180
aliceblue F0F8FF 240,248,255
dodgerblue 1E90FF 30,144,255
lightslategray 778899 119,136,153
slategray 708090 112,128,144
lightsteelblue B0C4DE 176,196,222
cornflowerblue 6495ED 100,149,237
royalblue 4169E1 65,105,225
ghostwhite F8F8FF 248,248,255
lavender E6E6FA 230,230,250
blue 0000FF 0,0,255
mediumblue 0000CD 0,0,205
darkblue 00008B 0,0,139
midnightblue 191970 25,25,112
navy 000080 0,0,128
slateblue 6A5ACD 106,90,205
darkslateblue 483D8B 72,61,139
mediumslateblue 7B68EE 123,104,238
mediumpurple 9370DB 147,112,219
blueviolet 8A2BE2 138,43,226
indigo 4B0082 75,0,130
darkorchid 9932CC 153,50,204
darkviolet 9400D3 148,0,211
mediumorchid BA55D3 186,85,211
thistle D8BFD8 216,191,216
plum DDA0DD 221,160,221
violet EE82EE 238,130,238
fuchsia FF00FF 255,0,255
magenta FF00FF 255,0,255
darkmagenta 8B008B 139,0,139
purple 800080 128,0,128
orchid DA70D6 218,112,214
mediumvioletred C71585 199,21,133
deeppink FF1493 255,20,147
hotpink FF69B4 255,105,180
lavenderblush FFF0F5 255,240,245
palevioletred DB7093 219,112,147
crimson DC143C 220,20,60
pink FFC0CB 255,192,203
lightpink FFB6C1 255,182,193
white FFFFFF 255,255,255
snow FFFAFA 255,250,250
whitesmoke F5F5F5 245,245,245
gainsboro DCDCDC 220,220,220
lightgray D3D3D3 211,211,211
silver C0C0C0 192,192,192
darkgray A9A9A9 169,169,169
gray 808080 128,128,128
dimgray 696969 105,105,105
black 000000 0,0,0
Имя Hex RGB
aliceblue F0F8FF 240,248,255
antiquewhite FAEBD7 250,235,215
aqua 00FFFF 0,255,255
aquamarine 7FFFD4 127,255,212
azure F0FFFF 240,255,255
beige F5F5DC 245,245,220
bisque FFE4C4 255,228,196
black 000000 0,0,0
blanchedalmond FFEBCD 255,235,205
blue 0000FF 0,0,255
blueviolet 8A2BE2 138,43,226
brown A52A2A 165,42,42
burlywood DEB887 222,184,135
cadetblue 5F9EA0 95,158,160
chartreuse 7FFF00 127,255,0
chocolate D2691E 210,105,30
coral FF7F50 255,127,80
cornflowerblue 6495ED 100,149,237
cornsilk FFF8DC 255,248,220
crimson DC143C 220,20,60
cyan 00FFFF 0,255,255
darkblue 00008B 0,0,139
darkcyan 008B8B 0,139,139
darkgoldenrod B8860B 184,134,11
darkgray A9A9A9 169,169,169
darkgreen 006400 0,100,0
darkkhaki BDB76B 189,183,107
darkmagenta 8B008B 139,0,139
darkolivegreen 556B2F 85,107,47
darkorange FF8C00 255,140,0
darkorchid 9932CC 153,50,204
darkred 8B0000 139,0,0
darksalmon E9967A 233,150,122
darkseagreen 8FBC8B 143,188,139
darkslateblue 483D8B 72,61,139
darkslategray 2F4F4F 47,79,79
darkturquoise 00CED1 0,206,209
darkviolet 9400D3 148,0,211
deeppink FF1493 255,20,147
deepskyblue 00BFFF 0,191,255
dimgray 696969 105,105,105
dodgerblue 1E90FF 30,144,255
firebrick B22222 178,34,34
floralwhite FFFAF0 255,250,240
forestgreen 228B22 34,139,34
fuchsia FF00FF 255,0,255
gainsboro DCDCDC 220,220,220
ghostwhite F8F8FF 248,248,255
gold FFD700 255,215,0
goldenrod DAA520 218,165,32
gray 808080 128,128,128
green 008000 0,128,0
greenyellow ADFF2F 173,255,47
honeydew F0FFF0 240,255,240
hotpink FF69B4 255,105,180
indianred CD5C5C 205,92,92
indigo 4B0082 75,0,130
ivory FFFFF0 255,255,240
khaki F0E68C 240,230,140
lavender E6E6FA 230,230,250
lavenderblush FFF0F5 255,240,245
lawngreen 7CFC00 124,252,0
lemonchiffon FFFACD 255,250,205
lightblue ADD8E6 173,216,230
lightcoral F08080 240,128,128
lightcyan E0FFFF 224,255,255
lightgoldenrodyellow FAFAD2 250,250,210
lightgray D3D3D3 211,211,211
lightgreen 90EE90 144,238,144
lightpink FFB6C1 255,182,193
lightsalmon FFA07A 255,160,122
lightseagreen 20B2AA 32,178,170
lightskyblue 87CEFA 135,206,250
lightslategray 778899 119,136,153
lightsteelblue B0C4DE 176,196,222
lightyellow FFFFE0 255,255,224
lime 00FF00 0,255,0
limegreen 32CD32 50,205,50
linen FAF0E6 250,240,230
magenta FF00FF 255,0,255
maroon 800000 128,0,0
mediumaquamarine 66CDAA 102,205,170
mediumblue 0000CD 0,0,205
mediumorchid BA55D3 186,85,211
mediumpurple 9370DB 147,112,219
mediumseagreen 3CB371 60,179,113
mediumslateblue 7B68EE 123,104,238
mediumspringgreen 00FA9A 0,250,154
mediumturquoise 48D1CC 72,209,204
mediumvioletred C71585 199,21,133
midnightblue 191970 25,25,112
mintcream F5FFFA 245,255,250
mistyrose FFE4E1 255,228,225
moccasin FFE4B5 255,228,181
navajowhite FFDEAD 255,222,173
navy 000080 0,0,128
oldlace FDF5E6 253,245,230
olive 808000 128,128,0
olivedrab 6B8E23 107,142,35
orange FFA500 255,165,0
orangered FF4500 255,69,0
orchid DA70D6 218,112,214
palegoldenrod EEE8AA 238,232,170
palegreen 98FB98 152,251,152
paleturquoise AFEEEE 175,238,238
palevioletred DB7093 219,112,147
papayawhip FFEFD5 255,239,213
peachpuff FFDAB9 255,218,185
peru CD853F 205,133,63
pink FFC0CB 255,192,203
plum DDA0DD 221,160,221
powderblue B0E0E6 176,224,230
purple 800080 128,0,128
red FF0000 255,0,0
rosybrown BC8F8F 188,143,143
royalblue 4169E1 65,105,225
saddlebrown 8B4513 139,69,19
salmon FA8072 250,128,114
sandybrown F4A460 244,164,96
seagreen 2E8B57 46,139,87
seashell FFF5EE 255,245,238
sienna A0522D 160,82,45
silver C0C0C0 192,192,192
skyblue 87CEEB 135,206,235
slateblue 6A5ACD 106,90,205
slategray 708090 112,128,144
snow FFFAFA 255,250,250
springgreen 00FF7F 0,255,127
steelblue 4682B4 70,130,180
tan D2B48C 210,180,140
teal 008080 0,128,128
thistle D8BFD8 216,191,216
tomato FF6347 255,99,71
turquoise 40E0D0 64,224,208
violet EE82EE 238,130,238
wheat F5DEB3 245,222,179
white FFFFFF 255,255,255
whitesmoke F5F5F5 245,245,245
yellow FFFF00 255,255,0
yellowgreen 9ACD32 154,205,50

З.Ы. нашёл тут.

]]> http://blog.folone.org.ua/MOCK=131/feed CSS псевдоклассы и псевдоэлементы http://blog.folone.org.ua/MOCK=127 http://blog.folone.org.ua/MOCK=127#comments Tue, 18 Dec 2007 15:08:23 +0000 folone http://blog.folone.org.ua/MOCK=127 Всегда интересовался эффектами, достижимыми использованием псевдоклассов в css. Я никогда верстальщиком/дизайнером не был, но поразбираться иногда очень интересно. Потому заметочка для себя.

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

Список всем известных псевдоклассов и псевдоэлементов в css2:

  • :first-child - первый потомок элемента.
  • :link - непосещенные ссылки.
  • :visited - посещенные ссылки
  • :hover - элемент, над которым находится указатель мыши.
  • :active - активизированный элемент.
  • :focus - элемент, имеющий фокус.
  • :lang - текущий язык.
  • :first-line - первая строка абзаца.
  • :first-letter - первая буква абзаца.
  • :before - располагает содержание перед элементом.
  • :after - располагает содержание после элемента.

В css3 уже заявлены следующие псевдоклассы и псевдоэлементы:

  • :root - корневой элемент документа.
  • :nth-child(n) - n-й дочерний элемент родительского элемента.
  • :nth-last-child(n) - n-й дочерний элемент родительского элемента, считая с конца.
  • :nth-of-type(n) - n-й среди элементов одного уровня и одного типа.
  • :nth-last-of-type(n) - n-й среди элементов одного уровня и одного типа, считая с конца.
  • :last-child - последний дочерний элемент некоторого родительского элемента.
  • :first-of-type - первый среди элементов одного уровня и одного типа.
  • :last-of-type - последний из элементов одного уровня и одного типа.
  • :only-child - единственный дочерний элемент некоторого родительского элемента.
  • :only-of-type - единственный элемент данного уровня и данного типа.
  • :empty - элемент, не имеющий дочерних элементов (учитывая текст).

Почитать подробнее и с примерами можно тут и тут.

Powered by ScribeFire.

]]> http://blog.folone.org.ua/MOCK=127/feed Используем микроформаты в своём блоге. http://blog.folone.org.ua/MOCK=116 http://blog.folone.org.ua/MOCK=116#comments Tue, 04 Dec 2007 23:15:50 +0000 folone http://blog.folone.org.ua/MOCK=116 Подразумеваются блоги на Вордпрессе. Увидел статью тут, решил перевести.

Есть два варианта решения данной проблемы. Первый: ручками копипастить соответствующий код, полученный с помощью редакторов микроформатов. Делается так:

  1. Заполняем формочки редакторов. Вот основные:
  2. Вставляем получившийся код перед текстом поста в своём редакторе. Например, вот как выглядит код hReviewer Creator`а:
    <div class="hreview"> <abbr class="dtreviewed" title="20060901T1200">Sep 1, 2006</abbr> by <span class="reviewer vcard"> <span class="fn">anonymous</span> </span> <span class="version" style="display: none;">0.3</span> <p style="font-size: smaller;">This <a href="http://microformats.org/wiki/hreview">hReview</a> brought to you by the <a href="http://microformats.org/code/hreview/creator">hReview Creator</a>. </p> </div>
    Так как вставляться будет html, Вам прийдётся использовать не WYSIWYG-редактор (либо режим редактирования кода).
  3. Постим (как обычно).

З.Ы. Тут - подробней.

Второй метод предполагает использование плагинов для Вордпресса, потому подходит только для standalone блогов. Этот метод позволяет постить отформатированные посты прямо из админки, кроме того этот метод является гораздо более чистым, валидным и правильным (ну и удобным, ясное дело).

  • Как именно поступать - зависит от интересующего лично Вас микроформата и плагина, который Вы выберете. Потому я просто перечислю варианты:
    1. Плагины, поддерживающие несколько форматов:
      • Structured blogging - поддерживает hReview, hCalendar, hCard, и некоторые другие микрофотматы (такие как XFN, relLicense, relTag, и XOXO).
      • WP-Microformats - поддерживает hCalendar и hCard. Добавляет кнопку для каждого микроформата на панель Write Post, которая вызовет соответствующую всплывающую формочку.
    2. hReview - плагины:
      • hReview WordPress Plugin - Добавляет соответствующее поле (которое можно отключить) на панель Write Post/Page.
      • WP-Movie Ratings - Обзоры фильмов, сделанные с помощью данного плагина - в формате hReview.
    3. hResume плагин:
      • hResume Plugin - Создаёт новую страницу, описанную в формате hResume.
    4. hCalendar плагин:
    5. hCard плагин:
      • WP Microformatted Blogroll - Создаёт страницу с Вашими ссылками, размеченную в формате hCard, XOXO и XFN.
    6. MicroID плагин:
    7. Около-XFN`овский плагин:
      • Happy Pals - Это, собственно, не плагин для микроформата XFN. Он лишь применяет CSS классы к ссылкам с rel-атрибутами (например, rel=”friend”), давая возможность стилизировать свой блогролл.
  • Кроме плагинов, существуют также темы с поддержкой микроформата hAtom. Например, такие:

    • Возможно Вам будет также интересна некоторая информация по поддержке микроформата hAtom в темах Вордпресса.

Вот и всё, что я смог найти. Возможно, что-то пропущено?

Статья

..просто восхитительна. Подборка плагинов порадовала. Огромное спасибо автору.

My rating: 5.0 stars
*****

Бонус - иконки для разных микроформатов.

]]> http://blog.folone.org.ua/MOCK=116/feed