Thursday, April 26, 2012

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.

sponsor list demo Pretty Sponsor list with CSS Sprites and Mootools 1.2

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.

organic tabs How to create smoothly organics tabs

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

Tuesday, April 24, 2012

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


spiffy Spiffy UI   Java Based UI/UX framework

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

lithium Lithium   Lightweight, Fast, Flexible Framework for PHP 5.3+

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

jo Jo   HTML5 Mobile Application Framework

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

Louis Remis Louis Remi’s Amazing CSS Menu Effects

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

 

guryjs Gury   HTML5 Canvas Utility Library

Monday, April 23, 2012

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.

 

SpriteMe SpriteMe, Spriting made easy

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

 

punypng punypng, reducing image file size without any loss of quality

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

 

atlas1 600x375 Atlas, web code generator based in CakePHP

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

HornilStylePix1.0.2 600x415 Hornil StylePix   Free Image and Photo Editor

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

HTML5 Audio Visualizations Create Audio Visualizations Using HTML5

Monday, April 16, 2012

Featuring ExpressJC for Web Development Framework for Node

ExpressJS – Web Development Framework for Node

ExpressJs is a small library for building web apps with JavaScript, written with node.js and V8. Express is  an insanely fast (and small) server-side JavaScript web development framework. It has a terse syntax because it’s based on Sinatra.

Shared via Blog Freakz Web Design and Web Development

 

expressjs ExpressJS   Web Development Framework for Node

Creating an E-Store using HTML5 and CSS3

HTML5 & CSS3 E-Store Single-Page Layout

Looking for a design for your online store website? Here’s a very nice layout that’s well-suited for product online selling websites, called the ‘E-Store’.

Shared via Blog Freakz Web Design and Web Development

 

E Store HTML5 & CSS3 E Store Single Page Layout

Creating a succesful dept of field using a CSS3

Create A Depth Of Field Effect Using CSS3

Here’s a very neat CSS trick that really makes good use of the text-shadow attribute. It is created by Sawyer Hollenshead and he simply calls it the “Depth Of Field effect.” The effect is animated with the use of jQuery and as you will see in the demo, it really looks cool.

Shared via Blog Freakz Web Design and Web Development

Depth of Field Create A Depth Of Field Effect Using CSS3

G5 - HTML5, CSS3, PHP & jQuery

G5 – HTML5, CSS3, PHP & jQuery Front End Framework

G5 Framework started as a personal project. In an attempt to speed up workflow, reuse the best coding practices & similar coding techniques, the framework serves as a starter file for new websites. G5 is a framework for building PHP-powered HTML5 websites which makes use of popular resources.

Shared via Blog Freakz Web Design and Web Development


g5 framework G5   HTML5, CSS3, PHP & jQuery Front End Framework

A cool Treesaver Javascript

Treesaver – Creating Magazine-Style Layouts With JavaScript

Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. Designers use standards-compliant HTML and CSS for both content and design, no JavaScript programming is required.

Shared via Blog Freakz Web Design and Web Development

 

treesaver Treesaver   Creating Magazine Style Layouts With JavaScript

Sunday, April 15, 2012

How to emulate your cool smartphones using promptumenu

Emulate Your Smartphone’s Screen with Promptumenu

Web Developer Janis Zarzeckis created this cool jQuery plugin called Promptumenu that lets you create a window or a container wherein you can display your list items in a fashion similar to that of a smartphone’s home screen.

Shared via Blog Freakz Web Design and Web Development

Promptmenu Emulate Your Smartphones Screeen with Promptumenu

How to choose for the right web hosting for WP Blog

Choosing The Right Web Hosting For WordPress Blog

Increasing number of web hosting industry in the world forces us to compare between web hosting providers with each other. Web hosting is one of the major component in running a website (in this case is a wordpress blog) and choose the right web hosting is the first step in the success of a blog.

Shared via Blog Freakz Web Design and Web Development

The Autogrow textarea using jGrow

jGrow – Autogrow Textarea With JQuery

jGrow is a jQuery plug-in that makes the textarea adjust its size according to the length of the text.  jGrow will adjust the size of the textarea according to the length of the string entered. If you like, you can set a maximum height in order to restrict the size of the textarea.

Shared via Blog Freakz Web Design and Web Development

jGrow jGrow   Autogrow Textarea With JQuery

An very cool Openheatmap

OpenHeatMap – Turn Your Spreadsheet Into a Map

