The Little Geeni

www.tom-rogers.com – In this video, I give you a simple introduction to the jquery javascript library and why it’s so awesome.

Jquery Basics, Design, Jquery, Tutorial

jquery For Absolute Beginners Part 2 – response modified code for 1.3.2

Jquery 1.3.2, Absolute, Beginners, Code, Jquery, modified, Part, response

WordPress is an open-source blog engine released under the GNU general public license. It allows users to easily create dynamic blogs with great content and many outstanding features. It is an ideal tool for developing blogs and though it is chiefly used for blogging, it can also be used as a complete CMS with very little effort. Its versatility and ease of use has attracted a large, enthusiastic, and helpful community of users.

This book walks through clear, step-by-step instructions to build a custom theme for the WordPress open-source blog engine. The author provides design tips and suggestions and covers setting up the WordPress sandbox, and reviews the best practices from setting up the theme’s template structure, through coding markup, testing, and debugging, to taking it live. The last three chapters cover additional tips, tricks, and various cookbook recipes for adding popular site enhancements to WordPress theme designs using 3rd-party plugins as well as creating API hooks to add custom plugins.

Whether users are working with a pre-existing theme or creating a new one from the ground up, WordPress Theme Design will give them the know-how to effectively understand how themes work within the WordPress blog system enabling them to have full control over their site’s design and branding. Users only need to be comfortable with the basics of web development and this book will take care of the rest.

What you will learn from this book

Set up a basic workflow and development environment for WordPress theme design
Create detailed designs and code them up
Enhance your sites by choosing the right color schemes and graphics
Debug and validate your theme using W3C’s XHTML and CSS validation tools
Customize and tweak your theme’s layout
Set up dynamic drop-down menus, AJAX/dynamic and interactive forms
Download and install useful plug-ins and widgetize your theme
Improve post and page content using jQuery and ThickBox
Add interactivity to your themes using Flash
Includes a reference guide to WordPress 2.0′s template hierarchy, markup, styles and template tags, as well as include and loop functions

Chapter 1 introduces you to the WordPress blog system and lets you know what you need to be aware of regarding the WordPress theme project you’re ready to embark on. The chapter also covers the development tools that are recommended and web skills that you’ll need to begin developing a WordPress theme.

Chapter 2 looks at the essential elements you need to consider when planning your WordPress theme design. It discusses the best tools and processes for making your theme design a reality. The author explains her own ‘Rapid Design Comping’ technique and gives some tips and tricks for developing color schemes and graphic styles for your WordPress theme. By the end of the chapter, you’ll have a working XHTML and CSS based ‘comp’ or mockup of your theme design, ready to be coded up and assembled into a fully functional WordPress theme.

Chapter 3 uses the final XHTML and CSS mockup from Chapter 2 and shows you how to add WordPress PHP template tag code to it and break it down into the template pages a theme requires. Along the way, this chapter covers the essentials of what makes a WordPress theme work. At the end of the chapter, you’ll have a basic, working WordPress theme.

Chapter 4 discusses the basic techniques of debugging and validation that you should employ throughout your theme’s development. It covers the W3C’s XHTML and CSS validation services and how to use the FireFox browser and some of its extensions as a development tool, not just another browser. This chapter also covers troubleshooting some of the most common reasons ‘good code goes bad’, especially in IE, and best practices for fixing those problems, giving you a great-looking theme across all browsers and platforms.

Chapter 5 discuss how to properly set up your WordPress theme’s CSS style sheet so that it loads into WordPress installations correctly. It also discuss compressing your theme files into the ZIP file format and running some test installations of your theme package in WordPress’s administration panel so you can share your WordPress theme with the world.

Chapter 6 covers key information under easy-to-look-up headers that will help you with your WordPress theme development, from the two CSS class styles that WordPress itself outputs, to WordPress’s PHP template tag code, to a breakdown of “The Loop” along with WordPress functions and features you can take advantage of in your theme development. Information in this chapter is listed along with key links to bookmark to make your theme development as easy as possible.

Chapter 7 dives into taking your working, debugged, validated, and properly packaged WordPress theme from the earlier chapters, and enhancing it with dynamic menus using the SuckerFish CSS-based method and Adobe Flash media.

Chapter 8 continues showing you how to enhance your WordPress theme by looking at the most popular methods for leveraging AJAX techniques in WordPress using plugins and widgets. It also gives you a complete background on AJAX and when it’s best to use those techniques or skip them. The chapter also reviews some cool JavaScript toolkits, libraries, and scripts you can use to simply make your WordPress theme appear ‘Ajaxy’.

