WeBlog — блог про веб-программирование

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

admin — Wed, 06 Oct 2010 02:19:14 +0000

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

http://preloaders.net/en/horizontal

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

http://iconizer.net/

CSS3: border-radius

admin — Mon, 04 Oct 2010 09:32:00 +0000

В 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

admin — Mon, 04 Oct 2010 05:07:07 +0000

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( [ || ,]? ,  [, ]* )

Для WebKit (Safari, Chrome):

-webkit-gradient(,  [, ]?,  [, ]? [, ]*)

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

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

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

Профайлинг для MySQL и стоимость запросов (query cost)

admin — Thu, 29 Apr 2010 13:19:22 +0000

Очень интересная заметка про профайлинг 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 |
+-----------------+-------------+

04.01.10

admin — Mon, 04 Jan 2010 04:24:44 +0000

Логотипы к рождеству

admin — Tue, 22 Dec 2009 01:31:49 +0000

Yahoo.com

YouTube.com

Google.com

php.net logo

admin — Thu, 10 Dec 2009 13:33:37 +0000

jQuery: обработка клика вне всплывающего/выпадающего элемента

admin — Tue, 24 Nov 2009 15:19:37 +0000

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

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

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

  return;

 } else {

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

 display: 'none'

 });

 

 elementHidden = true;

 } 

});

Google logo день рождения Деда Мороза

admin — Tue, 24 Nov 2009 15:13:45 +0000

Google logo

admin — Mon, 16 Nov 2009 14:09:08 +0000

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