CSS кнопки и псевдоэлементы

Здравствуйте, друзья. За последний месяц я экспериментировал с псевдо-элементами, особенно, с их использованием в создании кнопок. Таким образом, удалось создать крутые эффекты, которые раньше можно было сделать только со спрайтами. В этом уроке я покажу как создать кнопку с изюминкой, используя только якорный тег и мощь CSS.

Гуглотех - google TeX

Прикольная функция появилась в Google.

Пишем в исходнике веб-странички в угловых скобках что-то вроде:

img src=http://chart.apis.google.com/chart?cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}

и получаем на выходе в формате PNG что-то вроде:



После "chl=" можно вписывать любую корректную теховскую формулу разумного размера.

При этом некоторые символы, по-особому обрабатываемые в URL,
возможно, придется заменять числовыми кодами.
Например, "+" внутри формулы теряется, а "%2B" - нет.

Nine Nasty UX Truths - Девять простых UX истин

В интернетах есть множество материалов по теории UX, но советы ниже являются результатом тяжелой работы автора, что-то вроде шишек, набитых в процессе. Antoine признается, что облажался бессчётное количество раз за последние 20 лет, и описанные истины — это лишь некоторые из способов избежать провалов. Не повторяйте ошибок, наслаждайтесь.

Четыре истины о дизайне

Вообще-то это не сложно, даже в половину не так трудно, как вы думаете.

1. Цвет не имеет смысла

Пользователи не понимают вашего цветокодирования. Зеленый значит «хороший» для вас, но для кого-нибудь другого на другом экране это может значит «нечитаемое» или «гусиное дерьмо» или «Сайгон? Что? Я до сих пор в Сайгоне?». Каждый человек видит цвет исключительно по-своему, если вообще видит. Он любит одни цвета, и ненавидит другие. И это в значительной степени непредсказуемо. Вы не сможете угадать.

Цвет не является вербальным или рациональным. Он контекстен и эмоционален. Цвет — сильный инструмент, но сам по себе он не имеет смысла.

Единственное что вы можете сделать с цветами это:
Любой цвет: элемент имеет цвет
Другой цвет: элемент отличается от другого элемента
Серый: что-то сломано
Красный: дизайнер ненавидит вас и хочет разозлить

HTML color codes and names

HTML color codes are hexadecimal triplets representing the colors red, green, and blue. For example, in the the color red, the color code is FF0000, which is '255' red, '0' green, and '0' blue. Complete information about how to apply HTML color codes using CSS, the <FONT> tag and applying other font types can be found on document CH000072. Use our HTML color picker if you need to choose from an almost infinite variety of colors. Also, if you like a color scheme of a web page view Tip142 for a fantastic tool that can be used to gather that page's color codes.