Monday, September 3, 2012

One Republic Promotes their New Single ‘Feel Again’

One Republic Promotes their New Single ‘Feel Again’

One Republic released new single Feel Again, which they are promoting for those children who need special care. It can be an example of a good love song which refers to an enchanting relationship.

Lead singer Ryan Tedder wrote the song as support for the Save the Children and the Ad Council’s new Every Beat Matters campaign for those children who are badly in need of utmost lifesaving assistance.

Thursday, May 31, 2012

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.

CSS Navigation Sweet CSS3 Vertical Navigation

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.

Scrolling Ige Scrolling Image Reveal

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 ...

CSS3 Product Showcase How to Create an Impressive Product Showcase with CSS3

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

Wednesday, March 28, 2012

A cool drag and drop featuring Draggables

Draggables – Exchange Data Between Web Sites Using Drag & Drop

Draggables is a javascript library that allows users to exchange data between web sites using drag and drop. Its based on the HTML5 Drag and Drop and File APIs. It allows data to be exchanged between unrelated sites and between the desktop and a browser.

dragable 1 Draggables   Exchange Data Between Web Sites Using Drag & Drop

Shared via Blog Freakz – Web Design and Web Development

What is a LimeJS?

LimeJS – HTML5 Game Framework for Web & iOS

LimeJS is a JavaScript game framwork that allows any developer to create HTML5 based games in no time. Games created with LimeJS framework do not require any browser plug-ins or any additional software installation to run – just a modern web browser is needed.

Shared via Blog Freakz – Web Design and Web Development

 

limejs LimeJS   HTML5 Game Framework for Web & iOS

Gury an insanely cool HTML5 utility library

Gury – HTML5 Canvas Utility Library

gury is a very cool JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface.

guryjs Gury   HTML5 Canvas Utility Library

Shared via Blog Freakz – Web Design and Web Development

Cool websocket client Easy Websocket

Easy WebSocket – WebSocket Client to Broadcast Messages to Webpages

You want to use websockets ? You want to broadcast messages to all connected clients ? You don’t want to worry about browser compatiblity ? You don’t want to set up a server ? Here’s all the code you need.

easywebsocket Easy WebSocket   WebSocket Client to Broadcast Messages to Webpages

EasyWebSocket is simple websockets broadcasting. It is perfect for a quick prototype, getting it going quick. 90% this is all you need if you’re doing websocket something.

Shared via Blog Freakz – Web Design and Web Development

An Open source technology called Magetta

Maqetta – WYSIWYG Editor For Creating HTML5 User Interfaces

Maqetta is an open source technology initiative at Dojo Foundation that provides WYSIWYG visual authoring of HTML5 user interfaces for HTML5 (desktop and mobile). The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.

 

maqetta Maqetta   WYSIWYG Editor For Creating HTML5 User Interfaces

Shared via Blog Freakz – Web Design and Web Development

Tuesday, March 27, 2012

A Cool Demo on jQuery Bubble Slideshow

JQuery Bubble Slideshow

Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3.

You can click the image for a cool demo of it. ...

Bubble slideshow JQuery Bubble Slideshow

 

Shared via Blog Freakz – Web Design and Web Development

Jazzing up your form with jQuery gravity registration

Gravity Registration Form With jQuery

You can create a cool looking and Jazz up your online form by adding some eye-catching effects to it with this unique jQuery tutorial!

Gravity Registration Gravity Registration Form With jQuery

This jQuery code is known as the “Gravity Registration Form” because it shows the next hidden field for the user to fill up by making it drop down below the preceding one.You can click the image above for the full demo.

Shared via Blog Freakz – Web Design and Web Development

Mobile HTML5 Application Framework featuring the M-Project

The M-Project – Mobile HTML5 Application Framework

Featuring the M-Project it is very powerful Cross Platform Mobile HTML5 Application Framework that allow us to create powerful HTML5 mobile web applications (iOS, Android, Palm webOS, BlackBerry).

