Mark Blair's Library tagged tutorial →  View Popular

"Tooltips are a great way to pour life in your simple html content. They are easy to do with little jquery and css. You page gets attractive and users like techy stuff on websites.
Here are some of the tutorials gathered from different sites. "

www.designzzz.com/jquery-css-tooltip-tutorials - Preview

jquery tutorial

"This tutorial will guide you through the process of designing a professional website with a funky colorful flair. The tutorial features some great colors, effects and layer styles in which you can use over and over for future projects. Let's get started!"

psd.tutsplus.com/...-a-unique-colorful-site-layout - Preview

photoshop webdesign tutorial

"The free MediaWiki software is best known for powering Wikipedia, but you don't have to be writing an encyclopedia to put it to good use. Extend, skin, and customize MediaWiki to create any kind of easy-to-update, collaborative web site."

lifehacker.com/...ltimate-collaborative-web-site - Preview

wiki collaboration tutorial

"Many of our readers have requested that we provide a detailed write up of how to integrate a Wordpress blog into any existing website. We are going to show you step by step how to get a working Wordpress installation seamlessly integrated into your current website. It doesn’t matter if you are using Joomla, Drupal, or straight HTML, this write up will work for your website too!

Okay lets start by talking about some preparations you need to make. We need to make sure that you have installed Wordpress on your host. For the purposes of this tutorial we will install Wordpress under the /blog directory. So we are clear your Wordpress installation should be found at www.yourwebsite.com/blog. This should be a standard Wordpress install, nothing special is required from the installation standpoint."

www.burnseo.com/...into-existing-website-tutorial - Preview

wordpress tutorial

wiki.mozilla.org/...Latest_Ubiquity_User_Tutorial - Preview

ubiquity tutorial

"It makes sense to forgo database tables and server-side code when you need to store a limited amount of non-sensitive data. Accessing this data can be a snap with jQuery because the library was built to traverse XML documents with ease. With some custom JavaScript and jQuery magic you can create some interesting widgets. A good way to demonstrate this functionality is by building a browsable Amazon.com books widget. "

net.tutsplus.com/...oks-widget-with-jquery-and-xml - Preview

jquery tutorial webdesign

"Learn how to create the well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface as well."

www.queness.com/...iful-jquery-accordion-tutorial - Preview

jquery tutorial webdesign

"My last few entries have all dealt with the Aptana program and how you can use to create Adobe AIR applications based on HTML. Being that I'm a jQuery fan boy, my examples have all made use of that framework as well. We've discussed how to setup and create your project in Aptana as well as how to create a distributable AIR file and badge for your installation. Now it's time to look into how we can really extend jQuery to make use of Adobe AIR.

To begin this process, I'm going to use as my base a simple jQuery application: Hangman. For folks who may not be from this planet and know what Hangman is - it's a game with a simple premise. You are given a word where all the letters are represented by dashes. You guess one latter at a time. As you guess, if your guess matches one of the letters in the word, the dashes are replaced. If you guess wrong, however, a picture of a hangman gradually gets drawn out. If the hangman picture completes, you've lost the game.

