Вот подборка из 47 потрясающие CSS3 демо анимаций. Они показывают о возможностях CSS3. Некоторые из них очень полезны и могут быть использованы в качестве альтернативы Javascript.  Для того, чтобы увидеть  эти эффекты, необходимо WebKit браузер, например, Safari и Chrome (жаль Internet Explorer пользователей). Наслаждайтесь!

Social Truck Icon Set

Читать далее...

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

Первое  что нужно сделать, это перейти по адресу detectmobilebrowsers.mobi и скачать директорию. Далее в файле  header.php в самом верху нужно вставить эти строчки:

Читать далее...

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

Первое  что нужно сделать, это перейти по адресу detectmobilebrowsers.mobi и скачать директорию. Далее в файле  header.php в самом верху нужно вставить эти строчки:

include('mobile_device_detect.php');



$mobile = mobile_device_detect();

if ($mobile==true) {



  header( 'Location: http://Ваш сайт.com/?theme=Ваша мобильная тема' ) ;

}

ВСЕ ДЛЯ НОВИЧКА

Полезные доработки Wordpress is a post from: ВСЕ ДЛЯ НОВИЧКА

Смотрите еще:

1. Кеширование в WordPress без использования плагинов
   1. Настройка WP Super Cache: снижаем нагрузку Wordpress
      1. Автоматическое создание “Post-Thumbnail” в WordPress
         

         
         

         

Что такое robots.txt и для чего он нужен

Файл robots.txt размещается в корневой директории сайта и описывает исключения для поисковых ботов. Придерживающийся стандартов бот проверяет сначала url "/robots.txt", если файл существует, то бот анализирует его содержимое на предмет наличия запретов к посещению определённых частей сайта. Имя файла не должно содержать заглавных букв. Записи в файле разделяются одной или несколькими пустыми строками. Комментарии в файле robots.txt начинаются знаком “#” и заканчиваются окончанием строки (строки, содержащие только комментарии игнорируются ботами и не являются разделителями записей). User-agent

Читать далее...

Что такое robots.txt и для чего он нужен
Файл robots.txt размещается в корневой директории сайта и описывает исключения для поисковых ботов. Придерживающийся стандартов бот проверяет сначала url «/robots.txt», если файл существует, то бот анализирует его содержимое на предмет наличия запретов к посещению определённых частей сайта. Имя файла не должно содержать заглавных букв. Записи в файле разделяются одной или несколькими пустыми строками. Комментарии в файле robots.txt начинаются знаком “#” и заканчиваются окончанием строки (строки, содержащие только комментарии игнорируются ботами и не являются разделителями записей). User-agent
Имя бота, к которому применяются правила исключений на сайте. Можно прописать несколько строк с User-agent, в этом случае правила, описанные в данной записи будут применяться указанными ботами. Для описывания правил ботам, для которых отдельная запись не составлена применяют следующий параметр: «*» (в файле robots.txt может быть только одна запись User-agent: *).

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

Примеры для http://site.ru/
(Показывает как можно сочетать директивы в файле robots.txt но не несущий смысловой нагрузки)

Некоторые поисковые системы поддерживают дополнительные поля в файле robots.txt. Яндексом поддерживается директива Host, служащая для назначения основного зеркала:

Запретить сайт к индексации полностью можно с помощью такого файла robots.txt

Наиболее актуальные для Рунета, на мой взгляд, боты:
(думаю, даже расшифровывать не требуется)
Yandex
Googlebot
StackRambler
Aport

Более полным списком не вижу смысла загромождать топик, кому интересно — обращайтесь в личку — вышлю.

Рекомендации по запрету к индексации
Что не следует указывать в файле robots.txt:
— папки с административными файлами
— файлы, о которых посторонним вообще знать не стоит
Прописывание путей к данным частям сайта может породить нездоровый интерес и попытки совершения зловредных действий, рады которым Вы уж точно не будете. К тому же есть и альтернативные способы запрета посещения и индексации ботами страниц.

Стоит запретить к индексации:
— документы «для печати»
— папки со скриптами
— папки с картинками (если у Вас не предвидится целевой аудитории с поиска по картинкам)
— сервисные страницы, такие как, например, страница с формой отправки письма администрации, схема проезда

