* 1 Load the framework from Google Code * 3 Combine all your scripts and minify them * 5 Keep selection operations to a mini by caching * 6 Keep DOM manipulation to a min * 7 Wrap everything in a single element when inserting DOM * 8 Use IDs instead of classes wherever possible * 9 Give your selectors a context * 10 Use chaining properly * 11 use animate properly * 12 Learn about event delegation * 13 Use classes to store state * 14 or use jQuery's internal data() method to store state * 15 Write your own selectors * 16 Streamline your HTML and modify it once the page has loaded * 17 Lazy load content for speed and SEO benefits * 18 Use jQuery's utility functions * 19 Use noconflict to rename the jquery object when using other frameworks * 20 How to tell when images have loaded * 22 How to check if an element exists * 23 Add a JS class to your HTML attribute * 24 Return 'false' to prevent default behaviour * 25 Shorthand for the ready event
Ajaxify is a jQuery plugin. it can convert all links in a web page into an ajax load and submit requests. with this ultra weight plugin, you can build a complex ajax website with one single line. welcome to web 2.0 world!!. Main features * Ajax GET and POST requests. * History & bookmarking support. * Partial load from the output. * Four events support. * Forms Support * Animations Usage One line of code can do the job: $('.ajaxify').ajaxify(); And HTML code will be something like: <a class="ajaxify" href="example.php" target="#container">Click here</a>
I've been using git for source code management for over a year now and I'm totally hooked. I won't rave about all the usual reasons WhyGitIsBetterThanX since it's been done already. Instead, I'm going to share how I use git for easy agile development. The basic idea is to never do anything in the master branch except use it to move changes between the remote repo and local branches. Keeping master clean takes very little effort and will save your bacon when you get into trouble. The example I'll use here is working on a story to render title text in a bold style on a page.
<oXygen/> is a complete cross platform XML editor providing the tools for XML authoring, XML conversion, XML Schema, DTD, Relax NG and Schematron development, XPath, XSLT, XQuery debugging, SOAP and WSDL testing. The integration with the XML document repositories is made through the WebDAV, Subversion and S/FTP protocols. <oXygen/> also supports browsing, managing and querying native XML and relational databases. The <oXygen/> XML editor is also available as an Eclipse IDE plugin, bringing unique XML development features to this widely used Java IDE.
* Todo list: o in memory (source) o in a db (source) * Field validation: o Running on the server o Running on the client (source) * Phone directory: o Phone book (source) * A join
The following examples are described in Links: Web Programming Without Tiers * dictionary suggestion with database update (source) * draggable lists (with styles) (source) * progress bar (source) The following examples appeared in earlier drafts of the same paper * factorial (source) * dictionary suggestion (with styles) (source) * dictionary suggestion (no styles) (source) * draggable lists (database version, no styles) (source) Other examples * pagination (source) * mandelbrot sets (source) * multi-coloured mandelbrot set (source) * todo list (client) (source) * todo list (server) (source) * draggable Cropping Frame (source) * winestore (source) * citeseer data (source)
How would you build a real database driven application using ZK? This article introduces the "ZkFoodToGo" example application that demonstrates one approach. "Food To Go" is a fictional fast food ordering system described by Chris Richardson in his book POJOs In Action. The book makes extensive use of Spring, JUnit and mock objects to demonstrate three alternative ORM frameworks: Hibernate, JDO and iBatis. It comprises of mock object JUnit tests demonstrating POJO design patterns and ORM best practices. The book does not supply a user interface nor a complete set of application Use Cases. To create a small but complete web application some simple methods were added to the persistence code to support the screens. ZkFoodToGo uses a POJO domain model, event driven MVC, Spring (IoV pattern), a POJO Facade (with an AOP transaction manager) and Hibernate. The application architecture is well documented both on the ZK wiki and within the book
Style Studio CSS Editor offer the following benefits / features : * Automatically detects and highlights invalid and unsupported css properties * CSS Validator check your css documents with our powerful checking utility, detect and correct common (and les common!) css errors. * CSS Manager : Easily manage, upgrade to standard compliant code (tidy) and detect CSS related problems in your web-site. * Smart Linker : Link multiple CSS documents to many HTML XHTML / / XML documents at once * Property Watch : automatically detect css property (or HTML tag if you're editing an HTML document) under caret and list many useful information about it * CSS Indent : indent your style sheets effortlessly. * IntelliStyle® : an IntelliSense-like technology (for both style sheets and HTML!) * Browser Filter : Easy-to-use wizard which automatically detect your visitors' browsers and consequently use the right style sheet.
Source Code Library is a powerful multi-language source code Library and clipboard extender with the following benefits: * Built-in library with 50,000++ lines of code * Fully support more than 30 programming languages * Manage your source code in a single, Secure place * Password protection & strong 448 bits encryption (optional) * Full integration with *all* major programming IDEs * Boost your productivity with its powerful clipboard extender and AutoText utility
Haml takes your gross, ugly templates and replaces them with veritable Haiku. Haml is the next step in generating views in your Rails application. Haml is a refreshing take that is meant to free us from the shitty templating languages we have gotten used to. Haml is based on one primary principal. Markup should be beautiful. Haml is a real solution to a real problem. Stop using the slow, repetitive, and annoying templates that you don’t even know how much you hate yet
Wicket is a lightweight, component-oriented framework that does much to bring the easy, intuitive interfaces found in desktop applications to Java Web development. In this series Nathan Hamblen (of databinder and coderspiel blog ) introduces key aspects of Wicket that differentiate it from other Web application frameworks This first ( of 3 ) article investigates Wicket's virtual state, demonstrating the many ways Wicket accommodates both stateless and stateful Web application development.
XRX is a new web development architecture that is a milestone in elegant simplicity. XRX stands for: XForms on the client REST interfaces and XQuery on the server Because XRX uses a single model for data (XML) it avoids the translation complexity of other architectures. The simplicity and elegance of XRX allows developers to focus on other value-added features of web application development and enables non-programmers to create a rich web interaction experience without the need to use procedural programming languages.
(WWB) is a Wicket component toolkit for displaying and editing JavaBeans. Web pages are automatically generated based on bean properties and conventions. If necessary, the layout, editability, and actions of these pages can be customized. At the highest-level, WWB's BeanForm component provides rich AJAX form functionality. The form is embedded in a Page designed by you. This allows you to create customized page designs and multiple BeanForms to be incorporated on a single page.Other lower-level components may be used independently of BeanForm (e.g., BeanGridPanel). BeanForm makes it very convenient to implement a bean-based form if you don't want to go to a lot of extra work. You focus on the model (beans), Fields within a form are dynamically sent back to the server-side bean as they are changed, which eliminates the typical form submit cycle. This makes WWB act more like a rich client application and less like a standard forms-based application.
very alpha; no cabal install, no windows, postgres only Turbinado is also an easy-to-use web application framework for Haskell which is fricking fast. Naturally, this website is written in Turbinado, so head over to the Git repo to see how easy it is to code websites in Turbinado. Haskell has no easy-to-use web framework. Turbinado is an effort to build one by lazily stealing the best ideas from Ruby On Rails, Features Turbinado gives you all of the benefits of coding in Haskell and adds: * A fast HTTP server with static- and dynamic-content serving capabilities; * Views built using a simple HTML-like templating syntax combined with tag-matching to guard against invalid HTML; * Automagic recompilation of Controllers, Layouts and Views; * coming soon A database ORM to make database interaction (especially with PostgreSQL) joyful; * A rich set of tags to make designing pages simpler;.
Herein part six in my hobby project to rewrite my personal publishing software in Haskell. In part five (and its addendum), I roughed-out a persistence and concurrency model for the back-end. The next two pieces are rendering content (which will be done programmatically using the Text.XHtml.Strict module; that's a separate post) and integrating with a web server via FastCGI. This post covers FastCGI integration for Lighttpd and Apache2 in the form of smoke-testing a simple FastCGI handler.
“Even for experienced developers, it can make sense to have a generic / base / bare-bones application from which to work… here are several barebones Rails apps that might provide a good base for your own template…”
Chain.js – Data Binding Service for jQuery Chain.js is a jQuery plugin, providing unobtrusive data-binding capability that allows you to generate web contents automatically by binding your data to html. Unlike other data-binding frameworks and library, it uses pure DOM, instead of string-based innerHTML approach, so event binding won’t gone during rendering. This library can also be very helpful if you strictly separate your data from your HTML, e.g. developing using MVC-Pattern
GWT is a framework developed by Google to implement AJAX technology. This framework proposes to develop the GUI entirely from Java. This code is then compiled into Javascript, to be embedded in a web application. GWT is composed of a client part, Javascript, which is the GUI application, it communicates with a server developed in Java. Past the discovery of this excellent framework, a question light in my mind: What are the correct patterns and designs code to implement this framework? Let’s take an example, look at the problems and propose improvements to emerge a coherent design. We have a Toy Project, which consists of a login screen. This example, deliberately simplistic, offers the following GUI: