Tag Archives: CSS3

Best Development Skills for Developers in 2013

10-Skills-and-Trends-for-Developers-To-Watch-Out-For-in-2013




With the evolution in technology, software development has not only evolved but has also matured a lot. An undeniable fact is that technology can never be static because it has to accommodate the needs of the people who are associated with it. From whatever I have seen of the software world, I must admit that it is indeed a dynamic field. Like I always say, the technology is evolving constantly and sometimes it gets really difficult to keep up with […]

PSD to HTML/CSS Tutorials

psdhtmlconversion18




In this roundup, we present very helpful collection of excellent PSDs to HTML or CSS conversion tutorials. With the passage of time, more and more people are getting familiar with HTML and CSS as well as the different techniques to convert Photoshop designs into HTML or CSS format. For a designer or web developer, knowing how to convert PSD files to HTML or CSS code is crucial. A successful blogger, designer or developer is well equipped with this essential technique […]

Free WordPress Themes of the Month

theme_of_month




Although plugins are fantastically useful and can equip your site with a huge variety of functions, it is your theme that really sets you apart from the competition. And make no mistake — as I said in yesterday’s post on creating an authority blog, your design can have a huge impact on the popularity of your site. Furthermore, it can affect the perception of your site amongst those who you really want to impress. With that said, one would be forgiven for thinking that a premium theme is […]

Drop Down MegaMenu

large_preview




Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. With the ever increasing quantity of content on the web we have to figure out solutions to display content and navigation but still keep everything usable and provide a good user experience. It’s no wonder mega drop-downs are now used more often. Today we’ll take a look at creating a simple HTML site with a horizontal navigation bar where a menu […]

Generate Web-Safe Fonts When Using @font-face

font-face




One of the biggest mistakes I see with people just getting introduced to the CSS3 @font-face selector is the use of regular OTF or TTF fonts in their web pages, instead of the recommended WOFF (Web Open Font Format)and EOT (Embeddable OpenType) font formats. With traditional font formats (TTF, OTF), the primary use was for print and applications that created such documents. There were no worries about compatibility across different browsers like there are when creating websites. Now with the large adoption of @font-face, web designers […]

Make Full Image Background With CSS

css1




Full screen image backgrounds are a must if you are creating a portfolio or a photography website. This usually involves using a jQuery plugin, which will properly resize the image with the browser window, and do the necessary calculations so that the image covers the entire width and height of the page. But did you know that if you are ready to sacrifice support for IE8 and below, you can have that kick ass effect only with a line of […]

jQuery 85 Awesome Slider Plugins

jQuery 85 Awesome Slider Plugins




A jQuery slider or jQuery carousel can be very useful to feature important content on nearly any web site. The jQuery library has undoubtedly made the life of JavaScript programmers easier and made it possible for non-experts to do fancy stuff themselves. With jQuery, we can do a lot of really advanced and dynamic things by writing just few lines of codes. Since its arrival, jQuery has revolutionized the way we do a great variety of web designing and developing […]

Introducing HTML5

Introducing HTML5




HTML5 may be the future of web design, but it’s not yet a fully ratified language. It may therefore seem premature to embrace it, but HTML5 is already enjoying widespread adoption. The latest versions of the four most popular web browsers (Internet Explorer, Safari, Firefox and Chrome) already use HTML5, so it’s safe to use HTML5 tags on your website. HTML5 introduces a number of new tags and makes several others obsolete. That doesn’t mean an earlier version, such as […]

CSS3 rounded corner input

CSS3 rounded corner input




The CSS3 properties border-radius and box-shadow allow a designer to easily create rounded input boxes with pure HTML and CSS without having to resort to images. This post shows how it can be done and deals with vendor prefixes and other cross browser issues to ensure the input boxes work across all browsers. What am I trying to achieve? Here’s a screenshot taken from Chrome 10 on Mac Snow Leopard showing an HTML input box with rounded corners and a […]

CSS3 Multiple Backgrounds

css3-web-design-examples




Our journey to the world of CSS3 shadows continues. Today we will focus on another interesting feature—how to use multiple backgrounds with CSS3. Backgrounds Composition There are many reasons why you may need to create a composition of multiple images to build your background. I think the most important are the following: to reduce bandwidth usage where the sum of the file sizes of separate images is less than the size of an image with merged layers (especially if your […]