Ошибки, допускаемые при составлении robots.txt
Как не надо делать:
Имя файла содержит заглавные буквы – Robots.txt или ROBOTS.TXT
Файл robots.txt размещается не в корневой директории
Пустая строка после поля User-agent
Отсутствие директивы Disallow
Использование в поле Disallow символов подстановки или регулярных выражений, например: «?», «*»
Больше одной строки «Disallow: *»
Пример ничего не запрещающего robots.txt
(основное зеркало site.ru)

User-agent: *
Disallow:

User-agent: Yandex
Disallow:
Host: site.ru

Еще нужная информация на тему работы сайта: htaccess

Первоисточник bormaley.com

ВСЕ ДЛЯ НОВИЧКА

Файл robots.txt, Назначение, синтаксис и прочее... is a post from: ВСЕ ДЛЯ НОВИЧКА

Список самых популярных микроблогов (по количеству последователей — фолловеров) в социальной сети Твиттер

Читать далее...

Список самых популярных микроблогов (по количеству последователей — фолловеров) в социальной сети Твиттер

Кто не знакомый с Твиттером прочитайте статью  Twitter для начинающих. Может Вам поможет сделать  твиттер  более привлекательнее эта статья  Как сделать красивый дизайн страницы в Twitter?

Источник libymax.ru

ВСЕ ДЛЯ НОВИЧКА

100 самых популярных людей в Twitter is a post from: ВСЕ ДЛЯ НОВИЧКА

Смотрите еще:

1. Twitter для начинающих
   1. Как сделать красивый дизайн страницы в Twitter?
      1. Добавляем поддержку @anywhere от Twitter в WordPress блог
         

         
         

         

В предыдущих статьях об эволюции программ мы вспоминали  Эволюцию Microsoft Windows. Сегодня мы рассмотрим Adobe Photoshop, он  всегда был одним из самых лучших (если не лучший) для создания и обработки   изображений. Все началось в 1987 с приложением для Mac, что называется  Display, созданный Томасом Ноллом. Почти два десятилетия прошло с первой версии программы, так давайте вернемся назад и посмотрим, что изменилось.

Icon

	Adobe Photoshop .63 (1988)
	Adobe Photoshop .87 (1989)
	Adobe Photoshop 1.0 (1990)
	Adobe Photoshop 2.0 (1993)
	Adobe Photoshop 2.5 (1993)
	Adobe Photoshop 3.0 (1995)
	Adobe Photoshop 4.0 (1996)
	Adobe Photoshop 5.0 (1998)
	Adobe Photoshop 5.5 (1998)
	Adobe Photoshop 6.0 (2000)
	Adobe Photoshop 7.0 (2002)
	Creative Suite 1 (2003)
	Creative Suite 2 (2005)
	Creative Suite 3 (2007)
	Creative Suite 4 (2009)

Загрузка приложения

Adobe Photoshop .07 (1988)

Adobe Photoshop .63 (1988)

Adobe Photoshop .87 (1989)

Adobe Photoshop 1.0 (1990)

Adobe Photoshop 2.0 (1993)

Adobe Photoshop 2.5 (1993)

Adobe Photoshop 3.0 (1995)

Adobe Photoshop 4.0 (1996)

Adobe Photoshop 5.0 (1998)

Adobe Photoshop 5.5 (1998)

Adobe Photoshop 6.0 (2000)

Adobe Photoshop 7.0 (2002)

Creative Suite 1 (2003)

Creative Suite 2 (2005)

Creative Suite 3 (2007)

Creative Suite 4 (2009)

Toolbars

Adobe Photoshop .63 (1988)	Adobe Photoshop .87 (1989)	Adobe Photoshop 1.0 (1990)	Adobe Photoshop 2.0 (1993)	Adobe Photoshop 2.5 (1993)
Adobe Photoshop 3.0(1995)	Adobe Photoshop 4.0(1998)	Adobe Photoshop 5.0(1998)	Adobe Photoshop 5.5(1998)	Adobe Photoshop 6.0 (2000)
Adobe Photoshop 7.0(2002)	Creative Suite 1(2003)	Creative Suite 2(2005)	Creative Suite 3(2007)	Creative Suite 4 (2009)

