Want to create a fancy 3D Button using only CSS3

There are usually many tutorials that wanted to show on how to create a 3D button but what came in to my attention was only with the use of CSS3. Most of the 3D button used Photoshop. This tutorial button came in on simonpicos . You can read the whole article and demo here on How to create a Fancy 3D Button with CSS3. They also have some snippets of codes from HTML and CSS3 demo. Check out its interactive DEMO to know further how this button works.This is shared via the Web Design and Web Development Resources site.

A very impressive use of CSS3 as Vertical Nav

I came across on a blog post from Blogfreakz demo of Eric Hoffman demonstrating the use of CSS3 on a vertical navigation. I know that the common navigation on every sites uses the horizontal navigation. The whole article can be read here on Sweet CSS3 Vertical Navigation via Web Design and Web Development Resources. You can also click on the demo image below.

An impressive way on Scolling Image

Chris Viollete is an awesome designer that demonstrated the use of CSS for scrolling images that you could use in your website. You can read the whole article here on Scrolling Image and they also have some HTML script demo that you could follow. You can check out on other great topics their on Web Design and Web Development Resources and have a ton of resources for your web design need.

What I learn today from Disabling/Enabling Comments

I came accross on this today with a great post again coming from Blogfreakz you can click here on Disabling/Enabling Comments To All Or Unregistered Users Only.  They are explaining here on how to disable comments to all or unregistered users. This is possible via Wordpress and it is modifiable via phpMyAdmin. They have their a script that you could use. This is shared a blog post on Web Design and Web Development Resources with lots of awesome info on design and development. 

What I read right now: Creating an Impressive Product gallery showcase using CSS3

I stumble upong this great post coming from Blogfreakz and it is all about on How to Create an Impressive Product showcase using CSS3. It is a great piece of information on how to use CSS3 as a whole to showcase your portfolio.This is basically their main site on Blogfreakz Web Design and Web Development Resources it is a great site with lot's of great info to enhance your awesome design and development skills.

You can click on the image below for the whole demo ...

An awesome way to add Reddit to your Wordpress site

An awesome way to add Reddit to your Wordpress site

In my previous post, Im writing tutorial for adding digg button to wordpress. In this sort tutorial I will writing about how to add reddit button to wordpress. Reddit are similiar with digg, reddit also provide buttton to integrate with website.
Shared via the Blogfreakz Web Design and Web Development

Here's how to add Digg Button to your cool Wordpress

Here's how to add Digg Button to your cool Wordpress

The Digg This button is for website and blog publishers that want to encourage their audience to submit or digg their content on Digg. This is sort tutorial about adding digg button on your WordPress themes.

There is three different ways to implement digg button on website or wordpress.

1. ‘Digg This with Submit Capability
2. Simple “Digg This” with Digg Count (original version)
3. Custom Submission-Only Button

Shared via the Blogfreakz Web Design and Web Development

A cool sponsor list with a cool CSS Sprites and Mootools

Pretty Sponsor list with CSS Sprites and Mootools 1.2

web-kreation, teach's us on how to create pretty sponsor list with CSS sprite and Mootools 1.2. For this tutorial, we are going to create a color version and a grayscale version and merge them into one file.



Shared via the Blogfreakz Web Design and Web Development

A cool tutorial on how to create smoothly organic tabs

A cool tutorial on how to create smoothly organic tabs

Css-tricks teach's us on how to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. This tabs will animates or expand as needed accroding to those heights.

Shared via the Blogfreakz Web Design and Web Development

Heres how to display related post by current author for your Wordpress

Here's a How to Display Related Posts By Current Author for WordPress 3+

It’s always convenient for your blog readers to see posts that are related to the one they’re currently reading, but what if they prefer to reading articles from a particular author? Here’s a plugin that’ll do just that.

Shared via the Blogfreakz Web Design and Web Development

A Java Based UI/UX Framework called Spiffy

A Java Based UI/UX Framework called Spiffy

Spiffy UI is a Java framework, but it doesn’t require Java. You can run it on any web server. We really mean it. If it can serve files then it can host Spiffy UI. Spiffy UI applications are running on all the major Java J2EE servers as well as servers running PHP, Erlang, and node.js.

Shared via the Blogfreakz Web Design and Web Development

Want a Lightweight Flexible framework for your PHP 5.3+ its called Lithium

Featuring Lithium a very Lightweight, Fast, Flexible Framework for PHP 5.3+

Lithium, the most RAD framework for PHP 5.3+ is focused on quality, speed, and flexibility. It’s a set of no-nonsense philosophies and tools that enable you to build better applications, in less time, without sacrificing quality or extensibility.

Shared via the Blog Freakz Web Design and Web Development

An HTML5 Mobile Application Framework called Jo

An HTML5 Mobile Application Framework called Jo

Jo is an open sources JavaScript framework for HTML5 capable browsers and devices. It was originally designed to work on mobile platforms as a GUI and light data layer on top of PhoneGap. Since its creation, Jo has also been tested successfully as a lightweight framework for mobile browsers, newer desktop browsers, and even Dashboard widgets.

Shared via Blog Freakz Web Design and Web Development

The Amazing CSS Menu Effects by Louis Remi

The Amazing CSS Menu Effects created by Louis Remi’s

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!

Shared via Blog Freakz Web Design and Web Development

Gury the HTML5 app

Gury – HTML5 Canvas Utility Library

gury is a JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface. With gury you can create a canvas tag, resize and style it, add renderable objects, animate those objects, and place it anywhere on the page in a single chained expression.
 

Shared via Blog Freakz Web Design and Web Development

 

Using the SpriteMe for Spriting made it easy

SpriteMe, Spriting made easy

SpriteMe is usefull tools to create CSS sprite on the fly. Background images make pages look good, but also make them slower. Each background image is an extra HTTP request.

 

Here's how to use Punypng

How to use punypng for reducing image file size without any loss of quality

punypng is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality. punypng uses several web optimization techniques to reduce the file sizes of your images. It first analyzes the content of your image and figures out the best image format to use.

Shared via Blog Freakz Web Design and Web Development

 

Web Generator based CakePHP called Atlas

Web code generator based CakePHP called Atlas

Atlas is a web code generator based in CakePHP. Atlas is an application that allows you working with several projects. You can configure your cakephp projects. Atlas not need cakephp. it use the last version. If you not have cakephp, you can generate a project with atlas and it will copy all the cakephp code necessary.

Shared via Blog Freakz Web Design and Web Development

 

Featuring Hornil StylePix Image Editor that is free

Featuring a Hornil StylePix it is a free Image Editor

Hornil StylePix, or simply StylePix much like that of GIMP, and it is a free image editor with a number of advanced features. Hornil StylePix has intuitive user interface. It is designed to control the selected functions easy and conveniently.

Shared via Blog Freakz Web Design and Web Development

An awesome and cool Audio Visualizations Using the powerful HTML5

Creating an awesome and cool Audio Visualizations Using the powerful HTML5

As you know, audio visualization is that psychedelic or kaleidoscopic animation you see while listening to your MP3s on media players like Windows Media Player and Winamp. Well, for today’s featured tutorial I’d like to share with you all something from Senior Interactive Developer Nick Jonas. It’s a tutorial that will not only teach you how to create an audio visualization using HTML5 but will also help you familiarize yourself with Google Chrome’s Web Audio API.

Shared via Blog Freakz Web Design and Web Development