Разделы
Veselov CV | vvShop © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2

bxSlider - слайдер на jQuery


bxSlider - слайдер на jQuery
Приглянулся мне тем, что в нем достаточно много настроек.

Сайт скрипта там же и примеры| | Скачать

Google Maps Plugin for jQuery - gMap


Google Maps Plugin for jQuery - gMap


Оф. сайт | ДЕМО | СКАЧАТЬ

Полезные функции на php


Полезные функции на php

Функция для обработки текста
function ProcessText($text)
{
    $text = trim($text); // удаляем пробелы по бокам
    $text = stripslashes($text); // удаляем слэши
    $text = htmlspecialchars($text); // переводим HTML в текст
    $text = preg_replace("/ +/", " ", $text); // множественные пробелы заменяем на одинарные
    $text = preg_replace("/(\r\n){3,}/", "\r\n\r\n", $text); // убираем лишние переводы строк (больше 1 строки)
    $test = nl2br ($text); // заменяем переводы строк на тег
    $text = preg_replace("/^\"([^\"]+[^=><])\"/u", "«»", $text); // ставим людские кавычки
    $text = preg_replace("/(«){2,}/","«",$text); // убираем лишние левые кавычки (больше 1 кавычки)
    $text = preg_replace("/(»){2,}/","»",$text); // убираем лишние правые кавычки (больше 1 кавычки)      
    $text = preg_replace("/(\r\n){2,}/u", "</p><p />", $text); // ставим абзацы
    return $text; //возвращаем переменную
}


Функции для работы с файлами
// Извлечение контента файла
function Get($file)
{
      return file_get_contents($file);
}


// Сохранение контента в файл
function Save($file, $content)
{
      return (file_put_contents($file, stripslashes($content)));
}


Функция для отправки письма
// Входные данные: адрес получателя, адрес отправителя, тема письма, текст письма, имя отправителя
function SendEmail($toEmail, $fromEmail, $subject, $content, $from)
{
      // Обработка темы
      $subject = "=?utf-8?b?" . base64_encode($subject) . "?=";
      // Формирование заголовков
      $headers = "MIME-Version: 1.0\r\n";
      $headers .= "Content-type: text/html; charset=utf-8\r\n";
      $headers .= "From: =?utf-8?b?" . base64_encode($from) . "?= ";
      return (mail($toEmail, $subject, $content, $headers));
}


Фильтруем нулевой байт
$mode = preg_replace('/
* {  
margin: 0;  
padding: 0;  
}

Допускается наследование
#container * {  
border: 1px solid black;  
}

Поддерживает этот селектор IE6+ Firefox Chrome Safari Opera


X + Y
ul + p {  
   color: red;  
}

Только первый абзац после каждого ul будет иметь красный текст
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X > Y
div#container > ul {  
  border: 1px solid black;  
}

Будет рисоваться бордер только для ul внутри контейнера с id container
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X ~ Y
ul ~ p {  
   color: red;  
}  

Тоже самое что и X + Y, только красным будут все абзацы
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X[title]
a[title] {  
   color: green;  
}  

Ссылка что имеет внутри себя title, будет зеленым
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X[href="foo"]
a[href="http://veselov.sumy.ua"] {  
  color:green;
}  

Грубое объявление ссылки которая будет иметь зеленый цвет
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X[href*="ves"]
a[href*="ves"] {  
  color: #1f6053;
}

Объявление ссылки содержащая в себе "ves", будет иметь зеленый цвет
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X[href^="http"]
a[href^="http"] {  
   color:green;
}

Ссылки которые начинаються с http сделать зелеными
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X[href$=".jpg"]
a[href$=".jpg"] {  
   color: red;  
}  

Ссылки что заканчиваются на расширение .jpg сделать зелеными
Поддерживает этот селектор IE7+ Firefox Chrome Safari Opera


X:checked
input[type=radio]:checked {  
   border: 1px solid black;  
}

Для всех input type radio при выборе рисовать бордер. демо (в примере поменять цвет на синий)
Поддерживает этот селектор IE9+ Firefox Chrome Safari Opera


X<!--smile:--><!--/smile-->pseudoElement
p::first-line {  
   font-weight: bold;  
   font-size: 1.2em;  
}  

Первая линия абзаца
p::first-letter {  
   float: left;  
   font-size: 2em;  
   font-weight: bold;  
   font-family: cursive;  
   padding-right: 2px;  
}  

Первая буква абзаца
Поддерживает этот селектор IE6+ Firefox Chrome Safari Opera


X:nth-child(n)
li:nth-child(3) {  
   color: red;  
}

Красным третий li
Поддерживает этот селектор IE9+ Firefox 3.5+ Chrome Safari

X:nth-last-child(n) - тоже самое что и предыдущий только отсчет с конца

Их конечно больше. Но и эти как по мне редко используются. А сейчас бонус:
a {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}

При наведении на ссылку сделает ее на 10% больше

div {
  background-color: #999; /* all browsers */
  *background-color: #ccc; /* add a * before the property - IE7 and below */
  _background-color: #000; /* add a _ before the property - IE6 and below */
}

Верстаем под разные версии ИЕ -)

div {
/* standards-compliant browsers */
opacity:0.7;

/* The following is ignored by standards-based browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /* IE8 */
filter: alpha(opacity=70); /* IE 5-7  */
}

Выставляем прозрачность с учетом версий ИЕ

a { white-space: nowrap; }/s', '', $mode); 


И еще чуток
     $result = stripslashes($result); // удаляем слэши
    $result = str_replace('#39;', '', $result); // удаляем одинарные кавычки
    $result = str_replace('&quot;', '', $result); // удаляем двойные кавычки
    $result = str_replace('&amp;', '', $result); // удаляем амперсанд
    $result = preg_replace('/([?!:^~|@№$–=+*&%.,;\[\]&lt;&gt;()_—«»#\/]+)/', '', $result); // удаляем недоспустимые символы
    $result = trim($result); // удаляем пробелы по бокам
    $result = preg_replace('/ +/', '-', $result); // пробелы заменяем на минусы
    $result = preg_replace('/-+/', '-', $result); // удаляем лишние минусы
    $result = preg_replace('/([-]*)(.+)([-]*)/', '\2', $result); // удаляем лишние минусы

Скрипты постраения графиков


jpgraph
Скрипты постраения графиков

Очень мощная библиотека. оф сайт: http://jpgraph.net/

СКАЧАТЬ | Посмотреть примеры графиков



pChart
Скрипты постраения графиков

ОФ.САЙт / ДЕМО



jqplot
Скрипты постраения графиков

ОФ.САЙТ / Примеры / СКАЧАТЬ

Cкрипт jQZoom — лупа


Cкрипт jQZoom — лупа

jQZoom - это лупа, которую удобно использовать при ограниченном пространстве для размещения больших изображений.
ДЕМО | СКАЧАТЬ | ОФ. Страница

Напоминалка о селекторах в CSS


Напоминалка о селекторах в CSS


*
Применить ко всем элементам.
#pre#
Не рвать ссылку на строки
«»
Вверх