Рабочая оюласть

Adobe Photoshop 0.63 (1988)

Adobe Photoshop 1.0 (1990)

Adobe Photoshop 2.5 (1993)

Adobe Photoshop 3.0 (1995)

Adobe Photoshop 4.0 (1996)

Adobe Photoshop 5.0 (1998)

Adobe Photoshop 5.5 (1998)

Adobe Photoshop 6.0 (2000)

Adobe Photoshop 7.0 (2002)

Creative Suite 1 (2003)

Creative Suite 2 (2005)

Creative Suite 3 (2007)

Creative Suite 4 (2009)

Источник unp.co.in

ВСЕ ДЛЯ НОВИЧКА

Эволюция Photoshop: 1988 — 2009 is a post from: ВСЕ ДЛЯ НОВИЧКА

Смотрите еще:

1. Эволюция Microsoft Windows: 1985 — 2009
   1. Красивые Google Заставки (1998 — 2010)
      

      
      

      

HTML разметка здесь будет очень простая. Каждая из граней имеет свой собственный DIV класса. В принципе на примере все увидим.

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

.cube {

position: relative;

top: 200px;

}



.rightFace,

.leftFace,

.topFace div {

padding: 10px;

width: 180px;

height: 180px;

}

.rightFace,

.leftFace,

.topFace {

position: absolute;

}

Теперь самое интересное . Смещаем левый и правый прямоугольник
на ± 30 ˚ по вертикальной оси, чтобы создать угол, который
является центром краю.

.leftFace {

-webkit-transform: skewY(30deg);

-moz-transform: skewY(30deg);

background-color: #ccc;

}

.rightFace {

-webkit-transform: skewY(-30deg);

-moz-transform: skewY(-30deg);

background-color: #ddd;

left: 200px;

}

Если Вы не знаете, что делают некоторые стили Вы можете посмотреть в этой статье:

Справка CSS 2.1 и CSS 3 (PDF) или

Fire­fox 3.5+ -moz-transform (doc­u­ment­a­tion)

Safari 3.2+ -webkit-transform (doc­u­ment­a­tion)

Или может эта статья поможет 11 примеров использования CSS3.

.topFace div {

-webkit-transform: skewY(-30deg) scaleY(1.16);

-moz-transform: skewY(-30deg) scaleY(1.16);

background-color: #eee;

font-size: 0.862em;

}

.topFace {

-webkit-transform: rotate(60deg);

-moz-transform: rotate(60deg);

top: -158px;

left: 100px;

}

Вот, что должно выйти.

.cube {

position: relative;

top: 200px;

}



.rightFace,

.leftFace,

.topFace div {

padding: 10px;

width: 180px;

height: 180px;

}



.rightFace,

.leftFace,

.topFace {

position: absolute;

}



.leftFace {

-webkit-transform: skewY(30deg);

-moz-transform: skewY(30deg);

background-color: #ccc;

}



.rightFace {

-webkit-transform: skewY(-30deg);

-moz-transform: skewY(-30deg);

background-color: #ddd;

left: 200px;

}



.topFace div {

-webkit-transform: skewY(-30deg) scaleY(1.16);

-moz-transform: skewY(-30deg) scaleY(1.16);

background-color: #eee;

font-size: 0.862em;

}

.topFace {

-webkit-transform: rotate(60deg);

-moz-transform: rotate(60deg);

top: -158px;

left: 100px;

}

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

Результат

3D куб с помощью CSS

Источник fofronline.com

ВСЕ ДЛЯ НОВИЧКА

3D куб с помощью CSS is a post from: ВСЕ ДЛЯ НОВИЧКА

Смотрите еще:

1. Использование СSS3 для кнопок
   1. Современные CSS формы
      1. 11 примеров использования CSS3
         

         
         

         

Мы все знакомы с Google заставками — индивидуальные логотипы, которые появляются на главной странице поисковой системы, чтобы отметить особые даты или события.Уже 12 лет  Google занимается созданием этих логотипов, отдавая дань уважения, начиная с глобальных праздников,  как День Земли  рождения исторически значимых людей (например, Альберт Эйнштейн) и даже дни рождения вымышленных персонажей.

