Сервис для генерации индикаторов загрузки:

preloader.net

http://preloaders.net/en/horizontal

Сервис для генерации иконок:

iconazer.net

http://iconizer.net/

CSS3: border-radius

October 4th, 2010

В CSS3 есть свойство "border-radius" которое закругляет края у элемента.


ebkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
/* CSS3 (пока не поддерживается браузерами) */ border-radius: 6px;
/* Safari, Chrome */ -webkit-border-radius: 6px; /* FireFox */ -moz-border-radius: 6px; /* Можно задавать радиус для отдельного края */ border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; 

Свойство очень странно отрабатывается на элементе таблицы TH.

Очень наглядный сервис для генерации CSS3 кода:
http://border-radius.com/

CSS3 позволяет задавать градиенты без использования картинок.

Градиенты задаются следующим образом:

div {
     background-color: #1a82f7; /* fallback color */
     background-image: url(images/linear_bg_2.png); /* fallback image */
     background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
}

Синтаксис для Mozilla:

-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )

Для WebKit (Safari, Chrome):

-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)

Взято отсюда: http://css-tricks.com/css3-gradients/

Пара полезных сервисов для создания градиентов на CSS3:
http://gradients.glrzad.com/
http://www.westciv.com/tools/gradients/index.html

На втором есть еще несколько инструментов для создание эффектов на HTML5+CSS3.

Очень интересная заметка про профайлинг MySQL запросов.

http://dev.mysql.com/tech-resources/articles/using-new-query-profiler.html

Стоимость запросов (query cost)

mysql> SELECT SQL_NO_CACHE COUNT(*) FROM db_name.table_name;
+----------+
| count(*) |
+----------+
| 5462 |
+----------+
mysql> SHOW STATUS LIKE 'last_query_cost';
+-----------------+-------------+
| Variable_name | Value |
+-----------------+-------------+
| Last_query_cost | 1040.599000 |
+-----------------+-------------+
Yahoo.com
YouTube.com
logo_solstice-vfl138400
Google.com
holiday09_1

php.net logo

December 10th, 2009

php_snow_09

При показе элемента биндим клик по документу. Сравниваем – если кликнули по выпадающему элементу, ничего не делаем, если в любом другом месте – прячем выпадающий элемент.

$(document).bind("click", function(e) {

 if ( (e.target == document.getElementById('id_выпадающего_элемента')) ) {

  return;

 } else {

 $('#id_выпадающего_элемента').css({

 display: 'none'

 });

 

 elementHidden = true;

 } 

});

fatherfrost09

Google logo

November 16th, 2009

wateronmoon09-hp

На луне обнаружена вода

 
$subject = 'Тема';
$subject = '=?WINDOWS-1251?B?' . base64_encode($subject) . '?=';
 

Вместо WINDOWS-1251 можно указать другую кодировку.

Posted in php | No Comments »