Responsive Web Design The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence. Article Continues Below A building’s foundation defines its footprint, which defines its frame, which shapes the facade. Each phase of the architectural process is more immutable, more unchanging than the last. Working on the web, however, is a wholly different matter. But the landscape is shifting, perhaps more quickly than we might like. In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project. A flexible foundation#section1 Let’s consider an example design. But no design, fixed or fluid, scales seamlessly beyond the context for which it was originally intended. Becoming responsive#section2 Recently, an emergent discipline called “ responsive architecture .
25 New Free High-Quality Fonts - Smashing Magazine Advertisement Every now and then we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. In this selection, we’re pleased to present Pompadour Numeral Set, Lato, Crimson Text, Espinosa Nova, Musa Ornata, Spatha Sans, ColorLines, Roke1984, Neuton, Avro, Baurete and other fonts. New High-Quality Free Fonts Pompadour Numeral Set1 (.eps, released under Creative Commons) A beautiful numeral font released by Andy Mangold under a Creative Commons license. Lato2 (open-source sans serif) Lato is a san-serif typeface family. Crimson Text3 “Crimson Text is a font family for book production in the tradition of beautiful old-style typefaces. Color Lines5 This decorative font can be used for a variety of products, such as posters, packaging and label design. Neuton Font9 Neuton is a clean Times-Roman–like typeface by Brian Zick. Further Resources
Trends in News and Magazine-Style Web Design | Vandelay Design B News and magazine-style sites tend to follow some specific trends. In this post we’ll take a detailed look at the design trends of news sites with plenty of examples, and the end of the post includes a showcase of sites. If you’re working on designing a magazine-style site or blog theme, taking these trends into consideration may help. White (or Light) Backgrounds Like most content-heavy sites, news and magazine-style sites tend to have white or light-colored backgrounds, which is generally better for readability. Grid-Based Layouts of news sites are often grid-based. Typography as a Design Element News sites have to fit a lot of content onto the page. Image Thumbnails Most news or magazine-style sites include links to a lot of articles or posts from the front page. Prominent Site Search With so much content on the site, a site-wide search is critical to helping visitors find what they are looking for. Category-Based Navigation Horizontal Navigation Menus Drop Down Menus Popular Content Sections
60 δωρεάν χειρόγραφες γραμματοσειρές (από webdesignerwall) People mostly use either serif or sans-serif fonts and often miss out the handwritten fonts. They are as important as the main font classifications. I particularly like to use handwritten fonts to highlight significant items in screen captures. akaDora Alako Ampersand Angelina Avant que Bee Marker Ink BethHand Bradley Hand ITC (update: not free) Brankovic Brook 23 CAC Pinafore Carefree Chalkdust Cheryl CoertSchrift Dik Complete in Him CoolHandLuke Creampuff Deathrattle Desyrel Dwerneck Eraser Fafers Handwriting FFF Tusj Freehand 575 Freestyle Script (update: not free) Graph Hand of Sean HarabaraHand Honey Script HZHandwrite It Ain't Rocket Science Japanese Brush J.D. Jenelson Koala (update: not free) Lauren C. Learning Curve Marketing Script Mighty to Save Mural Script Never Let Go Neville Script One Stroke Script OneMiguel Shaded PP Handwriting Prelude FLF Serena Shelter Me SimpleLife Sketch Rockwell
The Stockholm Subway Takes Art Underground Fresh Visual Daily The Stockholm Subway Takes Art Underground Saturday 02.12.2011 , Posted by Paul Caridad Share: Tweet142 Share1.7K Share57 Share214 Stumble0 Considered one of the most beautiful metro’s in Europe, the Stockholm subway system is filled with eye popping art and bright colors… a perfect cure for the proverbial Stockholm Syndrome. The metro has 100 stations of which 47 are underground. As if that wasn’t enough visual stimulation… here’s an art piece powered by the belt on the Stockholm escalators! Source: sprki.com Written by Paul Caridad Bicycled the perimeter of USA, hitch hiked across the States dressed as monk. Follow on Facebook Follow on LinkedIn Go to 's Website Category : Art, Faces and Places Tags : artist, cavern, Europe, European, metro Promoted Content by Taboolaby Taboola Sponsored ContentSponsored Content Promoted ContentPromoted Content WE RECOMMENDFrom The Web Comments Trackbacks Speak Your Mind Follow VN...Delivered to you Daily. Welcome to Yakutsk, the Coldest City in the World
25 well-designed websites with big typography Good size differences between titles and text usually makes the page more readable. How about huge font sizes? Well, it doesn’t always make the page more readable, but it quite often makes it much more stylish. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25.
Χρησιμοποιήστε το Microsoft Office 2010 δωρεάν για 6 μήνες με το Trial Extender (από DownloadSquad) Maybe you're waffling on whether or not you want to commit to Office 2010. Maybe you just like the idea of using it for free for as long as possible. Either way, the Office 2010 Trial Extender is the tool for you. It's a simple app which performs the same trial re-arming magic you've seen before with other Microsoft offerings. By then you'll probably have made up your mind and either like Office 2010 enough to pay for it -- or be totally disenchanted and move on to an alternative suite. [via Into Windows] Tags: 2010, extender, microsoft, office, rearm, trial
How Much Traffic Can Your Website Handle? Most websites load reasonably fast when visited by their average number of users. However, performance rapidly deteriorates when a site is overwhelmed by peak traffic (the times when the site’s traffic is the highest) and during traffic spikes. In a quest to learn about the art and science of peak traffic estimation, I began to study some publicly available data to see if I could try to discover a connection between peak traffic and the average traffic of a website, as well as the type of traffic it can receive. Summary and Data Data for peak and average site traffic analysis came from Quantcast. Here is a typical traffic chart from Quantcast: For the purpose of this study, we will only look at traffic data from the US. The following summarizes the data obtained. High-Ranking Websites (About 400,000 Visitors Monthly) *Factor is the maximum daily visitors divided by the average daily visitors. Notice that the maximum daily visitors are 2-8 times higher than average daily visitors. Conclusion
How to Use the New Google Font API Today we’re going to learn about what the new Google Font is and how to implement it right away in your designs. It’s free to use and can be installed in under a minute once you get the hang of it! Introduction In the past year, there has been quite the explosion of options for implementing custom fonts on the web. Several companies have rightfully seen this budding technology as a way to make some cash. However, if you take a look at the really popular technology on the web, you’ll see a trend emerge: free. A Game Changer? Obviously, when Google throws its hat into any ring, it has a tendency to change everything. To see how it all works, let’s dive into a quick example. The HTML To increase the fun, let’s use HTML5 and CSS3 along with Google’s font API. The Starter Code To start off, paste in a blank HTML5 code snippet. This is a modified version of a starter file I found on Snipplr that contains a JavaScript hack to help good old IE along with HTML5. The Divs That’s all the HTML we’ll need!