Color psychology in logo design Basscss design seeds | for all who ♥ color Google WebFonts и FontFaceObserver. Используем сторонние шрифты на своем веб-сайте / Хабрахабр WebFonts. История WebFonts — это технология использования сторонних шрифтов на своей веб-странице. Если начинать с истоков, тег font был введен в 1995 году, а уже в 1996-м было написано программное определение на CSS. Теперь уже веб-шрифты в современном интернете — это давно устоявшаяся вещь. Форматы файлов Для подключения шрифтов используется программная вставка в CSS, так называемые @-правило. TTF или OTF — привычный нам файл шрифта, но подгружаемый с сервера на время просмотра сайта; WOFF — незащищенный архив исходника OTF или TTF, пожалуй, самый важный формат, который поддерживают большинство популярных браузеров, а файлы в WOFF обычно 2–2,5 раза легче, чем исходные; EOT — внедряемый TT OpenType архив, имеющий механизмы защиты, нужен для поддержки старых браузеров Internet Explorer (начиная с IE8 кроме TrueType кривых, поддерживаются и PostScript); SVG — для поддержки браузера Safari. Embedded OpenType? src: url('Имя_файла_шрифта.eot? В классике мы должны были указать с вами именно так: 1.
colourcode - find your colour scheme Заметки о колористике Полезные заметки о колористике и теории цвета. Будет полезно всем, кто изучает цвет. RGB-to-Hex Color Converter RGB-to-Hex Conversion Question: How do I convert RGB values of a color to a hexadecimal string? Answer: The RGB-to-hexadecimal converter algorithm is simple: make sure that your values are in the range 0...255, convert R, G, B to hex strings, and then concatenate the three hex strings together. Convert RGB to Hex color values here: function rgbToHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)} function toHex(n) { n = parseInt(n,10); if (isNaN(n)) return "00"; n = Math.max(0,Math.min(n,255)); return "0123456789ABCDEF".charAt((n-n%16)/16) + "0123456789ABCDEF".charAt(n%16); } Notes: The script parses the input R, G, B values as integers using the standard function parseInt(string,10); the second, optional argument 10 specifies that the value must be parsed as a decimal number. RGB/hex codes for named colors supported in most browsers are listed below: See also:
Letters & ligatures. Click to copy & paste. 6 Color Matching Techniques for WordPress Web Designers There is a psychology behind the use of color. Many clients want shiny and flashy, and they choose colors because they like them. But a color they like might not have the desired effect. As web designers we need to be able to choose the right color combinations for websites. In this article, we will look at a few color matching techniques to help with web design. Understanding and Using Color Theory and Psychology Image by aekikuis / shutterstock.com Color selection is an art that takes a long time and a lot of experience to master. The color scheme would depend on the feel that you’re going for. This doesn’t mean that every website on a specific topic should be the same color. Color Psychology Here’s a quick look at color psychology as explained by Vandelay Design: Black, White, and Gray – impact. Of course these colors might have a different purpose or response in cultures outside the US. Looking at Examples One of the best places to get ideas is from other successful websites. Material UI
Learn About Fonts & Typography Browse the most recent contributions to Fontology, the Fonts.com Blog and fy(t)i. From Oldřich Menhart to Richie March 17, 2016 Jim Ford’s Richie™ typeface pays homage to the calligraphy and typeface designs of Oldřich Menhart (1897-1962). The Swash Font Feature March 9, 2016 When it comes to visual enhancements, swash characters can add a little something extra to your site—emphasis on little, because a little goes a long way. Top 100 Fonts.com Web Fonts for February 2016 March 8, 2016 The Brandon Grotesque™ family sits at number 8 on last month’s Top 100 Web Fonts list. Kairos Sans – Building a Typographic Dynasty March 3, 2016 There are typeface families and super families – and then there are typeface dynasties. Boost Your Type Inventory with the Monotype Library Subscription February 17, 2016 Time, closet space and fonts. Top 100 Fonts.com Web Fonts for January 2016 February 8, 2016 Making Initial Letters Part III: Fine Tuning & Fun February 1, 2016 Top 100 Fonts.com Web Fonts for December 2015
Material Design Color Palette Generator - Material Palette material palette More Material Design chevron_right Palette preview Full Palette colors below Your Palette CSS SASS LESS SVG XML PNG POLYMER DOWNLOAD TWEET Dark primary color #7b1fa2 Primary color #9c27b0 Light primary color #e1bee7 Text / Icons #FFFFFF Accent color #ff5722 Primary text #212121 Secondary text #727272 Divider color #B6B6B6 5 принципов, которые помогут подобрать правильный шрифт Многим новичкам выбор шрифта может показаться каким-то мистическим процессом. Кажется, что есть бесконечное количество вариантов — от обычных и стандартных шрифтов и до забавных и нестандартных шрифтов. Выбор правильного шрифта — это смесь жестких правил с интуицией, и уйдут годы на то, чтобы набраться нужного количества опыта. 1. Многие новички подходят к выбору шрифта так, как они бы выбирали музыку: они пытаются понять личность каждого шрифта и ищут что-то уникальное, то, что будет выражать их вкус, перспективы и историю. Грубо говоря, выбор шрифта можно сравнить с процессом выбора одежды. Вашей любимой частью одежды может быть потрясающая пара штанов-клеш из 70х, но вы не будете доставать их из шкафа чаще, чем раз в год на Хэллоуин. 2. Аналогия с одеждой дает нам хорошую идею, которая заключается в том, что мы должны уметь сочетать шрифты и ситуацию. Список, приведенный ниже, не является официальной классификацией, но он поможет вам понять ключевые группы шрифтов. 1. 2. 3. 4. 5.