Adding interactivity and animations to a design doesn’t have to be complicated or make the website inaccessible when you use modern Web standards. In this article, we’ll explore several examples and theories that employ CSS, HTML, SVG, the canvas element and JavaScript. Some of these techniques you’ll know, others you may not have considered. Let’s start with the basics. “Bringing Interactivity To Your Website With Web Standards”)](https://www.smashingmagazine.com/?p=85432)
Manipulating HTML with JavaScript is the most common method of adding interactivity to a website. But before you start using JavaScript, having a strong understanding of the CSS visual formatting model and box model is important. They are vital to making sense of how HTML elements can be manipulated visually. When you dynamically change the style of an HTML element, it will flow with and react to the rest of the document. Learning to anticipate and control what is affected can be difficult.
Read more…
The Smashing Book 2 is here. It’s printed. And it’s being delivered worldwide at this very moment as you are reading this. All pre-ordered books have been sent out from our warehouse via air mail and should reach all countries soon. In fact, some readers have alreadyreceiveda copyof thebook.
Read more…
Get familiar with the basics of journalism to publish high quality writing when you publish events, opinions, or even your Twitter updates. Improve your writing and see how this has a reflection on you and your brand.
Read more…
In this post, four exclusive minimal, clean WordPress themes designed by Marios Lublinski and released for web design community. Each one comes with a full video overview and support of how to use and manage it!
Read more…
If you have developed an app for mobile devices, which model did you choose and why? In this article, Kim Pimmel goes through a good number of Mobile web apps advantages over native apps.
Read more…
A walk through a variety of e-commerce website examples with elegant design solutions and innovative design techniques. Scotty Vernon also suggests design improvements and further ideas that could help improve the online shopping experience.
Read more…
Sam Barnes shares some tips for maintaining project productivity and momentum when working with clients. Whether you are a freelancer or run a digital agency, learn to get the client management right from the beginning.
Read more…
What do you think about the HTML5 logo revealed by the W3C? This article wants to be a space for the web design community to offer comments on the new HTML5 logo, its stated purpose, and the further developments on the term “HTML5”.
Read more…
Get to know some HTML5 hacks that will make front-end developers smile. Felicity Evans gives some examples to start implementing many parts of the HTML5 spec right now.
Read more…