The word-wrap property has been removed from the CSS3 spec and other related properties have been added. Although browser support is not great for these new features, it’s nice to know that in the future we’ll have some powerful tools at our disposal to handle overflow and line breaks in a more fine-grained manner.
Follow along as we create a simple and fun download button using some fancy CSS3. Our button will use lots of fun goodies including border-radius, box-shadow, linear-gradients, z-index and transitions to achieve a unique double sliding drawer effect on hover.
Today we’re going to examine a very specific example of good design and discuss what makes it so successful. Along the way we’ll discover the importance of good design and how to structure experiences that turn users into addicts.
We are going to take a look at some of the new rules that govern these project undertakings, in the wake of the new web that has taken shape over the last few years. As the various technologies steer and redirect the course of the industry’s future, we have to adapt the rules by which we play this game.
In this article the author shares some of the tips and tricks that he has picked up over the years. As the best coders write the least amount of code it would be useful for the beginners to learn how to code efficiently and how to leverage old code to be reusable.
Read MoreAt the heart of every modern Mac and Linux computer is the “terminal.” The terminal evolved from the text-based computer terminals of the 1960s and ’70s, which themselves replaced punch cards as the main way to interact with a computer. It’s also known as the command shell, or simply “shell.” Windows has one, too, but it’s called the “command prompt” and is descended from the MS-DOS of the 1980s.
New technologies are making web development more exciting than ever before. HTML5 and CSS3 provide a double dose of modern practices that are absolutely refreshing and empowering. Unfortunately, utilizing these technologies can considerably complicate your quest for cross browser compatibility. Join us as we take a look at a handful of our favorite resources that quickly and easily help you make informed decisions about real world HTML5 and CSS3 implementation.
Read MoreResponsive design is a hot topic of web development these days, and with a simple (and now well supported) way of handling the ‘one site for all clients’ model (and I mean clients as in browsers/platforms/devices, not the people that give you money in return for a web site) it should well be.
In this article, we are going to examine the science behind making successful UI icons before teaching you how to make your own embeddable icon font. From designing the individual icons to converting them for @font-face embedding, and even licensing them for distribution, we shall be using only free software and online services.
In today’s tip we’ll show you how to spice up your menu by adding a neat hover effect to it. The idea is to slide an image out to the right when hovering over a menu item. Each menu item (which is a unordered list item in this case) will have an anchor containing two spans and an image.