background preloader

Colours

Colours
This project aims to uncover some insights about colours on the web, in particular, some questions I've struggled with as a designer. With a crowd-sourced data-set, the ultimate goal is to answer questions like: What is the most common colour/s or hue/s on the web? Do certain industries prefer certain colours over others? What colours are generally found together? Why not just use the CSS? Unfortunately, the colour that makes up a web design is not just the background and text colour found in the CSS.

http://webcolourdata.com/

Related:  CSS InspirationenOther32

10 crucial points to check before you launch a website There are many points to check before you launch a website, which makes it very easy to forget something. 1. Review content and contact information This is not web design work per se, but if you are a web designer who works directly with the client for content, it becomes your responsibility to check that he’s be proofreading his website.

Features Collaborative Prototyping, 100s Of UI Patterns & More! What Are Cookies As is common practice with almost all professional websites this site uses cookies, which are tiny files that are downloaded to your computer, to improve your experience. This page describes what information they gather, how we use it and why we sometimes need to store these cookies. We will also share how you can prevent these cookies from being stored however this may downgrade or 'break' certain elements of the sites functionality. The State Of Responsive Web Design Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch. Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work. Get the book now → Responsive Web design has been around for some years now, and it was a hot topic in 2012.

Don't Click Here: The Art of Hyperlinking I've often thought there is a subtle art to the humble hyperlink, that stalwart building block of hypertext, the stuff that Ted Nelson's Xanadu dream was made of. The word hypertext was coined by Nelson and published in a paper delivered to a national conference of the Association for Computing Machinery in 1965. Adding to his design for a nonsequential writing tool, Nelson proposed a feature called "zippered lists," in which elements in one text would be linked to related or identical elements in other texts. Nelson's two interests, screen editing and nonsequential writing, were merging. With zippered lists, links could be made between large sections, small sections, whole pages, or single paragraphs. The writer and reader could manufacture a unique document by following a set of links between discrete documents that were "zipped" together.

ptb/flexgrid: a flexbox-based CSS grid in 3.6k - ptb2.me More than 17 years ago, <table> elements were (ab)used for web page layout. But just as using a spreadsheet isn't the best tool for desktop publishing, better ways of arranging content were developed using CSS. The best tool available in early versions of CSS was to float a <div> of content, but that had issues in that it it took those blocks out of the regular flow of the page. 6 Pure CSS Content Slider Alternatives to JavaScript jQuery content slider is perfect for any kind of website to display their featured works, articles or product, its really easy to use and creates beautiful slider effects without getting your hands dirty with code. There’re so many great tutorials out there teaching how to create a content sliders with jQuery. But before you decide to use jQuery content sliders, you also need to consider how many of your users are browsing your site with JavaScript disabled through analytics tools.

Flexy Boxes — CSS flexbox playground and code generation tool Flexbox browser support Three versions of the flexbox spec – each with different syntax – have been implemented in browsers. The two 2012 specs are roughly equivilant in terms of features, differing mainly in syntax. The earlier 2009 spec is less comprehensive though covers a lot of the same ground. Flexbox 2012 — W3C Candidate Recommendation, September 2012 Opera 12.1+, Firefox 22+. Chrome 21 -webkit- Flexbox early 2012 — W3C Working Draft, 22 March 2012 Internet Explorer 10 -ms- Flexbox 2009 — W3C Working Draft, 23 July 2009 Firefox 2+ -moz-, Chrome 4+ -webkit-, Safari 3.1+ -webkit-. iOS Safari 3.2+ -webkit-

Brand identity style guides This is great! The University of Connecticut has a nice one designed by Peter Good. Web and link to PDF version. (Get the PDF version!) Peter did a great job of differentiating the three identities a university typically has. – The academic and marketing identity (what most would think of as the main identity). – The athletics or mascot identity. Everything you ever wanted in a UX Design Platform What Are Cookies As is common practice with almost all professional websites this site uses cookies, which are tiny files that are downloaded to your computer, to improve your experience. This page describes what information they gather, how we use it and why we sometimes need to store these cookies. We will also share how you can prevent these cookies from being stored however this may downgrade or 'break' certain elements of the sites functionality. For more general information on cookies see the Wikipedia article on HTTP Cookies... How We Use Cookies

Creating Intrinsic Ratios for Video Did you ever want to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video, you can. This technique allows browsers to determine video dimensions based on the width of their containing block. Article Continues Below With intrinsic dimensions, a new width triggers a new height calculation, allowing videos to resize and giving them the ability to scale the same way images do.

CSS3 Responsive Slider / Carousel Using Radio Buttons Select catcher Created by Ian Hansson (@teapoted) Art from Brendan Zabarauskas (@bjzaba_). Icons from the iconSweets set. Browser Support: Jparallax – Amazing 3D Effect with Jquery Javascript Library – Smashing Web Sponsored At Last with out flash we can do 3D in HTML. Thanks to Jparallax. A Pure CSS3 Cycling Slideshow Advertisement Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. But we must be careful to avoid abusing CSS3, not only because old browsers do not support all of its properties.

Various Licenses and Comments about Them We try to list the most commonly encountered free software license on this page, but cannot list them all; we'll try our best to answer questions about free software licenses whether or not they are listed here. The licenses are more or less in alphabetical order within each section. If you believe you have found a violation of one of our licenses, please refer to our license violation page.

Related:  DESIGN TOOLS/RESOURCESUtilitariosRecursos Webdisine 2Colors