В первые десять лет Google   использовал заставки очень редко. Но начиная с 2008 года, Google использует все больше и больше рисунков, часто с загадочными значения. Ниже приведены некоторые из лучших подобранных Google рисунков за последних 12 + лет !

1998

Burning Man. Это первая заставка которую использовал Google

1999

Season’s Greetings. (Global).

‘Uncle Sam’ Search.(US).

2000

Groundhog Day.(US).

Father’s Day.(Global).

Series From the First Week of May.

Olympic Summer Games in Sydney – Soccer.(Global).

Olympic Summer Games in Sydney – Kayaking.(Global).

Bastille Day.(France).

Declaration of Independence.(US).

Shichi-go-san. (Japan).

2001

Chinese New Year. (Global).

Earth Day. (Global). Earth Day

Swiss National Day.(Switzerland). Swiss National Day

Canada Day.(Canada). Canada Day

Nobel Prize Centennial Award Ceremony. (Global).

Claude Monet’s Birthday. (Global).

2002

Piet Mondrian’s Birthday. (Global).

Olympic Games Opening Ceremony. (Global).

Dilbert Google Doodle (3 of 5). (Global).

St. George’s Day.(UK). St. George’s Day

Santa Lucia. Santa Lucia

Guy Fawkes Day. Guy Fawkes Night

2003

Albert Einstein’s Birthday. (Global).

Happy New Year. (Global).

MC Escher’s Birthday. (Global).

50th Anniversary of Understanding DNA. (Global).

Alfred Hitchcock’s Birthday. (Global).

Holiday Series 2003 (3 of 5). (Global).

100th Anniversary of Flight. (Global).

Happy Halloween. (US).

2004

Persian New Year. Nowruz

St. Patrick’s Day. (US).

Gaston Julia’s Birthday. (Global).

Spirit on Mars. (Global).

Bloomsday / James Joyce Day.(Ireland). Bloomsday

Athens Olympic Games – Tennis. (Global).

Holiday Series 2004 (5 of 5). (Global).

US Elections. (US).

SpaceShipOne Wins the X Prize. (Global). SpaceShipOne

2005

Vincent Van Gogh’s Birthday. (Global).

Wold Water Day. (Global). World Water Day

Korean Independence Day.(Korea). Korean Independence Day

Australia Day.(Australia). Australia Day

Frank Lloyd Wright’s Birthday. (Global).

Teacher’s Day. (US). Teacher’s Day

Leonardo da Vinci’s Birthday. (Global).

Doodle4Google Competition: ‘Day of the Child’ by Lisa Wainaina.(UK). Doodle4Google home page.

2006

Torino Olympic Games – Closing Ceremony. (Global).

Torino Olympic Games – Luge. (Global).

Louis Braille’s Birthday. (Global).

Happy New Year. (Global).

Edvard Munch’s Birthday. (Global).

2007

Cricket World Cup

Father’s Day

Happy Mother’s Day

Bastille Day.(France).

Veteran’s Day. (US). Veteran’s Day

2008

Parametron Computer 1.(Japan).

Valentine’s Day. (Global).

50th Anniversary of the LEGO Brick. (Global).

Carnival.(Brazil). Carnival

Martin Luther King Jr. Day. (US).

Doodle 4 Google Competition: Doodle by Mai Dao Ngoc.(Germany).

Anniversary of the First Ascent of Mount Everest. (Global).

125th Birthday of Walter Gropius

Earth Day. (Global).

Korean Thanksgiving.(Korea).

Mid-Autumn Festival.(Vietnam).

Large Hadron Collider. (Global). The LHC

Beijing Olympic Games – Swimming. (Global).

50th Anniversary of NASA. (US).

Beatrix Potter’s Birthday

Kaii Higashiyama’s Birthday. (Japan).

Turkish Oil Wrestling.(Turkey).

Shinkansen.(Japan).

Thanksgiving Day. (US).

Day of the Dead. (Mexico).

Happy Halloween! Doodle Designed by Wes Craven. (US).

Day of Trees. (Poland).

Paddington Bear’s 50th Birthday.

2009

First Day of Spring – Design by Eric Carle

Giovanni Schiaparelli’s Birthday. (Global).

Happy Birthday Dr. Seuss!

Charles Darwin’s Birthday. (Global).

