During the last weekend I’ve made a few improvements in the website using some great css tricks. The css skills that I currently have are mostly from the internet and a few ebooks. Generally speaking whatever I find interesting I try to make the most of it by learning how it works or trying to develop it even further and I believe that this makes me a self learner. While I was playing around with CSS to make a few changes I’ve discovered some great css tips and tricks through the internet that makes your website lighter and of course more beautiful.
CSS stands for Cascading Style Sheets which makes it a style sheet language used for styling the look of document that it is written in a markup language. We’ve seen Css mostly in web design but as far as I am aware of it can also style any kind of XML document like SVG or XUL. Through css you can customize the plain HTML by adding colors, shapes, and generally playing with the elements. The syntax of this programming language is pretty simple compared with others, it uses mostly english keywords to set the various style properties.
1.0 Creating an alert box is certainly good way to attract users’ eyeballs and make sure the users pay enough attention to the important content. Bruce shares his idea how this can be done nicely with some neat CSS code.
3.0 Different stylesheets for differently sized browser windows. Otherwise known as “resolution dependent layouts”. Single website, different CSS files for rearranging a website to take advantage of the size available.
4.0 Center your content vertically. It includes the good and bad for each method along with complete instructions for implementing them. The methods range from using divs that act like tables to using absolute positions.
5.0 Polaroid CSS3 Photo Effect. The HTML and CSS aren’t super-complicated, and everything is explained really well. While CSS3 isn’t supported by every browser, this does appear to degrade gracefully, making it perfectly fine to use as long as you don’t mind some visitors not getting the full effect.
6.0 Awesome CSS3 Buttons. With a little CSS3 magic, you can created a scalable set of sexy buttons with nearly half the CSS it would have taken with hex colors. Give it a go in your next project and see how it can help add that extra polish you want without huge impact on your code.
8.0 Clean & Simple Drop Down Menu. Last but not least a minimal drop down menu which reminds me Apple’s old one.