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.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.
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.
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.
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.
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 ...
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.
Shared via the Blogfreakz Web Design and Web Development
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
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
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
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
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
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 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
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
A partial screenshot of the button
Shared via Blog Freakz Web Design and Web Development
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:
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.
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.
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
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).
This is Shared via Blog Freakz – Web Design and Web Development
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
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
________________________________________________________
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.
Shared via Blog Freakz – Web Design and Web Development
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
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.
Shared via Blog Freakz – Web Design and Web Development
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 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
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.
Shared via Blog Freakz – Web Design and Web Development
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. ...
Shared via Blog Freakz – Web Design and Web Development
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!
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
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
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
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.
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
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.
Shared via Blog Freakz – Web Design and Web Development
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.
Shared via Blog Freakz – Web Design and Web Development
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.
Shared via Blog Freakz – Web Design and Web Development
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
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:
Shared via Blog Freakz – Web Design and Web Development
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:
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