Jackson Pollock’s Birthday. (Global).

Seven Sleepers Day.(Germany).

Birthday of Igor Stravinsky. (Global).

Mary Cassatt’s Birthday. (Global).

Samuel Morse’s Birthday. (Global).

Earth Day. (Global).

H.G. Wells’ Birthday. (Selected Countries).

Crop Circles.(Selected Countries).

Ivan Kostoylevsky’s Birthday.(Ukraine).

Qi Xi.(China, Hong Kong, Taiwan).

Ilya Repin’s Birthday.(Russia, Ukraine, Belarus).

Comic-Con 2009.

Birthday of Nikola Tesla. (Global).

Anniversary of the Publication of Pinocchio. (Italy).

US Independence Day. (US).

Jan Evangelista Purkyne’s Birthday. (Czech Republic).

Discovery of the Aztec Sun Stone. (Mexico).

Doodle 4 Google: My Hero by Sophie Redford

E.C. Segar’s Birthday – Popeye. (Global).

St. Andrew’s Day. (UK). St. Andrew’s Day

Father Frost’s Birthday.(Russia)

Sesame Street – Cookie Monster.

Loy Krathong.(Thailand)

Invention of the Bar Code. (Global)

Moon Viewing Day – Tsukimi.(Japan)

2010

Jon Amos Komensky’s 418th Birthday.(Czech Republic, Slovakia).

Pi Day.(Selected Countries).

Felix Rodriguez de la Fuente’s Birthday. (Spain).

Holmenkollen Ski Festival. (Norway).

Girl’s Day.(Japan).

Frederic Chopin’s 200th Birthday.(Poland).

Winter Olympics – Closing Ceremony. (Global).

Winter Olympics – Alpine Skiing. (Global).

Norman Rockwell’s Birthday. (Global).

150th Birthday of J.M. Barrie.(Selected Global).

Mother’s Day. (US).

170th Birthday of Pyotr Ilyich Tchaikovsky. (Global).

Rocket Festival.(Thailand).

Labour Day. (Selected Global).

ANZAC Day. (Australia).

Earth Day. (Global).

Karen Blixen’s Birthday.(Denmark).

Hans Christian Andersen’s 205th Birthday – Part 5. (Global).

April Fools! (US).

Hubble Space Telescope’s 20th Anniversary. (Global).

Все заставки взяты с Google Doodles.

Первоисточник wpconfig.com

Красивые Google Заставки (1998 — 2010) is a post from: ВСЕ ДЛЯ НОВИЧКА

Stunning Press

Features | Demo | Download

Читать далее...

Stunning Press

Features | Demo | Download

Berita

Features | Demo | Download

Shopping Press

Features | Demo | Download

Marangal

Features | Demo | Download

Ice Breaker

Features | Demo | Download

Appcloud

Features | Demo | Download

MiniCard

Features | Demo | Download

Wp Blue Print

Features | Demo | Download

Zexee

Features | Demo | Download

Personalised

Features | Demo | Download

Neutica

Features | Demo | Download

Manifest

Features | Demo | Download

Mayumi

Features | Demo | Download

Vivee

Features | Demo | Download

Inuit Types

Features | Demo | Download

Smartblue

Features | Demo | Download

Thrilling Theme

Features | Demo | Download

Satoshi

Features | Demo | Download

Workoholic

Features | Demo | Download

Fullscreen

Features | Demo | Download

Modularity

Features | Demo | Download

Highdef

Features | Demo | Download

Gamezine

Features | Demo | Download

Rockstar

Features | Demo | Download

Early Morning

Features | Demo | Download

Byty

Features | Demo | Download

Gumball Special

Features | Demo | Download

Changing Room

Features | Demo | Download

Isotherm News

Features | Demo | Download

Rask

Features | Demo | Download

Igloo

Features | Demo | Download

Gran Impetu

Features | Demo | Download

Skyye

Features | Demo | Download

One Room

Features | Demo | Download

Yoghurt

Features | Demo | Download

Blogtheme

Features | Demo | Download

Astra

Features | Demo | Download

Tree House

Features | Demo | Download

MiniMag

Features | Demo | Download

Old School

Features | Demo | Download

Hybrid News

Features | Demo | Download

Vector Flower

Features | Demo | Download

City Journal

Features | Demo | Download

Craftworks

Features | Demo | Download

Joyous Childhood

Features | Demo | Download

Artwork

Features | Demo | Download

Spexel

Features | Demo | Download

Lap of Luxury

Features | Demo | Download

Corporate Life

Features | Demo | Download

Furvious

Features | Demo | Download

Profile

Features | Demo | Download

Dimaggio

Features | Demo | Download

Tarantino

Features | Demo | Download

Stone Room

Features | Demo | Download

Только жаль, что на английском. Если нужно могу перевести или размещу статью о переводе тем (пишите в комментарии). Вот еще интересное 40 красивых и впечатляющих фонов для сайта.

Первоисточник

55 свежих и высококачественных Wordpress тем is a post from: ВСЕ ДЛЯ НОВИЧКА

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

Только общедоступные сведения

API Social Graph предоставляет адреса общедоступных страниц в Интернете и публичные сведения о связях между ними. У API нет доступа к информации с ограниченным доступом, например к личным страницам профиля и веб-сайтам, открытым только для друзей.

Пример №1 показывает связи Вашего или других сайтов

Пример №2

Информация  с сайта http://www.google.com.ua/

ВСЕ ДЛЯ НОВИЧКА

Посмотри всю свою сеть друзей is a post from: ВСЕ ДЛЯ НОВИЧКА

Visions of South Korea’s Urban Future

Visions of South Korea’s Urban Future

Lilypad – Floating Ecopolis for Ecological Refugees

Rotating Wind Power Tower to begin construction in Dubai

Rotating Wind Power Tower to begin construction in Dubai

London Dynamic Picture

Raevona – Docking Towers

Generative Architecture – Rainbow City

Metropolis

50 красивейших фотографий архитектуры is a post from: ВСЕ ДЛЯ НОВИЧКА

Смотрите еще:

1. 50 фотографий капель воды
   

   
   

   

Если вам необходимо регулярно парсить  HTML, то тогда эта статья для Вас.

Читать далее...

Если вам необходимо регулярно парсить  HTML, то тогда эта статья для Вас.

Шаг №1. Подготовка

Первое, что вам нужно сделать, это загрузить  simpleHTMLdom библиотеку, которая свободно распространяется  в SourceForge.

Там есть несколько файлов, но нам нужен  simple_html_dom.php, остальные только примеры работы библиотеки.

$html = new simple_html_dom();



// Загрузка с рядка