The M-Project contains concepts of different open source projects including SproutCore (http://www.sproutcore.com/) and persistencejs (https://github.com/zefhemel/persistencejs/).

Shared via Blog Freakz – Web Design and Web Development

the m project The M Project   Mobile HTML5 Application Framework

Here are some Planning for Mobile jQuery UI

Planning for Mobile jQuery UI

jQuery UI is planning to release a mobile UI system for jQuery. And they believe that a shared design language and underlying code across all devices desktop, tablet, smartphone  is going to result in a stronger design system and more maintainable development approach. With their initial design propose  set of mobile widgets and layouts followed by a few samples of specific elements that may be a bit different on a tablet or desktop device.

Shared via Blog Freakz – Web Design and Web Development

 

 

jquery v2 mobile widgets Planning for Mobile jQuery UI

Here's an awesome way on how to create an HTML5 iPhone Application

How to Create HTML5 iPhone Applications

I've been reading through Sixrevision they have writen some tutorial on about to how to create an offline HTML5 iPhone application,  more specifically, with the process of building some Tetris game. “offline”?, so it means that they already have a custom made icon, a custom made startup screen, and a native look-and-feel, and you can use the app even when the phone isn’t connected to the Internet.
HTML5 games How to Create HTML5 iPhone Applications
























Shared via Blog Freakz – Web Design and Web Development

Monday, March 26, 2012

The WooCons Web Icons

WooCons – 170 Free Web Icons

Shared via Blog Freakz – Web Design and Web Development

WooThemes is sharing this cool WooCons, a set of over 170 Free Web Icons that you can use for your graphic design. WooCons, name was aweseomely inspired by gcons.This icons set is available as 32×32 PNG’s. A colorful and a very cute collection of widely used icons, perfectly use for your web applications and web sites.

 

woocons111 WooCons   170 Free Web Icons

High Quality Symbols featuring The Noun Project

The Noun Project – Collection Of High-Quality Symbols


The Noun Project is a very cool and a free collection of highly quality symbols form the world’s visual language. It has a roughly around a hundred of this symbols to use for in the webs.

Shared via Blog Freakz – Web Design and Web Development

non project The Noun Project   Collection Of High Quality Symbols

Simulate Gravity by using the cool jQuery

How to Simulate Gravity with jQuery

Simulate Gravity with jQuery How to Simulate Gravity with jQuery

This is a very nice and cool jQuery effect programmed by Gaya Kessler it simulates some kind of gravity animation. The idea here is that when you hover your mouse above the string that you made it really holds both of the blocks, it will eventually break and the block below will fall really cool huh.

You can try and Click on the image above to see how this cool thing works!

Shared via Blog Freakz – Web Design and Web Development

You can make your code look pretty by using Syntaclet

Syntaclet – Makes Boring Code Look Pretty

As an awesome web programmer it’s like very common to be surfing the interwebs for various other code snippets and other examples. The only problem is that many websites have some poor methods for displaying their sample code and it's making it hard to read. This is where the cool and awesome Syntaclet comes in.

syntaclet Syntaclet   Makes Boring Code Look Pretty

Shared via Blog Freakz – Web Design and Web Development

Get some web design inspiration on Pattern Tap

Pattern Tap -get some web design inspiration

Pattern Tap is awesome and cool and it was born out of the love for the best interface designs on the web today. They really wanted a cool place where they could have come up to easily find the stuff they were looking or searching for.

pattern tap Pattern Tap  get some web design inspiration

url:http://patterntap.com/

Shared via Blog Freakz – Web Design and Web Development

Sunday, March 25, 2012

Free Email and Messaging Server called Xeams

Xeams – Free mail And Messaging Server

Xeams is a secure & powerful mail server for Windows, Linux, Solaris, MacOSX and other flavors or UNIX, which supports SMTP, POP3, and IMAP. It includes a powerful spam/junk filtering engine that elimates up to 99% of junk email right out of the box. The software offers a flexible approach to email, making it a very user friendly server.

xeam mail server 600x192 Xeams   Feee mail And Messaging Server

Shared via Blog Freakz – Web Design and Web Development

Webmail interface called dracMail

dracMail – Webmail Interface Built With PHP, ExtJS, MySQL & IMAP

dracMail is a webmail interface built using PHP, ExtJS (JavaScript framework), MySQL and IMAP. Features include: Rich UI, WYSIWYG editor, HTML mail composing and message caching. The project’s backend API has been developed using a FreeBSD server, but it should be compatible with any system capable of running these.

Shared via Blog Freakz – Web Design and Web Development

dracmail dracMail   Webmail Interface Built With PHP, ExtJS, MySQL & IMAP

Wordpress Permalink on Nginx

How To Set WordPress Permalink (rewrite rules) on Nginx

These rules are already in the .htaccess on apache, but if you want to be cutting edge, and get the best performance out of your WordPress blog, you can redo them in Nginx!

Why would you want to do this anyways? Simple.  In terms of serving static file requests, Nginx will take up lesser memory, use few resources and is just clearly faster.

The permalink rules need to be placed in your nginx site configuration (the vhost file) under your sites name.  You could also put them for all sites if you  really want.

Here is a basic example:

Nginx6 How To Set WordPress Permalink (rewrite rules) on Nginx

Shared via Blog Freakz – Web Design and Web Development

CSS3 Navigation Image Rollover

Create a Cool Navigation Image Rollover with CSS3

Web designer and developer Joren Rapini’s tutorial teaches us how to create a terrific navigation image rollover, which uses very minimal HTML and CSS codes. Click on the image below for the demo:

CSS Rollover Create a Cool Navigation Image Rollover with CSS3

The first thing to do is to create a navigation image menu with Photoshop. Then, we’ll be writing the HTML and CSS.

Shared via Blog Freakz – Web Design and Web Development