Subtle Patterns: фоновые текстуры для вашего сайта / Веб-дизайн 23 октября 2011 в 13:39 Если вы запускаете новый сайт и заканчиваете его оформление, то есть смысл посмотреть коллекцию Subtle Patterns: отлично оформленную коллекцию фоновых текстур (паттернов) под лицензией Creative Commons Attribution 3.0 Unported. Их можно использовать без ограничений. Сайт привлекает удобным предварительным просмотром: каждую текстуру можно мгновенно применить на всей странице в качестве фона. Все текстуры на сайте Subtle Patterns являются повторяющимися, то есть склеиваются в бесшовную заливку. COLOURlovers Tileables Пиксельный генератор паттернов Patternify Только зарегистрированные пользователи могут оставлять комментарии.
Victa/curtain.js Page Layout 101 In the beginning, the Internet, and more specifically the world wide web, was a way of exchanging information between universities and government agencies. The Hypertext Markup Language (HTML) was developed to accommodate exchanging documents between different computer systems where most existing document types would be incompatible with the different computer systems. These documents were largely text and there was no need for any complicated layout mechanism. Well, that was then. Using Layers If you, like me, use Macromedia Dreamweaver for web design, you may be familiar with something that Macromedia calls a "layer" or what is referred to in Dreamweaver CS3 and later as an absolutely positioned (AP) <div>. About now, if you weren't already familiar with absolute positioning, you'd be saying "WOW! Sorry for that bit of geek-speak. Note that I've put different colored borders on the two layers to illustrate what happens here. The Problems with Layers Overlapping text WOW again!!! Uh oh!
15+ high quality, free pattern sets As web designers, we spend most of our time praising web designs for their sleek interfaces and their awesome typography or even just the random design work, but truly, the unsung hero of design is the pattern. The pattern is popular, not just online, but offline too—we love a good pattern because it’s design in its purest form. Patterns allow us the ability to interpret good designs and rely on a little consistency. When we talk patterns in web design, we often automatically think about backgrounds, but patterns are much more useful than that. Picking the right pattern is important. Subtle pattern sets Oftentimes, web designers like to use subtle textures and shapes more to create the backgrounds in their web designs. Subtle patterns don’t just have to be used as backgrounds, they are also great to help add some texture to photos. Seamless Photoshop Patterns by onethirtytwo Features: Photoshop Pattern (.PAT), 6 swatches (1 pattern of 6 different colors) Patterns Vol. 3 by J1897 Conclusion
Background Image Change on Refresh with Javascript Aol.com home page has changing the background image on every refresh, quite interesting. So how to apply this kind of effect to your web project, take a quick look this post. It’s simple just five lines of javascript code. Use it and enrich your web project user interface. Download Script Live Demo-1 Live Demo-2 The tutorial contains a folder called bgimages with background images files. index.htmlbgimages -- 1.jpg -- 2.jpg -- 3.jpg -- .... -- .... Javascript Here variable totalCount is number of backgrounds. <html><head><script type="text/javascript"> var totalCount = 8;function ChangeIt() {var num = Math.ceil( Math.random() * totalCount );document.body.background = 'bgimages/'+num+'.jpg';document.body.style.backgroundRepeat = "repeat";// Background repeat }</script></head><body> // Page Design </body> <script type="text/javascript"> ChangeIt();</script> </html>
Grunge Photoshop brush roundup We’ll be starting a regular series of roundups of the best free Photoshop brushes, in various themes; this week’s Photoshop brush roundup is on the Grunge theme. Grunge is a very bold style choice, and is characterized by its gritty style, dark, washed-out colors, and irregular shapes. Grunge textures can be so varied, from wood to metallic surfaces, fabric, paper and more as far as textures go, but also characterizing themselves by sharp cuts, or slow fades. They are all very similar in style, but offer subtle variations which can be used in conjunction with other similar or contrasting textures to create depth and wear. Double Circle A great set of grunge brushes focusing on a concentric grunge circle design with a good bit of variety so it’s likely to have the style that you’re looking for. Grunge Set A standard set of grunge brushes to add that dirty and worn look to your designs. Subtle Grunge Texturitus A hi-res set of ’35 strange texture brushes’. Halftone Grunge28 Crack Brushes Undercover
CODING FOR GOOD - JavaScript - Getting Started “When is an appropriate time to use the alert method in JavaScript?” Most of the action on the web is controlled by a client-side scripting language called Javascript. This makes your pop-ups pop up, your drop-downs drop down and your roll-overs roll over. Basically anything cool that you see on the web is controlled by Javascript, which has been around for a long time but has become increasingly relevant in recent years. You’ll find it in use on almost every major website you visit, doing all sorts of cool stuff like: validating forms communicating with servers enhancing user experience and much, much more - Like this It’s very powerful, but at the same time it’s a great language for beginning coders because as you’ll see its really easy to get started. Begin by reading Mozilla’s A re-introduction to Javascript - an excellent guide to the various terms and types that we’ll be learning about in this unit. MDN: A re-introduction to JavaScript
Tileables - Never Ending Patterns 10 Super Useful Free Icon Font Sets Icon fonts are great because, as you may have guessed, they are delivered as a font. This gives them a number of advantages over traditional image icons. For instance, if you want to change the color, it can easily be done with CSS. Whereas with an image, you would need to have a separate version of the icon. Scaling and adding effects, such as shadows, is just as simple. For today’s post, we’ve rounded up 10 super useful sets of free icon fonts. Batch. Sosa Metro UI Elusive Icons Iconic Icon Set Entypo Ligature Font Awesome Typicons Maki