The State Of Responsive Web Design
Responsive Web design has been around for some years now, and it was a hot topic in 2012. Many well-known people such as Brad Frost and Luke Wroblewski have a lot of experience with it and have...
View ArticleClown Car Technique: Solving Adaptive Images In Responsive Web Design
Adaptive images are the current hot topic in conversations about adaptive and responsive Web design. Why? Because no one likes any of the solutions thus far. New elements and attributes are being...
View ArticleIs the Web Ready for Responsive Web Design?
Advertise here via BSA The Mobile Playing Field Today, a large portion of site traffic comes from mobile devices—namely smart phones and tablets—in addition to traditional PCs. Across the globe,...
View ArticleWhat You Should Know About HTML Email
Email is an awesome medium. It goes straight into the inbox and its ROI is widely reported as being through the roof at 4000%. It’s also perpetually misunderstood and too often it’s done badly. With...
View ArticleWhat are HTML5 Datalists and When to Use Them
Advertise here via BSA Autocompletion is a pattern that all Web users are familiar with. When you do a search, your search engine suggests terms. When you type a new e-mail message, your mail client...
View ArticleFront-End Ops
When a team builds a complex application, there is often a common breakdown of roles. Specifically on the back end, there are database engineers, application engineers and operations engineers, or...
View ArticleSurviving the Zombie Apocalypse with HTML5 & SVG
Advertise here via BSA As browser adoption of HTML5 continues apace, developers are finding more and more options for creating elegant, highly responsive UIs. In the case of Scalable Vector Graphics (...
View ArticleMedia Queries Are Not The Answer: Element Query Polyfill
Responsive Web design has transformed how websites are designed and built. It has inspired us to think beyond device classifications and to use media queries to adapt a layout to the browser’s...
View ArticleMy (Simple) Workflow To Design And Develop A Portfolio Website
Please notice that this article is targeted at newcomers to the industry rather than seasoned designers and developers. The point of the article is to provide a general guide to building...
View ArticleSimple Responsive Images With CSS Background Images
With all the talk of new HTML5 standards such as the srcset attribute and element, as well as server-side techniques such as Responsive Web Design + Server Side Components (RESS), you'd be...
View ArticlePart One: How To Fix The Web: Obscure Back-End Techniques And Terminal Secrets
We are very happy to present a sample chapter from the upcoming printed Smashing Book #4: New Perspectives on Coding , written by Paul Tero. Please note that the second part of this chapter will...
View ArticleMonsta FTP – Open Source PHP/Ajax FTP for Browser
Advertise here via BSA Monsta FTP is an open source PHP/Ajax cloudware that puts FTP file management right in your browser, anywhere, any time . You can drag & drop files into your browser and...
View ArticleSemantic CSS With Intelligent Selectors
? ? “Form ever follows function. This is the law.” So said the architect and “father of skyscrapers” Louis Sullivan . For architects not wishing to crush hundreds of innocent people under the weight...
View ArticleSemantic CSS With Intelligent Selectors
? ? “Form ever follows function. This is the law.” So said the architect and “father of skyscrapers” Louis Sullivan . For architects not wishing to crush hundreds of innocent people under the weight...
View ArticleAnalyzing Network Characteristics Using JavaScript And The DOM, Part 2
? ? In Part 1 of this series, we had a look at how the underlying protocols of the Web work, and how we can use JavaScript to estimate their performance characteristics. In this second part, we’ll...
View ArticleA Clear Way to Structure HTML in Responsive Manner
Advertise here via BSA Intention.js offers a light-weight and clear way to dynamically restructure HTML in a responsive manner . The methods for manipulation are placed with the elements themselves,...
View ArticleFiguring Out @font-face
Within the last five years, typography on the web has taken quite an about face (sorry, pun intended). It used to be that web designers were constrained to using web-safe fonts only; system fonts...
View ArticleDesigning For Emotion With Hover Effects
Of the many factors that must be considered in Web design, emotional interaction is an important, but frequently neglected, component. In the real world, we experience the sensual interaction of...
View ArticleHow to Build an Interactive Navigation Bar
Advertise here via BSA A straightforward navigation structure can increase the usability of your site, and make information easy to find. By using basic HTML and CSS, you can build a horizontal nav...
View ArticleGumby – An Amazing Responsive CSS Framework
Advertise here via BSA Gumby Framework is a flexible, responsive CSS Framework, Powered by SASS. Create rapid and logical page layout and app prototypes with a flexible and responsive grid system and...
View Article