Pro JavaScript™ Techniques. Pro JavaScript Techniques is the ultimate JavaScript book for the modern web developer. It provides everything you need to know about modern JavaScript, and shows what JavaScript can do for your web sites. This book doesn't waste any time looking at things you already know, like basic syntax and structures. Expert web developer and author John Resig concentrates on fundamental, vital topics—what modern JavaScripting is (and isnt), the current state of browser support, and pitfalls to be wary of.
The book is organized into four sections: Modern JavaScript development using JavaScript the object-oriented way, creating reusable code, plus testing and debuggingDOM scripting updating content and styles, plus events, and effect and event librariesHow Ajax works, overcoming problems, and using libraries to speed up development of Ajax applicationsThe future of JavaScript looking at cutting edge topics like JSON, HTML5, and more. Practical Web 2.0 Applications with PHP. Want to assert yourself as a cutting-edge PHP web developer? Take a practical approach, learning by example from author Quentin Zervaas, and discover how to bring together the many technologies needed to create a successful, modern web application.
In Practical Web 2.0 Applications with PHP, PHP, MySQL, CSS, XHTML, and JavaScript/Ajax development techniques are brought together to show you how to create the hottest PHP web applications, from planning and design up to final implementation, without going over unnecessary basics that will hold you back. This book includes must-have application features such as search functionality, maps, blogs, dynamic image galleries, and personalized user areas. The Zend Framework is used extensively to build the application, allowing you to focus on developing the application rather than on reinventing the wheel. Ajax and XML: Ajax for lightboxes. It's possibly an urban legend, but I was told many years ago of a user interaction experiment in which USD100 (100 U.S. dollars) was taped beneath someone's seat while that person was using a desktop application on a computer. In the status bar of the application, it said, "There is $100 taped underneath your seat.
" The money was never found or claimed by any of the participants, which tells you just how poorly the status bar communicates information and how hard it is to get people's attention nowadays. This article shows several techniques that use a combination of PHP, Dynamic HTML (DHTML), and Asynchronous JavaScript™ + XML (Ajax) to throw content right into users' lines of sight so that it really grabs their attention. Tooltips Setting the status bar in the browser is easy, but doing something useful—like popping up a tooltip—is a bit more difficult. Listing 1. index.html Listing 2 shows the code for the content of the tooltip. Listing 2. text.php Figure 1. Figure 2. Back to top Windows. MoSCoW Prioritisation method. Home > Requirements > MoSCoW Prioritisation To be successful projects need to be properly prioritised for both the requirements and the main project objectives.
One mechanism is to use a number system, but this is flawed as it results in all elements being number one. A more useful method is to use a set of words that have meaning such as the MoSCoW method. However to be effective prioritisation requires hard choices to be made. Prioritisation of Requirements An important factor for the success of any project is ensuring that the requirements, are prioritised. In many cases this is not done leading to sure project failure. However prioritising is not an easy process, and even less so when done using a number system. Even more damaging with number systems is that features that will not be developed this time are left off the list, and are ultimately lost. So effective prioritisation is important but how can it be done if number systems are not effective? MoSCoW Conclusion Custom Search.
IDE. SDM. E-commerce. Silk Flowers. Testing. Silk Georgia Rose Cream/Pink. 10 Stylish jQuery caption plugins. A caption is defined as the text block that appears below an image. The image caption is usually used to give more details about an image/photo. With the use of jQuery we can make a text overlay effect that occurs when you mouse over an image, thus saving space at the same time in our website. There are ten stylish jQuery caption plugins listed bellow, which you can freely use in your future work. Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover.
Here is a new plugin for creating nice sliding captions for images. Drop captions takes an image’s title attribute and converts it into a caption that appears only when the mouse is moved over the image. Learn how to make a nice semi-transparent image caption using jQuery in this tutorial. Learn how to make a sliding image caption using with a very simple jQuery snippet. The image caption has been implemented in WordPress for now. Labs - GreyBox. A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! It's super easy to setup It's super easy to use You can easily alter the style as it is controlled through CSS Examples One website To trigger GreyBox you'll only need to append a rel tag on your a tags: <a href=" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a> Website gallery Image gallery It takes very little code to display image galleries: Installation Step 1 Append following to your header section.
<script type="text/javascript"> var GB_ROOT_DIR = " GB_ROOT_DIR should be absolute. Step 2 Append also following scripts and one stylesheet: AJS_fx.js is optional. Step 3 You are ready to use GreyBox. Where could it be used? What browsers are supported? Safari Firefox 1.5+ Internet Explorer 5.5+ Opera 8.5+ Futurebox, lightbox without the javascript and target pseudo-class | The CSS Ninja - All things CSS, Javascript & xhtml. So I recently released a revised version of Futurebox which added a lot of functionality. But one thing was nagging me, the fact that it utilised the target pseudo-class to hijack in page anchors which has a few side effects that can create some major drawbacks to the technique.
One being that if you click multiple futurebox links and then click the browser back button it will go through all the previous overlays that were activated due to the natural behaviour of in page anchors. The other drawback, clicking an in page anchor can cause the page to abruptly jump as it tries to bring the anchor location to the top of the page.
But you’re thinking I’m mad, there can’t possibly be any other way to trigger a pure CSS overlay. Radio buttons?! Yep this technique uses radio inputs along with the checked CSS3 pseudo-class, which I described in my custom checkbox/radio inputs article, to show/hide the futurebox modals. The mark-up differs from the original futurebox. Not just for images Mix it up. 10 jQuery Custom Scrollbar Plugins. 15 Excellent thumbnail gallery effects. 30 Nov Used to showcase work or for products, nowdays the photo galleries are an important part of a website. These excellent plugins that are listed bellow, can help you create high quality, professional thumbnail galleries. A solution which relies on css sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented.
It is not recommended for large scale projects and probably best for displaying portfolio pieces. This effect is just a demo of the possibilities. To get this effect (image splitting in middle), two instances of the same image were used. The hover zoom effect basically reverse zooms an image while fading in a label on top of it when the mouse hovers over it. The imageZoom jQuery plug-in makes it easy to show off your images in an easy and attractive manner. Learn how to build thumbnail gallery with zooming effect and fadein and fadeout caption. Learn how to use JQuery animations to slide captions and images in and out of view. Related Posts: 7 ‘Scroll to Top’ jQuery Solutions. Typography and minimalism: let’s design a simple and nice layout. One of the most common perplexities that I’ve heard saying regarding the typographic style is: yes, it’s fine, cute, creative… but it’s not a style suitable for a company site, corporate, no indeed.
It’s certainly a particular style, eclectic if you like, but it can easily be adapted also for a company site, obviously with some small adjustments and without “daring” with fonts too particular and scenic. If we were to create a showcase site reproducing the features of this style, we should play with the typography to attract the attention on certain points in the layout, reduce at minimum- a bit like in the minimal style- the graphic elements and make the effect more appealing with the use of textual elements. Bold titles, provocative colors, daring texts… a game of letters and spaces for a simple, minimal graphic and at the same time of impact.
Yes, but how? Ready? Set the document As always, we begin by creating the new document in Adobe Photoshop. We also add a small tagline: The Author. Contact-Pop: Contact Form Overlays with a Simple jQuery Plugin. Note: This website does not use Contact-Pop, please don’t test its contact form, Contact-Pop Demo Contact-Pop is a jQuery plugin that makes contact forms with grayed out overlays incredibly easy.
The basic script grabs any links that point to your contact page and flags them for the Contact-Pop popup. When these links are clicked, Contact-Pop grays out the page and pulls in the contact form using AJAX. That means that with just a few lines of code, you can convert your site to use Contact-Pop’s form and overlay rather than your current contact page. While there are a lot of options for producing grayed out overlays in jQuery, Contact-Pop provides a more robust and specialized solution for in-page contact forms.
Additionally, Contact-Pop has the benefit of being totally unobtrusive. Finally, although Contact-Pop leverages a PHP file, this is just to make it easy to plug into your website. Contact-Pop Demo Download Contact-Pop jQuery Plugin How to use the Contact-Pop Plugin.
Existing sytems. Collages Wallpapers and Backgrounds - Page 3. Creating a FavIcon the Easy Way. I recently decided to update the FavIcon for this site (the little icon in the address bar). The old one was something I’d hacked together myself in visual studio, and just didn’t seem friendly enough for me. There’s a number of online generators that create the icons for you from a picture, and they really seem to do a great job while keeping everything extremely easy. These are two that I’ve personally used on more than one site: FavIcon from Pics First find a picture that is similar to what you’d like the icon to look like: Just choose the file and then click the Generate button, and you’ll see the new icon exactly as it will look in the address bar.
I used the icon but ended up cleaning it up a bit in an image editing application. Dynamic Drive – FavIcon Generator Just choose the picture, click the Create Icon button, and see the preview. The only problem you might notice is that usually your icons will end up with a color background even though you might prefer they have transparency.
Cognition. Ethical and Legal. Other. Ajax. Useability.