Basic color schemes: Color Theory Introduction With colors you can set a mood, attract attention, or make a statement. You can use color to energize, or to cool down. By selecting the right color scheme, you can create an ambiance of elegance, warmth or tranquility, or you can convey an image of playful youthfulness. Colors affect us in numerous ways, both mentally and physically. Being able to use colors consciously and harmoniously can help you create spectacular results. The Color Wheel The color wheel or color circle is the basic tool for combining colors. The color wheel is designed so that virtually any colors you pick from it will look good together. Traditionally, there are a number of color combinations that are considered especially pleasing. ColorImpact is designed to dynamically create a color wheel to match your base color. Primary, Secondary and Tertiary Colors In the RYB (or subtractive) color model, the primary colors are red, yellow and blue. Warm and cool colors The color circle can be divided into warm and cool colors.
Free Vector graphic art, free photos, free icons, free website templates, psd graphic, photoshop brush, font, free download Goodies | Fresh Ideas - nurture your ideas! Retro Print Insignia (psd) It’s time for a new freebie, and this time we propose you another cool retro insignia. As always it’s fully integrable, layered and scalable! Oh, and last but not least, it is easily colorize to your liking. This piece of art work is ideal for logo, print or other. Fonts used: Coca Cola, Bebas Neue, ChunkFive. Read More Retro stamp (psd) Here is an awesome retro stamp which is based on our set of 4 Retro Stamps that is available on Graphic River. Read More 2 Retro Insignias (psd) Here is an awesome set of insignias based on our set of 6 retro insignias that are available on Graphic River. Read More Retro Coupons Set (psd) A set of 2 coupons based on our retro banners that are available on Graphic River. Read More iPhone Application Button (psd) A professional elegant iPhone application button that is fully layered and scalable. Read More Retro Text Style (Photoshop Layer Style) Read More Vintage ribbon (PSD) Here is our new freebie. Read More New Tags (PSD) Read More
Goodbye Compass Around this time last year I threw together Style, a starting point for scalable, maintainable CSS architecture based on work I was doing in my day job at Envato. Back then I couldn't see myself living without Compass' vendor prefixing, spriting tools & vertical rhythm. Plus it was a dependency of Susy, my favourite grid framework. I've just released the totally Compass-free Style 2. Vendor prefixes Compass makes you use mixins for properties that need vendor prefixes. Autoprefixer lets you just write the CSS properties without prefixes, then post-processes your CSS to add prefixes for browser versions you specify at compile time (using data from caniuse.com). autoprefixer css/** -b "> 1%, last 2 versions, Firefox ESR, Explorer 9" Update: Cross-browser support in Compass 1.0 will work differently, comparing usage thresholds that you set with usage data from caniuse.com. Sprites Here's what you need to use sprites in Sass: Vertical rhythm margin-bottom: rhythm(0.7) Susy 2 Compilation
Тень блока (свойство box-shadow) | CSS box-shadow generator Свойство box-shadow (w3.org) создаёт элементу тень. Как создать объёмный HTML элемент из нескольких box-shadow box-shadow может иметь сколько угодно значений. цвет одной стороны цвет другой стороны толщина тени Эффект тени блока Тень вокруг div CSS Хм, отбрасывает ли предмет тень, когда свет на него падает сверху? CSS тень с одной стороны Снизу (под блоком div) По бокам (справа и слева) Многослойный блок с помощью box-shadow Разноцветная CSS рамка Еще варианты можно посмотреть у css.yoksel.ru. CSS внутренняя тень блока (внутри элемента) Как сделать вдавленный элемент Как сделать выпуклый элемент с округлыми краями box-shadow inset и картинка img Понадобится статья "Как убрать отступ под изображением" box-shadow и HTML тег input Сначала поле как-будто вдавленное, при наведении появляется голубая обводка, а при фокусе виден эффект плавно появляющегося свечения. Или подсветка внутри input (получилась красивая форма входа CSS): box-shadow и transition или animation ?
colourcode - find your colour scheme Hugin - Panorama photo stitcher Premium PSD Mock-up Templates Which Are Free To Download - PSD Mockups Designing your mockups can often become a project onto themselves which splits your concentration from focusing on your 2D designs. PSDCovers offers premium mockup templates for free in the form of PSD Cover Actions which render your 2D design work as high resolution product shot renders for showcasing mock-ups in marketing presentations, online portfolios, school projects or print mediums. Some Actions can take a few moments to render while others take a few minutes, it all depends on which Mock-up template Action you use (not all Actions are created equally!). PSD Mock-up templates are created in fully layered PSD documents which are further customizable to your liking. All PSD Mock-ups on psdcovers.com are free and modelled on actual products which were photographed by the site (read about their process here). Here are some of the types of results you can expect from using PSDCovers Actions for generating your Mock-ups: 1-litre-aluminium-water-bottle-sports-drink-psd-mockup-action
Ultimate 75th - A Marvel restrospective 3 принципа оптимизации конверсии и юзабилити веб-дизайна Вы когда-нибудь задумывались о том, что значит хороший веб-дизайн с точки зрения юзабилити и удобства вашего целевого посетителя? Как вы понимаете, разница между хорошим и плохим должна быть существенной, однако, для многих гостей вашей лендинг пейдж эта разница, на самом деле, не столь очевидна. Почти все смогут ответить, понравился ли им дизайн или нет, но указать конкретно, что именно, смогут немногие. А все потому, что подавляющее число интернет-пользователей не изучает вашу страницу с целью написать о ней критический отзыв. Со своей позиции авторитетно заявляем, что хороший дизайн — это не просто приятный внешний вид шаблона целевой страницы. Потому что хороший дизайн – это не только то, как выглядит страница, это и то, как она работает. К сожалению, готовых схем и рецептов здесь нет и не будет. Качественный конверсионный ресурс – это всегда что-то большее, чем комбинация текстового контента, главного изображения, буллетов и т. д.. Вы готовы? 1. 1 вопрос: «Это кликабельно?» 2. 3. 1.
Color Wheel - Color Calculator | Sessions College The color wheel is a chart representing the relationships between colors. Based on a circle showing the colors of the spectrum originally fashioned by Sir Isaac Newton in 1666, the colour wheel he created serves many purposes today. Painters use it to identify colors to mix and designers use it to choose colors that go well together. The classic color wheel shows hues arranged in a circle, connected by lines or shapes. The colors include primary colors (red, yellow, and blue), secondary colors (orange, green, and violet), and tertiary colors (yellow green, blue green, blue violet, red violet, red orange, and yellow orange). Secondary colors are created by mixing primary colors.