Today’s featured plugin comes from the guys over at monkeecreate and it is called SimpleWeather, a jQuery plugin that creates a widget that displays the current weather in the specified locale. The data it displays is pulled from the public Yahoo! Weather feed via the YQL API, which means that it can only recognize US [...]
CSS plays an important role in today’s web development so here’s a video tutorial by Ashton Sanders that can be very helpful in your quest for making a good web site. Click on the image to launch the tutorial. Incoming search terms for the article: css tutorial syntax website templatecommentluv
Today’s featured CSS tutorial comes from Sergio Camalich who created a very cool set of button designs with the use of CSS pseudo-elements. His tutorial shows you how to create buttons with a twist. It will only involve using just one anchor tag for each button to work (with the help of CSS), because you’ll [...]
In creating animated transitions, Javascript has always been implemented but German web designer Heiko Stiegert has made it using only CSS. You can do this by using CSS3 pseudo-class :target and negation pseudo-class :not () properties together with CSS3 Transition Module. Get the DEMO here. Check out his tutorial on building an accordion image gallery [...]
Here’s a pretty neat jQuery plugin created by Indamix that you can use on your website! It’s called Real Shadow, and what it does is it gives an element a shadow that changes its attributes depending on the location of the mouse cursor. The plugin works by manipulating the value of the CSS property box-shadow. [...]
Web developer Mary Lou shows an easy-to-follow tutorial on how you can make a cool elastic image slideshow with thumbnail preview. The slideshow automatically adjusts and you can navigate the slides by using thumbnail preview. Click on the image to view her tutorial. Check out the DEMO and DOWNLOAD as well. Incoming search terms for [...]
?? Web developer David Walsh has a great tutorial to share with us, which is making a multiple background with CSS. This feature is a very useful tool in preventing the need for nested elements. Click on the image to see his tutorial. Here’s the DEMO, and the CSS code: #multipleBGs { background: url(photo1.png), url(photo2.png), [...]
Kendra Schaefer and Ken Breeden’s great tutorial shows you how to create a pretty-looking bar graph/chart that’s not only animated but three-dimensional as well! The difficulty rating of the tutorial is rated at Intermediate level since it requires some understanding of jQuery, HTML, and CSS but it is nonetheless very easy to follow. Click on [...]
There’s this simple yet brilliantly designed menu created by one Louis Remi that caught my eye while I was looking for some design inspirations to feature here on Blogfreakz and well, seeing his amazing work sure compelled me to share it with you! I admit that at first glance I didn’t notice anything special about [...]
When you make a numbered list in HTML with the ordered list (<ol>) tag, sometimes you’d like to style the numbers as well. Thanks to Chris Coyier‘s tutorial, this is possible. For example you want to number the Q-and-A pairs in an FAQ list and then add styles to those numbers at the same time, [...]
0
1398
394
