Patternify | CSS Pattern Generator NounProject alertify.js - browser dialogs never looked so good Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I wish I had more time or contributions to keep it going and make it better, but the sad reality is that not usually the case on these kinds of projects. Forks I will be updating this site to list forks of alertify.js.
Premium pixels Perfect Full Page Background Image Learn Development at Frontend Masters This post was originally published on August 21, 2009 and is now updated as it has been entirely revised. Both original methods are removed and now replaced by four new methods. The goal here is a background image on a website that covers the entire browser window at all times. Let’s put some specifics on it: Fills entire page with image, no white spaceScales image as neededRetains image proportions (aspect ratio)Image is centered on pageDoes not cause scrollbarsAs cross-browser compatible as possibleIsn’t some fancy shenanigans like Flash Image above credited to this site. Awesome, Easy, Progressive CSS3 Way We can do this purely through CSS thanks to the background-size property now in CSS3. Works in: Safari 3+Chrome Whatever+IE 9+Opera 10+ (Opera 9.5 supported background-size but not the keywords)Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version) View Demo CSS-Only Technique #1 Big thanks, as usual, to Doug Neiner for this alternate version.
25 Examples of Geometrical Shape Usage in Web Design I really like the way Wikipedia defines web design: “Web design is a broad term used to encompass the way that content is delivered to an end-user through the World Wide Web…”. And we have to say that web design is really all about the way you deliver content, so taking good care of shaping your website is something that’s very important. Websites are pretty much based on grids and columns, where geometrical forms are the main elements. Here we will show you some examples of how circles, squares, rectangles and triangles are used to better create beautiful and inspiring websites. Circles Full Stop Circles as a big logo getting all the attention to the studio’s name. Jarad Johnson Big circles thumbs to show you a bit of Jarad’s work. Daniel James Diggle The logo is a circle and the same circular idea was used in the top left side of the header to draw attention to the artist’s bio. Teknision Nice circular bubble drawing the attention to the “we’re hiring” part of the site. Material Group Squares
" Gottschamer/Christensen Residence " par VaST Architecture – Banque d'images 3D 3D Warehouse Advanced Search Sign In Error Download Downloads .skp File Size Polygons Materials Unknown Uploaded Last Modified Share <> Embed Thumbnail3D Viewer VaST Architecture 5 models Tags Brandy LeMae, high-performance architecture, LEED, Sustainable Design, Vast Architecture, Vast2020 Report Abuse Add to Gottschamer/Christensen Residence VaST was founded in 2001 on an impassioned dedication to high-performance architecture, art and design. For more information, visit: ©2014 Trimble Navigation LimitedPrivacyTerms of Use
WebTreats 25 Fresh Examples of Beautiful Typeface Combinations in Web Design Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it's an art Typography is a very important part of design and choosing the right type for your design can be very challenging. To discover the fonts used in each design I used the WhatFont tool, which is pretty good (besides Firebug and other tools). Colbow Design Futura PT (header) – Yellowtail (center). Ana Majik FF Tisa (header and footer) – Josefin Slab (everything else). Fatum Helvetica Neue and Octin College Regular. nest nest is beautifully mixing Fuller Sans DT Bold and Fuller Sans DT Regular. Tommy La Wine