background preloader

Web Color Codes

Web Color Codes

Tutorials The goal of this post is to harness some new functionality provided by CSS3 and move away from images. We are going to create a CSS3 login form without images yet still have a visually pleasing result. Read More So you just purchased a new hosting account and you some great ideas for your next project. Instead of just having the host default page up for your domain name why not create a coming soon page that is simple and effective. Read More HTML5 and CSS3 are now able to be used in most modern browsers. Read More I am very excited to announce that Three Styles is now 6 Months old. Being a successful remote designer isn’t quite as simple as hopping onto a plane with your notebook. Read More Typography is often overlooked in todays design specifically by web developers.

Color Psychology by David Johnson Like death and taxes, there is no escaping color. It is ubiquitous. Yet what does it all mean? Colors often have different meanings in various cultures. Black Black is the color of authority and power. White Brides wear white to symbolize innocence and purity. Red The most emotionally intense color, red stimulates a faster heartbeat and breathing. The most romantic color, pink, is more tranquilizing. Blue The color of the sky and the ocean, blue is one of the most popular colors. Green Currently the most popular decorating color, green symbolizes nature. Yellow Cheerful sunny yellow is an attention getter. Purple The color of royalty, purple connotes luxury, wealth, and sophistication. Brown Solid, reliable brown is the color of earth and is abundant in nature. Colors of the Flag In the U.S. flag, white stands for purity and innocence. Food for Thought While blue is one of the most popular colors it is one of the least appetizing.

10 CSS Rules Every Web Designer Should Know Through experience as web designers we memorise all kinds of code syntax, hacks and snippets. With CSS in particular there is a number of rules and declarations that can really help transform your website designs and open up new possibilities when compared to older techniques. This post rounds up 10 declarations and tips that every web designer should have available in their CSS arsenal. @media screen and (max-width: 960px) { } The @media rule not only allows you to specify styling for your web page when printed. These days media queries are more associated with the creation of responsive or adaptive website designs. A cool and extremely useful CSS3 property that has now gained thorough browser support is background-size. One CSS3 property that has really helped transform the web over recent years is @font-face. The clever margin: 0 auto; declaration is one of the first snippets you learn when getting to grips with CSS.

Effective Use of Color Psychology in Web Design Colors are vital elements it web designing. It can make a site look visually attractive. It is important for web designers to consider colors for it can greatly influence the site and the visitors as well. The choice of colors has different effect to a person. That is why one should think before choosing the color to use. Different colors influence the mood and state of the human mind. 1. The color red is considered as the hottest and most dynamic color. View Site Finer Home uses red as its primary color and is made even more appealing with the use of floral patterns. View Site Also using patterns and two shades of red for its stripe background, Holiday To Go succeeded to make the site look more inviting for costumers. 2. The color orange can show comfort, creativity, celebration, fun, youth, and affordability. View Site Colourpixel managed to use different shades of orange for their site which make it look creative and vibrant. View Site 3. View Site View Site 4. View Site View Site 5. View Site | Collecting all the cheat sheets Front-end development - RedTeamDesign All Standards and Drafts Slick login form with HTML5 & CSS3 We already know that CSS3 has the ability to create a lot of new possibilities to design and implement better web forms. Also, HTML5 has its important role when it comes about creating more usable forms, without actually needing any Javascript code. Knowing that, check out the below preview to see the login form we're going to create in this article: View demo Markup <form id="login"><h1>Log In</h1><fieldset id="inputs"><input id="username" type="text" placeholder="Username" autofocus required><input id="password" type="password" placeholder="Password" required></fieldset><fieldset id="actions"><input type="submit" id="submit" value="Log in"><a href="">Forgot your password? The HTML5 stuff New HTML5 attributes descriptions, according to latest specifications: The CSS For this article, I will not paste the whole lines here. Paper stack effect Box-shadow will help us creating this nice effect by defining multiple shadows that actually overlap. Stitch effect Subtle gradient lines The final result

Scalable JavaScript Application Architecture View all articles My Summary: Nicholas showed a technique to build large scale applications, one which he used during his time as an engineer at Yahoo. The technique had specific relevance to single page applications all though could be employed on Multiple page applications as well. The architecture he described split an application into multiple tiers with each tier having specific roles and responsibilities and loosely coupled so that elements could be removed, replaced or updated. Slides from the talk are over on slide share. Nicholas Zakas is a regular speaker on the JavaScript circuit but for some reason I'd always missed his talks at other conferences. The Abstract: Building large web applications with dozens of developers is a difficult task. Nicholas took the stage and asked "How many people are building single page JavaScript applications?" Many people are using Application frameworks like backbone.js, but many don't realise it's actually pretty easy to build your own.