Colors in Web Design: An Exploration Creating the perfect color palette for each design project can be a time-consuming task. We might settle on a color scheme, only to change our minds five minutes later. Sometimes we’ll feel like we’ve found a solid set of colors, but don’t know how to make them work together in the project we’re working on. Sometimes it seems like we don’t have enough colors or too many colors or the wrong combination of colors. How is it that some web designers seem to be able to come up with the perfect color combinations in the work they produce? We’re going to explore some of the most popular colors being used in modern web design in the hopes of understanding why certain colors are used for particular websites. Why Color Matters Color is a strong influencing factor in design and in the world around us. Some people may trust a company more simply by their brand colors. When Color Doesn’t Matter We obsess over our color selections ad nauseam. Color Is Powerful Red Web Designs Café Rouge Carrot Media LBi
Minify Javascript Online / Online JavaScript Packer JSON object {} { members } members pair pair , members pair string : value array [] [ elements ] elements value value , elements value string number object array true false null string "" " chars " chars char char chars char any-Unicode-character- except-"-or-\-or- control-character \" \\ \/ \b \f \n \r \t \u four-hex-digits number int int frac int exp int frac exp int digit digit1-9 digits - digit - digit1-9 digits frac . digits exp e digits digits digit digit digits e ee+e-EE+E- JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 JSON建构于两种结构: “名称/值”对的集合(A collection of name/value pairs)。 这些都是常见的数据结构。 JSON具有以下这些形式: 对象是一个无序的“‘名称/值’对”集合。 数组是值(value)的有序集合。 值(value)可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。 字符串(string)是由双引号包围的任意数量Unicode字符的集合,使用反斜线转义。 字符串(string)与C或者Java的字符串非常相似。 数值(number)也与C或者Java的数值非常相似。 空白可以加入到任何符号之间。
25 CSS Snippets for Some of the Most Common and Frustrating Tasks In this post we have 25 CSS snippets and hacks that will solve many of the most frequently used and, at times, frustrating CSS development tasks. Why reinvent the wheel when there are already plenty of time-saving pre-written CSS code snippets? As well as some classic and timeless CSS hacks you will also find many CSS3 snippets, like box-shadow, border-radius,linear-gradient and many more. Adding shadow to text – text-shadow Helps make your text stand out from the rest. Source Adding an image-based border – border-image You can create any kind of border you want for any object(s) on your website using this. Adding shadow to borders and images – box-shadow Helps make your borders and images “pop” from the background more, giving a subtle 3D-like visual cue that it’s something separate, in the foreground, and the thing that visitors should be looking at. Adding rounded corners – border-radius Self-explanatory. Adding individual rounded corners – border-radius Adding a gradient – linear-gradient
Implementing bookmarklets in JavaScript Bookmarklets are little plugins for your browsers: JavaScript programs packed into javascript: URLs that you add to your bookmarks and start by clicking on them. They perform an operation on the currently open web page such as submitting it to Twitter. There are even bookmarklets that transform the current web page, for example, to add icons that, when clicked, add an event to Google Calendar. A separate post explains what bookmarklets are in more detail. This post tells you how to implement bookmarklets. It presents techniques, tools, and patterns for doing so. Preparation and techniques Firebug: helps you with trying out your JavaScript program in the same environment that the bookmark will eventually run in. Don’t pollute the global namespace: You don’t want to mess up the environment of the web site “in which” your bookmarklet is executed. Develop in strict mode: If you switch on strict mode, JavaScript warns you about more potential problems. Collect input Producing output Escaping