Chapter 9 reviews the main tips from the previous chapters and covers some key tips for easily implementing today’s coolest CSS tricks into your theme as well as a few final SEO tips that you’ll probably run into once you really start putting content into your WordPress site.

For more details on the book please visit http://www.packtpub.com/wordpress-theme-design/book.

Jquery book, Create, Professional, themes, Wordpress

You hear the word Ajax a lot these days, particularly in technology, so; what are people talking about? A Greek hero from the Odyssey – sure. A bathroom cleanser that gets your sink sparkly – indeed. But today, more often then not, Ajax refers to a specific type of web programming that has taken the internet by storm.

The term Ajax was coined as shorthand for – Asynchronous JavaScript and XML by a man named Jesse James Garrett who founded a technical consultancy called Adaptive Path. He would want me to make it clear that Ajax is not an acronym (so it isn’t spelled AJAX).

What Mr. Garrett described back in 2005 was a stack of technologies (not a single technology) being used at the time by very cutting-edge web sites. This stack of technologies allowed web sites to be turned from a set of static documents connected by hypertext links into something that approximated a true application. This was the intellectual birth (or coming out party anyway) of the Rich Internet Application (RIA).

At the heart of Ajax is a software object built into all browsers called the XMLHttpRequest object. This mouthful is frequently shortened to XHR for those that want to talk about it in fewer syllables. This software object allows JavaScript code, executed in the browser, to go out and request data from a server without reloading a page.

This technology was not new in 2005, but Mr. Garrett put a catchy name to it, and people noticed. Around the same time, a number of web applications such as Gmail emerged and people wondered, “how the heck did they do that?”

Think of a typical web page as one where you have to click a link or submit a form then wait for a new page to be returned to see your result. It’s slow and doesn’t really act the way we expect software to act. Now look at web applications like Flickr, Gmail, or Youtube. You can click in a box and enter some data, and your updates happen without you leaving the page. The magic that’s happening in the background is Ajax (or and XRH call).

With Ajax, the idea is that you get a richer, faster user experience. Properly implemented, a web page can become a rich internet application (RIA). Most extremely popular web sites use Ajax to some degree. Amazon’s rating system, where you click on the number of stars you give a book or CD is one example.

Even though Ajax and XMLHttpRequest both refernce XML, the data that is used does not necessarily have to be formatted as XML. In fact, more and more other data formats, such as JavaScript Object Notation (JSON), are being used. One restriction on XHR is called the single origin policy. This is a security policy, enforced by the browsers, that only allows JavaScript to request data from the server that originally served up a page. There is a technique using JSON that get around this restriction.

Since 2005 a number of toolkits have emerged that have allowed web developers to more easily implement Ajax in their applications. Some of these are Dojo, Prototype, jQuery, GWT, YUI… and many many others.

As a technology stack, Ajax is now quite mature and being used almost everywhere on the web. Ultimately, the most important thing to remember is to create the best posisble user experience.

Jquery About, Ajax, Know, Need

OK, so this is the deal. Anyone who has ever ventured into the world of web design, whether a newbie, or a veteran, know just how difficult and tedious web design can be. And probably like so many others out there, I myself, struggling with programs such a NVU, Frontpage and so many others like them, began to dread web design. Well, I have some uplifting news for you my friend; there is light at the end of the tunnel, and it is called Adobe Dreamweaver CS4. This article is a Dreamweaver review, fore visit to:-www.thedesignbuild.com and will hopefully shed some light on the infamous web design world.
Adobe DreamweaverCS4 software is the one and only tool for web designers, application developers and visual designers of all levels. It is by far one of the industry’s top leading web authoring tools on the market today. The new and improved layout tools bring you elite speed and ability to get the job done fast, all the way from your very first ideas to actually putting it in the clients hands. Enhanced coding functions make it a breeze to navigate through complex site pages at design time. Adobe DreamweaverCS4 is jammed packed with tons of new and exciting features that will make your web designing experience with Dreamweaver like no other.
Listed below are some of the new features that Dreamweaver CS4 offers:
1. Live View – Design your web pages under real-world browser conditions with the new Live View in Adobe Dreamweaver CS4 – while still retaining direct access to the code. Changes to the code are instantly reflected in the rendered display.
2. Adobe InContext Editing (Free preview) – Design your pages in Dreamweaver so end users can edit their web pages without help from you or additional software using the Adobe InContext Editing online service. As a Dreamweaver designer, you can limit changes to specific pages, distinct regions, more visit to:-www.my-early-days-on-the-net.com and even custom formatting options.
3. Adobe Photoshop Smart Objects – Insert any Adobe Photoshop PSD document in Dreamweaver to create an image Smart Object tightly linked to the source file. Make changes to the source image, and update your image in Dreamweaver without opening Photoshop.
4. New user interface – Work faster and smarter across Adobe Creative Suite 4 components with a shared user interface design. Toggle quickly from one work environment to the next with the workspace switcher.
5. HTML data sets – Integrate the power of dynamic data into your web pages without the learning curve of mastering databases or XML coding. Spry Data Sets recognize content in a simple HTML table as an interactive data source.
6. Code hinting for Ajax and JavaScript frameworks – Write JavaScript more efficiently with improved support for JavaScript core objects and primitive data types. Put the extended coding functionality of Dreamweaver CS4 to work by incorporating popular JavaScript frameworks, including jQuery, Prototype, and Spry.
7. Related Files and Code Navigator – Click any included file shown in the Related Files bar to see both its source in Code view and the parent page in Design view. The new Code Navigator feature shows you the CSS source code that affects your current selection and allows you to access it quickly.
8. CSS best practices – Implement CSS best practices without writing code. Create new CSS rules in the Properties panel, and get clear, simple explanations of where each property fits in the cascade of styles.
These are just a few of the top new features of the Adobe Dreamweaver CS4 package. I hope that this Dreamweaver review was helpful to you and that you are excited to know that there is an easier, faster way of designing websites. Whether it be a freelance job, corporate job, or just your own personal website design; Adobe Dreamweaver CS4 will work for you. Trust me on this one, you definitely will not be disappointed.