OpenHeatMap is a service designed to make it easy for non-specialists to create maps communicating information. It transforms data from a traditional data source such as a spreadsheet into an interactive animated view of a particular area. You can then share that map online, a bit like YouTube for geographic visualizations.

Shared via Blog Freakz Web Design and Web Development

OpenHeatMap OpenHeatMap   Turn Your Spreadsheet Into a Map

Your cool CodeRun Studio and its a free browswer based IDE

CodeRun Studio – A free browser-based IDE

CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy web applications using your browser.

Shared via Blog Freakz Web Design and Web Development

coderun code 600x375 CodeRun Studio   A free browser based IDE

Wednesday, April 11, 2012

A simple way to Load More Posts Button in Wordpress

How To Add A “Load More Posts” Button In WordPress

Today’s featured WordPress tutorial comes from Michael Martin and it’s about replacing the “Older Posts” link on your blog with a button that extends the length of the current web page instead of reloading it; it is similar to how you view older tweets on Twitter.

Load More Posts How To Add A Load More Posts Button In WordPress

A partial screenshot of the button

Shared via Blog Freakz Web Design and Web Development

Here's a Wordpress Plugin for "Reply Me"

‘Reply Me’ WordPress Plugin

Conversations via comments between the website owner and site visitors is a great way to build rapport.

You can download the file HERE.

Shared via Blog Freakz Web Design and Web Development

Installation:

  1. Upload /replyme/ to /wp-content/plugins/ directory.
  2. Activate plugin through WordPress Plugins menu.
  3. Go to Settings > ReplyMe to configure.

The Depositphotos in a snap

Depositphotos: User-Friendly Royalty-Free Images In A Snap!

Sometimes it can be difficult to find free stock photos and images online that can be freely used to complement one’s articles. But thanks to microstock photography sites like DepositPhotos.com, website owners and bloggers like me have a place to go for much-needed royalty-free images.

Despositphotos’s search feature is great. It gives you a list of suggested searches as you type in the first letters, and it also shows you how many images are available for each suggested search item. And as you can see, due to the number of images it contains, it may take you a while to look through them and choose.

DepositPhotos Depositphotos: User Friendly Royalty Free Images In A Snap!

Sunday, April 1, 2012

A really awesome JQuery GPS

jQuery GPS

 

jQuery GPS jQuery GPS  

 

Click above to view the plugin’s full documentation.

Give exact locations right in your website! Check out this fantastic jQuery plugin designed by graphic designer Aron Brown. The jQuery GPS is perfect if you want to include Google Maps into your website yet don’t want to be bothered with other unnecessary features.

The Phone Gap tool for mobile apps

PhoneGap – development tool for building mobile apps with JavaScript

PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript. If you’re a web developer who wants to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android, Palm, Symbian and Blackberry SDKs, PhoneGap is for you.

This is Shared via Blog Freakz – Web Design and Web Development

 

phonegap blackberry osx 505x600 PhoneGap   development tool for building mobile apps with JavaScript

Mobilizing your wordpress via wapple architect mobile

Mobilize your wordpress using Wapple Architect Mobile and WordPress Mobile Admin

Wapple Architect Mobile and WordPress Mobile Admin wordpress plugin allow you to fully mobilize your wordpress blog both the frontend  (hompage)  and teh backend  (wordpress admin page).

 

Wapple Architect Mobile Plugin for WordPress

waple architech Mobilize your wordpress using Wapple Architect Mobile and WordPress Mobile Admin

This is Shared via Blog Freakz – Web Design and Web Development

Want a free PSD iPhone4 GUI here it is

Free iPhone 4 GUI PSD

For anyone designing for the retina display (640×960) it really is quite a different experience. When you work at 100% everything seems absolutely huge but small details get lost when viewing it on the device. You really need to be mindful of how it looks on the phone since your monitor displays things so differently.

This is Shared via Blog Freakz – Web Design and Web Development

iPhone 4 GUI PSD Retina Display Free iPhone 4 GUI PSD

Here's an awesomely Free User Interface Design Framework for your website

Free User Interface Design Framework

Previously blogfreakz was sharing  290 Free Vector icons for Wireframe and Application Design by weblays. Lately, weblays updating these resources with 2 great addition. The new resources are GUI Libary (Hundreds vector elements for interface design) and Style Lybrary which has 200 styles.

This is Shared via Blog Freakz – Web Design and Web Development

________________________________________________________

 

graphical user interface design 600x322 Free User Interface Design Framework