So with that in mind I whipped up a quick demo. This does not make use of any AIR features at all. I wanted to get the game built first and then gradually start to improve it. The game could also be written a bit better. I'm beginning to get a bit more experienced with JavaScript, and jQuery in particular, and while I don't think I write great code, I feel like I'm beginning to recognize where things can be better. My game's JavaScript code really should move into a package by itself (and maybe later on I'll do that) but for now it works good enough. "

www.insideria.com/...y-and-air---moving-from-w.html - Preview

jquery air tutorial

I recently got a question from someone that asked if it was possible to modify the WYSIWYG element form to limit the options available to contributors when adding tables. Specifically, they wanted the ability to take away cellpadding, cellspacing, border size, etc... so that they could control all of this through their own CSS.

In looking into it, there's no real OOTB way to do this. But I dug a little bit deeper and found out how this can be done. Basically, you'll need to edit the FCK editor's primary dialog files to make the changes. Now there is the quick & dirty way to do this...and there is the right way to do this.

The files that the editor uses are within the weblayout\resoureces\wcm\sitestudio directory. But you don't want to modify those because they are re-published from the Site Studio component every time the server is restarted.

blogs.oracle.com/...ing_site_studio_wysiwyg_o.html - Preview

site studio tutorial

This is my third and last entry on using Aptana to build jQuery based AIR applications. Please be sure to read part one and part two. The two earlier entries discuss how to create your project and walk you through the basics of building out the application and creating the installer. This entry will round things up by discussing how to create badges for your AIR application.

www.insideria.com/...ptana-studio-to-build-j-2.html - Preview

air flex jquery tutorial

In my last blog entry I talked about how you can use Aptana Studio to build jQuery-powered AIR applications. In today's blog entry I'm going to take it a step further. First, I'll build an real application. Not a very powerful one, mind you, but something a bit more useful then the demo I created before. After that, I'll demonstrate how to publish your AIR project to an AIR file that can be distributed to the world. All you have to do at that point is slap a price tag on it and laugh your ways till millions.

www.insideria.com/...ptana-studio-to-build-j-1.html - Preview

air flex jquery tutorial

I've done most of my AIR development with Flex, but I've also played around with HTML based AIR applications as well. I've primarily done this via the command line, but I've had some luck with the Aptana Studio product and thought I'd write up a quick tutorial.

www.insideria.com/...-aptana-studio-to-build-j.html - Preview

air flex jquery tutorial

Sometimes, creating the original layout for a new web design can be the most tedious and time-consuming part of the process. Defining columns and rows and tables, while necessary, lacks the creative fun that things like logo design and color selection have, and it’s not too surprising to see developers try to skip around the process by reusing old templates. Yet, templates sometimes lack the flexibility required, and then developers are forced to waste time reinventing the wheel, especially when you are trying to design without dependency on images.

www.cherrysave.com/...n-with-blueprint-css-framework - Preview

css webdesign webdev tutorial

Today, I will show you how to create a PowerPoint elearning template. We’re going to use the screen shot as a starting point, but this isn’t about copying the image. Instead, it’s about the process you go through as you copy it. The idea is to grow in your visual design skills, learn some techniques, and then learn to build it in PowerPoint. The production process in PowerPoint helps you become more efficient and faster when building courses.

www.articulate.com/...erpoint-template-how-i-made-it - Preview

powerpoint templates tutorial elearning

This tutorial walks you through the basics of converting GIS vector data to KML using the OGR open source library. While these libraries can be used with most GIS files, this tutorial will focus on working with ESRI shapefiles.

code.google.com/...vector.html - Preview

kml arcgis tutorial

Welcome to Part 1 of Building a website with Web Premium CS4. In this tutorial series, you'll get step-by-step instructions to develop a website for a fictional travel services company, Adventure Tours. The website includes a home page and several other pages to market the company's travel services.

www.adobe.com/...building_a_website_pt01.html - Preview

ui webdesign tutorial

The simplicity, advanced features and strong support are common arguments for developers preferring jQuery against other JavaScript-frameworks. In fact, jQuery is one of the most popular JavaScript frameworks, with powerful tools that can significantly improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax.

To help you improve your skills, in this article we present 50 useful new jQuery techniques and tutorials that have been created recently and that could make the development of your next website an easier and more interesting experience than the last.

www.smashingmagazine.com/...0-useful-new-jquery-techniques - Preview

jquery webdev tutorial

Creating a wireframe is one of the first steps you should take before designing a website.

A wireframe helps you organize and simplify the elements and content within a website and is an essential tool in the development process.

A wireframe is basically a visual representation of content layout in a website design.

The wireframe acts as a prototype that shows the placement of page features, such as header, footer, content, sidebars, and navigation.

It also specifies the placement of the elements within these content areas. If you want to develop a site that accurately matches the client’s requirements and minimize project revisions, wireframing will keep you on track.

www.webdesignerdepot.com/...mline-your-development-process - Preview

webdesign tutorial

Sample code for Tech Article "Ajax and Partial-Page Refresh in Oracle ADF Rich Client", by Lucas Jellema and Chris Muir

codesamples.samplecode.oracle.com/...tracking - Preview

jdev adf ajax tutorial

Part 1 of this article provided an introduction to the partial-page refresh (PPR) mechanism in the Oracle Application Development Framework (Oracle ADF) Faces rich client (RC) constituent of Oracle ADF 11g and focused on the straightforward, largely declarative application of PPR. This second part takes you to a more advanced level of client/server integration using programmatic facilities such as the Oracle ADF Faces RC client-side (JavaScript) API. It describes common use cases such as autosuggest, context-sensitive pop-ups, poll-based autorefresh, and integration of Google Maps.

www.oracle.com/...jellema-muir-adf-part2.html - Preview

jdev adf ajax tutorial google map