$html- >load('

Hello World!

We're here

');
// Загрузка с файла
$html- >load_file('http://saitcreate.ru/');

Вы можете создать свой исходный объект путем загрузки HTML из строки или из файла. Загрузка файла может быть сделана либо через URL, либо через локальную файловую систему. Предостережение: load_file ()  делегирует данные в file_get_contents . Если опция allow_url_fopen не установлена в вашем файле php.ini, вы не cможете нормально работать с этой функцией.

Доступа к информации

Если у вас есть объект DOM, вы можете начать работать с ним с помощью find () .

Hello World!

We're Here.

#создание и загрузка  HTML

include('simple_html_dom.php');

$html = new simple_html_dom();

$html- >load("

Hello World!

Мы здесь

");

# взять все элементы с второго
$element = $html- >find("p");

# изменяет
$element[1]- >innertext .= " и здесь остались .";
# вывод!
echo $html- >save();

Другие селекторы
Вот некоторые другие примеры селекторов.

# берет первый элемент  id="foo"

$single = $html- >find('#foo', 0);

$collection = $html- >find('.foo');



# берет все элементы  a

$collection = $html- >find('a');



# берет все элементы H1

$collection = $html- >find('h1 a');

# берет все img тега a title из 'himom'

$collection = $html- >find('img[title=himom]');

Документация

Полную документацию по библиотеке можно найти на странице документации проекта.

Шаг 3. Реальный пример

Чтобы показать  библиотеку в действии, мы напишем  сценарий для быстрого парсинга содержания сайта saitcreate.ru.

include('simple_html_dom.php');
$articles = array();
getArticles('http://saitcreate.ru/ocenka-vidimosti-sajta/');

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

Шаг 4. Пишем функцию для парсинга

function getArticles($page) {

 global $articles;



 $html = new simple_html_dom();

 $html- >load_file($page);

 // ... more ...

}

В new simple_html_dom () мы загружаем нашу страницу.

Шаг 5. Поиск нужной нам информации

$items = $html- >find('div[class=post]');



foreach($items as $post) {

 $articles[] = array($post- >children(0)- >outertext,

 $post- >children(1)- >first_child()- >outertext);

}

Давайте теперь разберемся как это работает.

Линия 1: Создает массив элементов — DIV с классом post. Теперь у нас есть  статьи, что хранятся в $ items.

Строка 5: Мы выбираем верхнюю часть статьи в данном случае children (0) и помещаем в переменную $articles  .

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

Шаг 6 Постраничная навигация

Теперь нам нужно определить, как найти другую страницу. Я это использовать не буду просто покажу пример.

»

if($next = $html- >find('a[class=more-link]', 0)) {

 $URL = $next- >href;



 $html- >clear();

 unset($html);

 getArticles($URL);

}

Шаг 7 Вывод результата

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

       #main {

   margin:80px auto;

        width:500px;

    }

        h1 {

      font:bold 40px/38px helvetica, verdana, sans-serif;

      margin:0;

       }

        h1 a {

    color:#600;

      text-decoration:none;

   }

        p {

       background: #ECECEC;

     font:10px/14px verdana, sans-serif;

      margin:8px 0 15px;

      border: 1px #CCC solid;

  padding: 15px;

}

   .item {

   padding:10px;}

Далее будет не большой кусочек php для вывода информации.

Теги: парсинг|html|разное

|Комментировать

|0 комментариев

“   ”

21 мая 2010 | 22:45

Оценка видимости сайта

Оригинал сообщения

При помощи утилиты Site-Auditor вы сможете быстро собрать данные, необходимые для оценки видимости сайта в поисковых системах Рунета.

Одним кликом вы получите все необходимые данные из основных поисковых сервисов, используемых в российском сегменте Интернета, а именно: Яндекс, Рамблер, Апорт, а также в наиболее популярных международных сервисах Googhttp://saitcreate.ru/wp-admin/post.php?action=edit&post=164&message=10le и Yahoo.

Кроме того, в случае, если на анализируемом сайте будет обнаружен счетчик Рамблер ТОП100, утилита соберет данные о количестве посетителей и просмотренных страниц за последние 7 дней. Если будут обнаружены счетчики иных статистических систем, то на них будут даны ссылки.

В данный момент система определяет наличие следующих, наиболее популярных счетчиков статистики:

• 
  
• Рамблер Top100,
• 
  
• Mail.ru,
• 
  
• LiveInternet (RAX),
• 
  
• SpyLog,
• 
  
• HotLog.
• 
  

Читать далее...

LIci WP

|Комментировать

|0 комментариев

“   ”

21 мая 2010 | 15:12

11 сайтов которые изменили интернет

Оригинал сообщения

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

Но  11 из всех  сайтов изменили Интернет, в основном в лучшую сторону. Ну, что рассмотрим их.

Читать далее...

LIci WP

|Комментировать

|0 комментариев

“   ”

20 мая 2010 | 13:12

Font Google API: Новое слово в дизайне сайта

Оригинал сообщения

Google сделал два огромных объявлений сегодня. Один из них касается API Google font. Просто поставив ссылки на конкретный шрифт, которые хранятся на серверах Google (экономия на трафике + кэширование ), мы получили доступ к широкому набор пользовательских шрифтов. Эти шрифты можно интегрировать  в проект примерно за 20 секунд. Кроме того, в связи с операциями, выполняемыми  в фоновом режиме, эти нестандартные шрифты, даже будет нормально обрабатываться  в Internet Explorer 6.

Только один шаг

Для того чтобы воспользоваться API Google Font, вам нужно всего лишь нужно поставить ссылку на ваш  шрифт, и потом прописать в таблице стилей. Вот и все! ! Например:

 
 

 


 Hello World

Посмотреть каталог шрифтов можно здесь
Также пример работы шрифтов здесь
Удивительно, не правда ли?! Так что же вы думаете?

LIci WP

|Комментировать

|0 комментариев

“   ”

1|2|3|4>>