Jquery Design, Dream, Infamous, Light, Review., Some, Weaver, World

This is the basics of creating a plugin with jquery. The plugin adds text to a search box, and and erases it when clicked on.

Jquery Jquery, Plugin, Replace, Text

Three quick tips in this video 1) jquery’s ajax – how to alert the user that ajax has started, and when it finishes 2) Turn javascript objects in jquery objects very easily 3) mysql words and phrases to stay away from, using the tick marks for safetey

Jquery Ajax, Jquery, Mysql, quick, Tips

When you’re coding or designing a complete website you use similar codes over and over again. Writing those can take time, and time is precious! the solution in to use the best webdesign tools available.

Let’s say you need to add a few drop-down menus for your site. The menus are not the same and you need to write the code for every one of them, or you can use a webmaster tool that can help you build a custom drop-down menu just by clicking a few buttons. By using a tool like that you’re able complete your website in less time and start other project.

There are lots of tools that can make your work easy. A powerful tool is Dreamweaver but this software solution cost money and most of the time we don’t want to spend extra money. So, we prefer free solutions and the best free solution may be code and script generators. A simple search on google shows you that there are lots of websites that provide you with html generators, javascript code generators or php code generators. Simple bookmark those pages and use them every time you need, saving time.

A script that required 1 hour of hard work can be completed in just a few minutes. More than that, you can find scripts that make your website look fresh and your user will be impressed by the design and the functionality of your web application. If you use jQuery and Javascript generators in the right way, your site will interact with the users and there’s a high probability that they’ll visit you later.

In script generator pages you may find drop-down menu generators, html redirect code generators, set home page generators or even banner and thumbnail generators. You’ll feel the difference and you’ll save time!

Jquery Designers, Developers, Free, Tools

Free is affordable and many people have turned to play online games on free flash portal websites. While the stocks started to crash in October 2008, casual games industry was doing more benefits. Most of the online advertising services have seen their incomes slide dramatically but not the online gaming sites. The online gaming flash portals saw display advertising views spike to more than 29% according to Comscore who did the report earlier in 2009.

The term casual games apply for break-time online games to play or mini games downloadable from flash portal games. With Americans tightening their belt, this industry is reaching everyone as opposed to video game consoles. Casual games companies have more ways to make revenues, such as billing players for downloads or tournament plays or licensing their games to third parties or offering premium accounts in which you have to pay a small amount. It’s far away better and cheaper for gamers than go to the restaurant or watch a movie. People may be seeing it as an alternative to other more expensive forms of entertainment. This business model fits perfectly with the economic context. Another point that could turn to the advantage of such companies is that people who are out of work have more spare times to play online games. But what makes browser based games so popular? The price, the quality, the mobility, the accessibility and the variety are strong factors in which people can play online games freely.

People tends to think that browser based games have poor graphics and content but this is not the case at all. Despite the fact that directx and 3d accelerator engines are not supported, the flash technology offers an alternative to display excellent graphics. Javascript Frameworks like Yui, Dojo or JQuery allow the developers to gain more control over graphic components such as Ajax and drag ‘n drop. Especially, the majority of North America and European traffic has at least a 1 MB DSL connection which is so far enough to play online games. All these factors allow web browser games to compete largely with the desktop games.

