Did you know that Facebook is blue because Mark Zuckerberg is red-green color blind? “Blue is the richest color for me; I can see all of blue” says Zuckerberg. While this choice of color doesn’t seem very scientific, it’s still proves that a lot of thought is put into the choice of color. As Buffer writes, over 90% of our assessment of a product is made on color alone, so it makes sense that color should be considered with care for every design decision, particularly on websites. Chances are, if we don’t like the color palette, we’re not going to stay on the site for very long. To get you started on your own palette, we’ve gathered 50 beautiful websites with versatile color schemes you can take inspiration from. So without further ado, let’s get knee-deep in some beautiful colors. 01. Fun and Professional <img width="700" height="404" src="https://designschool.canva.com/wp-content/uploads/sites/2/2016/01/Palette_1.jpg" class="attac...
Note: Due to browser security limitations related to cross-site scripting, this solution works only for iframe page content called from the same domain. Example http://host.sonspring.com/iframe/ Download: http://sonspring.com/journal/jquery-iframe-sizing First off, let me say that frames are bad and should be avoided. That being said, if you must use frames then I suppose the iframe would be the least of all the evils. Occasionally, project requirements arise such that you simply cannot get around having to use these pesky elements. One thing I have always detested about iframes is they are not aware of the dimensions of their content. Setting the width of an iframe is trivial, because you generally know how wide its contents will be. The pain point often comes when specifying height, because pages always vary in length. With a fixed height, the iframe is either too tall or short. This causes one of two undesirable outcomes: cutoff content, or a scrollbar. On...
Hello Guys Today we understand the basics of media query. All websites which is works online have four major screen ie 1.Large desktop screen 2.Medium desktop screen 3.Ipad screen {768px width - 1024px} 4.Mobile screen { less than 768px} Take an example:- @media screen and (min-width: 768px) and (max-width: 979px) {...} This media query will work between 768px width to 979 width only. Now take an another example of max width media query ie: @media screen and (max-width: 980px) {...} This media works only in 980px screen size or less than 980px screen size. This media query is more effective than above media query in which we set min-width and max-width. This media query also decrease the lines of css.
Comments
Post a Comment