Отправляет email-рассылки с помощью сервиса Sendsay

Как создать сайт

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 213 RSS
←   Март 2017   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://webdiz.com.ua
Открыта: 01-06-2016

Автор
webguru

Статистика

213 подписчиков
0 за неделю
←   Все выпуски   →

Как создать сайт


Платежная система OkPay — регистрация, создание кошелька, отзывы

Здравствуйте! В продолжение серии статей об электронных кошельках (ЯДах, платежке Киви, биткоинах, Паерах, Пейпалах и др.) представляю вашему вниманию материал про чуть менее известную платежную систему OkPay.

Платежная система OkPay — регистрация, создание кошелька, отзывы

Рассмотрим регистрацию нового кошелька в ОкПей, особенности его использования, а также преимущества и недостатки этой электронной валюты в сравнении с другими мировыми и рунетовскими аналогами. Итак, обо всем, но не сразу.

Подробнее

 

Как сделать эффект загнутого уголка

Проблема

Стилизация одного угла элемента (обычно верхнего правого или нижнего правого) так, чтобы он выглядел загнутым, с разной степенью реализма — это дизайнерский прием, не теряющий своей популярности вот уже много лет. Сегодня в его применении нам помогают несколько решений на чистом CSS, первое из которых было опубликовано еще в 2010 году мастером работы с псевдоэлементами Николасом Галлахером. Основной путь решения — добавить два треугольника в верхнем правом углу: один для представления загнутого уголка страницы и второй — закрывающий собой угол главного элемента. Эти треугольники чаще всего создаются с помощью проверенного временем трюка с рамкой. В свое время эти решения смотрелись весьма впечатляюще, но сегодня мы понимаем, насколько они ограниченны. В некоторых ситуациях они попросту неприменимы: когда фон, находящийся позади нашего элемента, не залит сплошным цветом, а оформлен с использованием узора, текстуры, фотографии, градиента или фонового изображения любого другого типа; когда мы хотим загнуть уголок под другим углом, отличным от 45, или же добавить легкое вращение.

В нескольких ранних версиях дизаqна веб-саqта http://css-tricks.com загнутые уголки исgользовались для оформления верхнего правого угла полей, содержащих отдельные статьи сайта
Существует ли более гибкое решение для создания загнутых уголков с помощью CSS, которое не буксует в подобных случаях?Подробнее

 

Расстановка переносов в тексте

Проблема

Дизайнеры просто обожают выравнивание текста по ширине. Взглянув на шикарно оформленный журнал или книгу, вы увидите, что этот прием используется повсеместно. Однако в Сети выравнивание по ширине встречается гораздо реже, особенно в работах опытных дизайнеров. Почему же так происходит, учитывая, что  text-align: justify; присутствует в нашем арсенале со времен CSS 1?
Причина станет очевидной, если вы присмотритесь к «коридорам» на рисунке. Они создают увеличенные межсловные интервалы, призванные выровнять текст слева и справа. Это не только ужасно выглядит, но и ухудшает читабельность. В печатном дизайне выравнивание по ширине всегда сочетается с расстановкой переносов. Поскольку слова при этом разбиваются на слоги, дополнительных пробелов почти не требуется, и текст в результатевыглядит намного естественнее. До недавнего времени включить переносы на веб-странице было настолько сложно, что решение оказывалось хуже самой проблемы. Типичный сценарий предполагал использование кода на стороне сервера, код JavaScript, интерактивные генераторы, а также руки разработчика и безграничное терпение, чтобы расставить мягкие переносы ( ­ ), подсказывая браузеру, в каком месте каждое слово может быть разорвано. Обычно такие трудозатраты себя не оправдывали, и дизайнеры прибегали к другому способу выравнивания текста.

расстановка переносов в тексте css

 

Подробнее
 

 

Payza — регистрация, создание кошелька

Здравствуйте! . Вам наверняка надоели скучные платежные системы, полностью переведенные на русский язык (как например ОкПей или Пейпел), и хочется попробовать чего-нибудь «импортного», необычного, не так ли?

Стало быть, сегодняшний обзор уникального кошелька Payza (раньше он назывался Alertpay, если кто помнит) специально для вас! Добавим еще одну жемчужину в копилку электронных кошельков и платежных систем собранных нами по всему миру.

Подробнее
 

Как создать цветовой фон

Проблема

Добавление цветового тона к изображению в оттенках серого (или к изображению, преобразованному в оттенки серого) — популярный и элегантный способ придания визуального единообразия группе фотографий, выполненных в совершенно непохожих стилях. Часто этот эффект применяется статически и убирается по событию  :hover и/или при других вариантах взаимодействия с изображением. Традиционно мы создаем две версии изображения в графическом редакторе и добавляем немного простого CSS-кода, задача которого — подменять одну версию другой. Этот подход работает, но он раздувает исходный код и требует дополнительных HTTP-запросов, а сопровождать такой веб-сайт — это настоящая головная боль. Представьте, что было принято решение изменить цвет, использующийся для создания этого эффекта. Вам придется перебрать все изображения и создать для каждого новую монохромную версию! Другие подходы включают наложение полупрозрачного цвета поверх изображения или изменение степени непрозрачности изображения и наложение его на подложку сплошного цвета. Однако это не настоящий тон: в таком решении не только цвета изображения не преобразуются в оттенки целевого цвета, но и существенно снижается контрастность.

Этот эффект используется для оформления фотографий лекторов. Полноцветное изображение оказывается при наведении указателя мыши и переводе фокуса на выбранный элемент
Также существуют сценарии, превращающие изображения в элемент  <canvas> и применяющие тон средствами JavaScript. При этом действительно получается реальное тонированное изображение, но решение работает очень медленно и накладывает множество ограничений. Согласитесь, было бы намного проще и удобнее применять цветовые тона к изображениям прямо в коде CSS?

Подробнее
В избранное