Casual games to play online have many benefits unlike desktop games. People use to see ads on websites and they also tend to spend more times online playing free games. Why? Because sites have many more services to offer such as chat, forums and fast support by the community that lives by itself. Finally, more times consumed on sites also mean more revenue.

New technologies like mobile gaming are positioned to overtake PCs and video console gaming. The price is really sensitive especially in the economic context and casual games will probably grow faster than any other gaming market. Definitively, people of all ages will continue to play online games and this is the main reason why the free casual games industry is here to stay amongst the big brothers.

Jquery Free, Games, Market, Online, survive

Under Perens’ definition, open source describes a broad general type of software license that makes source code available to the general public with relaxed or non-existent copyright restrictions. The principles, as stated, say absolutely nothing about trademark or patent use and require absolutely no cooperation to ensure that any common audit or release regime applies to any derived works. It is an explicit “feature” of open source that it may put no restrictions on the use or distribution by any organization or user. It forbids this, in principle, to guarantee continued access to derived works even by the major original contributors. (Wikipedia, 2009)

By this definition and in so many words, open-source means free. By eliminating the costs associated with licenses, this only leaves the costs of development. If you have a skilled and honest developer, he/she will be able to fill you in on the open-source tools that they use regularly.

Always mention to your developer that you’d like to know if there are any open-source tools available to help achieve your goals. This will give you the advantage of lower costs and could save a lot of time. If your developer isn’t willing to offer open-source solutions or doesn’t know how to use any of them, steer clear! Having an arsenal of open-source tools readily available ensures that the developer is diverse in knowledge and is really trying to give the client the best bang for their buck. Here are a few examples of open-source solutions that could save you time and money:

Open Lazlo is a great new way to create Flash-like animations on a budget. It is an open-source software that developers can download and use. Open Lazlo facilitates such projects as animations, custom video/media players, games, image galleries, etc.

Example:

www.brabendercox.com- This site features an interactive, customized media player as the header on the home page. Incorporating Open Lazlo saved the programmer a lot of time and Brabender Cox a lot of money, and achieved exactly the same result as if the more expensive and time consuming option (Flash) had been used.

Drupal is an open-source content management system. Content management systems are set up to help non-technical people manage the text and images of their Web sites. There are proprietary solutions for content management as well, like NuContent, however some people find open-source CMS solutions more suitable due to the flexibility of design modules that enable Web site owners to have different features. One reason that Drupal could be a good solution for your Web site is that no programming is required, meaning that a good Web developer can integrate this software with little or no programming knowledge, thereby keeping the cost lower. One disadvantage of using a software like Drupal is that there isn’t as much control over the design elements of the site versus a more custom, proprietary solution like NuContent. A good Web design firm should be able to steer you in the right direction, based on your individual needs and budget.

Blender is a free open-source 3D content creation software. Blender.org has a large community of developers all over the globe that constantly update and add how-to’s to the site. Many use Blender for 3D character animation and video production. Finding a reputable Web design firm that is familiar with Blender could save you time and money by creating animations, characters, and other interactive projects on a significantly lower budget.

J-Query is a Javascript library that helps developers save time by being able to create items like event systems, image galleries, animations, and many other interactive features for Web sites. A community of developers is constantly adding to the plethora of applications that jQuery can do. Another great advantage of open-source is that everyone contributes to the development, which generally results in high quality, effective software.

PHPList is an open-source newsletter list manager. Unlike some of its more expensive counterparts, PHPList is available to download on the Web for free and is easy to integrate into any Web site. With tracking and the ability to send attachments this is a highly valuable free solution.

If you are interested in any of these open source applications, ask your Web developer to fill you in. If they are not sure about them, each solution has its own site and articles on the Web. You might also be giving your developer a tip! The more you know about the open-source technologies that are out there, the more savvy Web site shopper you will become.

If you know that there are ways to save money, it doesn’t hurt to mention them to any of the prospective Web design/programming companies you are interviewing for Web site work. If the firm you are considering tries to discourage you from using open-source, there is a good possibility you will end up paying a premium for your site. Look elsewhere. In this economy you should find a Web design and programming firm that will work with you to achieve your goals in the most cost-effective way while still providing a high quality end result.

Find a Web design/programming company whose developers have a constant thirst for knowledge – developers that are always riding the latest techno-wave. If you find a Web design firm like this you will find progammers/developers that are passionate about their work and are not just doing it for the money. If you find that you will rarely be disappointed and you will rarely overpay.

NuRelm offers FREE WEB ASSESSMENTS to all businesses with underperforming Web sites.

Jquery Free, Saves, Software, Time/Money