Archive for the ‘Tutorial’ Category
config files, CSS, Groovy, Hapax, HTML, JavaScript, Scala, scripting languages, servlets, URL, XML
In Hapax, JavaScript on September 17, 2012 at 2:43 am
Hapax is a simple but powerful text templating library for Java.
Hapax is suitable for constructing text output from Java code. The syntax is similar to Google’s ctemplate library, and emphasizes the separation of logic from presentation.
Hapax was designed to be easy to use and have minimal dependencies. Hapax does not depend on any existing web framework, and is suitable for use in servlets, scripting languages (Scala, Groovy, etc), and server-side applications.
Example
package com.xfltr.hapax.examples;
import com.xfltr.hapax.Template;
import com.xfltr.hapax.TemplateDictionary;
import com.xfltr.hapax.TemplateException;
class HelloWorldExample {
public static void main(String[] args) throws TemplateException {
Template tmpl = Template.parse("Hello, {{WORLD:h}}");
TemplateDictionary dict = TemplateDictionary.create();
dict.put("WORLD", "Iapetus");
System.out.println(tmpl.renderToString(dict));
}
}
Features
- Hapax enforces a strict separation of “view” from application logic.
- Hapax has zero dependencies on third-party code (except for JUnit).
- Hapax is well unit-tested.
- Hapax is based loosely on the syntax and behavior of Google’s ctemplate library.
- Hapax generate any kind of textual output: config files, HTML, XML, CSS, etc.
- Hapax templates do not require a compilation step. Templates are parsed at runtime.
- Hapax has native support for some types of content escaping (JavaScript, XML, HTML, URLs).
- Hapax does not expect your templates to come from disk: templates can be be generated at runtime, stored in a database, or any other location.
-6.361901
106.846021
Like this:
Like Loading...
amp output, application logic, C++ program, cstdlib, ctemplate API, Programming, string output, template language, templating language
In C++, ctemplate, Tutorial on September 16, 2012 at 12:35 pm
CTemplate is a simple but powerful template language for C++. It emphasizes separating logic from presentation: it is impossible to embed application logic in this template language.
Here’s an example of how to use it: not complete, but gives a good feel for what the ctemplate API looks like.
Here is a simple template file:
Hello {{NAME}},
You have just won ${{VALUE}}!
{{#IN_CA}}Well, ${{TAXED_VALUE}}, after taxes.{{/IN_CA}}
Here is a C++ program to fill in the template, which i assume is stored in the file ‘example.tpl’:
#include <cstdlib>
#include <iostream>
#include <string>
#include <ctemplate/template.h>
int main() {
ctemplate::TemplateDictionary dict("example");
int winnings = rand() % 100000;
dict["NAME"] = "John Smith";
dict["VALUE"] = winnings;
dict.SetFormattedValue("TAXED_VALUE", "%.2f", winnings * 0.83);
// For now, assume everyone lives in CA.
// (Try running the program with a 0 here instead!)
if (1) {
dict.ShowSection("IN_CA");
}
std::string output;
ctemplate::ExpandTemplate("example.tpl", ctemplate::DO_NOT_STRIP, &dict, &output);
std::cout << output;
return 0;
}
If you are interested in this templating language but are programming in Java, consider Hapax, which is similar to ctemplate.
-6.361901
106.846021
Like this:
Like Loading...
Application programming interface, Atom, curly braces, data dictionary, enterprise-it, external dependencies, HTML, Hypertext Transfer Protocol, JavaScript, JSON, JSON Template, Programming, Python, straightforward translation, Uniform Resource Locator
In JavaScript, JSON, Python, Themplate on September 16, 2012 at 12:26 pm
JSON Template is a minimal but powerful templating language, currently implemented in both Python and JavaScript.
To use it, simply copy the Python file or the JavaScript file into your project. Neither has any external dependencies.
Since there are over one bajillion template languages for Python alone, it deserves some explanation. But first here are some examples.
Simple example
>>> import jsontemplate
>>> jsontemplate.expand('Hello {name}', {'name': 'world'})
'Hello world'
This Python example should look familiar to many people.* The JavaScript version is a straightforward translation of this API.
Full Example
To read this example, keep in mind the following:
- A variable can be substituted by surrounding its name with curly braces:
{}
- Template “directives” start with a period:
.
- In place of for loops and if statements, the basic idea is that the template declares
section
s and repeated section
s. The sections are named after keys in the JSON data dictionary. The presence or absence of the keys in the JSON dictionary implicitly determines if and how many times a section is expanded.
- If a JSON dictionary key is missing or empty (
[]
, {}
, or null
), then the {.or}
section is expanded.
These few constructs are surprisingly powerful.
The following example uses most of the language, but not all. Read the rest of this entry »
-6.361901
106.846021
Like this:
Like Loading...
Cascading Style Sheets, Document Object Model, HTML, HTML element, JavaScript, JQuery, Languages, Programming
In Hierarchy, JQuery, Plugin, Website Tutorial, Wordpress Tutorial on July 27, 2012 at 9:40 am
As the before topic says that jQuery is great at letting us select a set of elements. But what if you want to select one set in a page, but not another?
Say you have some
ele
ments in a
element that you want to select, but you don’t want to select any
<p> elements outside the <div> element.
One way of selecting the <p> elements we want is by specifying a selector hierarchy. For example, we can ask jQuery to select only those <p> elements that appear inside a <div> element, which itself appears in a <body> element, like this:
$(‘body div p’)
This tutorial will help us to make the selection that we want, and it will also let us change the style class of the selected elements when the user clicks a button, using the following code:
$(‘body divp’).toggleClass(‘striped’);
Steps to Select Elements in a Hierarchy are :
enter the code to add the jQuery library and add four <p> elements in a <div> element and one outside the <div> element, so total five <p> elements.
<html>
<head>
<title>Selecting elements in a hierarchy</title>
<script type=”text/javascript”src=”jquery-1.5.1.js”>
</script>
</head>
<body>
<h1>Selecting elements in a hierarchy</h1>
<div>
<p>This is paragraph 1.</p>
<p>This is paragraph 2.</p>
<p>This is paragraph 3.</p>
<p>This is paragraph 4.</p>
</div>
<p>This is paragraph 5.</p>
</body>
</html> Read the rest of this entry »
-6.361901
106.846021
Like this:
Like Loading...
Cascading Style Sheets, enterprise-it, Function (mathematics), HTML, HTML element, html elements, JavaScript, JQuery, Programming, software, technology, Web browser, Web page
In HTML Element, JQuery, Srcipt PHP, Tutorial, Website Tutorial, Wordpress Tutorial on July 27, 2012 at 9:13 am
jQuery help us to create an HTML elements and insert them into a page.
If we pass a text string that spells out a new HTML element to the jquery ( ) or $( ) function (which are the same thing), jQuery will create that new element:
$(“<p>I’m a new <p>element!</p>”)
The upper code will display ” I’m a new <p> element ! “
To actually get the new element into a page, we have to use a function like insert After () , passing a selector indicating the element that you want to insert the new element after.
This tutorial creates new <p> elements and inserts them into a page following a <p> element with the ID “first”, like this:
$(“
I’m a new <p>element!
”).insertAfter(“#first”);
To create new elements:
1. We are going to use text editor (such as notepad or Wordpad) to create our HTML page and give the file name as “create.html”.
2. Enter the code to add the jQuery libraryand add a element with the ID “first”. Read the rest of this entry »
-6.361901
106.846021
Like this:
Like Loading...
Adding a Sidebar Widget, Code, color names, FavePersonal, Gist, GitHub, Harald Hein, HTML element, JQuery, Plug-in (computing), Programming, style, User interface, Web Design and Development, Wordpress, Wordpress plug in, WordPress Plugins
In Plugin, Tutorial, Wordpress Tutorial on July 12, 2012 at 8:52 am
How to Create a WordPress Plugin so it can be Included in a Theme.
General approach to development is to create discreet features that can interact with each other in elegant ways. By keeping each set of features small, they are simpler by design and implementation – this makes both them less prone to bugs and easier to reuse. You can see this approach in action in many of Crowd Favorite’s WordPress products. For example you can see this sample created Admin Post Formats UI as a library that can be easily reused rather than coding that feature into our FavePersonal theme directly.Another example, Carrington Build includes a plugin to enables translation of it’s data when being pushed from staging to production by RAMP.
Here are some specific things to consider:
- Don’t use activation or deactivation hooks. There are actually lots of reasons why these are a bad idea, including multi-site considerations, upgrade considerations, etc. Instead, pick an opportune time to do a lightweight check to see if your plugin set-up needs to be run (perhaps check the existence of one of your settings – perhaps an “installed version” setting) and do the work you need to do at that time. Remember, you want to do these checks in admin hooks rather than front-end hooks – you don’t want to add unnecessary overhead to every public page load and you want to avoid race conditions.2
- Don’t reply on your code running prior to all code being loaded. Hook in at
wp_loaded
(previously this was done at init
) to do any set-up work, etc. The only situation where this might not be possible is if you need to override a pluggable function, but the types of plugins that need to do this are (in my experience) less likely to be the type of plugin included in a theme.
- Don’t rely on settings existing in the database. This ties in with the first consideration as I often see default settings written to the database as part of the activation process. I take the approach of creating an accessor function in my plugin that holds a set of defaults for settings. Here’s some example code: Read the rest of this entry »
-6.359406
106.854153
Like this:
Like Loading...
Cascading Style Sheets, Character (arts), character counter, enterprise-it, excerpt box, FAQs Help and Tutorials, functional programming, gaming, JavaScript, JQuery, Languages, metabox, perfectionist, PHP, post token, Programming, style, sysadmin, Web Design and Development, Wordpress, Wordpress post, Wordpress Tutorial, wpsnipp.com
In Excerpt Box, JQuery, Tutorial, Wordpress Tutorial on July 9, 2012 at 10:11 am
Why would you need a character counter on your excerpt box?
Certainly it seems like a character counter in WordPress post token is far more useful for the post content meta box. However, the active theme you may have very specific requirements for how long should your quote. If you want to be a perfectionist about your quote and do not want to see them cut the ellipse, then you will want to keep the length of your quotes to a certain number of characters. This is where the quote character counter will help.
Here is a handy little trick of wpsnipp.com recently. This piece counter lets you add character to the quote box on the screen edit your posts Read the rest of this entry »
-6.359406
106.854153
Like this:
Like Loading...
Adding a Sidebar Widget, Configure WordPress Gigya Widget or Plugin, Facebook, File Transfer Protocol, Gigya, Gigya CMS Module, Gigya WordPress Plugin, Google, Installing the Socialize WordPress Plugin, MySpace, OpenID, Social network, Wordpress, WordPress Comments Widget, WordPress Facebook Button By Gigya, WordPress File Transfer Protocol, WordPress Gigya CMS Module, WordPress Gigya CMS WordPress Module, WordPress Gigya Widget Or Plugin, WordPress Gigya WordPress Plugin, WordPress Google Button By Gigya, WordPress JQuery, WordPress JQuery Script, WordPress Language Support, WordPress MySpace Button By Gigya, WordPress OpenID By Gigya, WordPress Post Login Redirect, WordPress Sharing Button, WordPress Shortcode, WordPress Social network, WordPress Social Optimization
In JQuery, Plugin, Social Plugin/Widget, Tutorial, Widget, Wordpress Tutorial on July 8, 2012 at 10:16 am
Gigya CMS Module
Gigya offers pre-built modules and tools for portals, blogs and websites to directories allow site owners to quickly integrate Gigya features, such as:
- Promote your site and increase site traffic by posting status updates to the newsfeeds users of social network users, allows users to invite their friends and send updates newsfeed to promote your site on social networking social stream.
- User authentication via Facebook, MySpace, Twitter, Google and OpenID providers.
Gigya WordPress Plugin
Gigya for WordPress plugin or widget is a powerful addition to any WordPress blog or site, enabling a wide range of features that are fully configurable using the WordPress Administration Panels. Prominent features supported by the plugin include:
- Secure authentication (sign-up and sign-in) of users for your WordPress blog or site. The plugin integrates fully with WordPress’s user management system and keeps both WordPress and Gigya synced at all times.
- Fully configurable user interface design that can be controlled via WordPress’s back-office.
- Users can easily share posts with the social networks friends.
- Sophisticated comments mechanism.
Installing the Socialize WordPress Plugin
Installing the Socialize WordPress plugin is quick and easy (takes about 15 minutes) and does not require any programming skills. Everything works out-of-the-box and the plugin is fully configurable through WordPress’s Administration Panels.
-6.359406
106.854153
Like this:
Like Loading...
color names, fashion, hash mark, hexadecimal number, HTML, HTML element, JQuery, Programming, References Script to HTML, References to HTML elements from a script, Scripts, srgb values, style, w3c document
In Tutorial, Wordpress Tutorial on July 7, 2012 at 10:55 am
Colors
The attribute value type “color” (%Color;) refers to color definitions as specified in [SRGB]. A color value may either be a hexadecimal number (prefixed by a hash mark) or one of the following sixteen color names. The color names are case-insensitive. Read the rest of this entry »
-6.359406
106.854153
Like this:
Like Loading...
device button, Document Object Model, enterprise-it, HTML, HTML element, JavaScript, JQuery, Languages, precedence rules, Programming, References Script to HTML, References to HTML elements from a script, Scripts, scrum, w3c document
In Tutorial, Wordpress Tutorial on July 7, 2012 at 10:50 am
References to HTML elements from a script
Each scripting language has its own conventions for referring to HTML objects from within a script. This specification does not define a standard mechanism for referring to HTML objects.
However, scripts should refer to an element according to its assigned name. Scripting engines should observe the following precedence rules when identifying an element: a
name
attribute takes precedence over an
id
if both are set. Otherwise, one or the other may be used.
18.2.3 Intrinsic events
Note. Authors of HTML documents are advised that changes are likely to occur in the realm of intrinsic events (e.g., how scripts are bound to events). Research in this realm is carried on by members of the W3C Document Object Model Working Group (see the W3C Web Site at http://www.w3.org/ for more information).
-6.359406
106.854153
Like this:
Like Loading...
Adding a Sidebar Widget, Configure WordPress Gigya Widget or Plugin, Facebook, File Transfer Protocol, Gigya, Gigya CMS Module, Gigya WordPress Plugin, Google, Installing the Socialize WordPress Plugin, MySpace, OpenID, Social network, Wordpress, WordPress Comments Widget, WordPress Facebook Button By Gigya, WordPress File Transfer Protocol, WordPress Gigya CMS Module, WordPress Gigya CMS WordPress Module, WordPress Gigya Widget Or Plugin, WordPress Gigya WordPress Plugin, WordPress Google Button By Gigya, WordPress JQuery, WordPress JQuery Script, WordPress Language Support, WordPress MySpace Button By Gigya, WordPress OpenID By Gigya, WordPress Post Login Redirect, WordPress Sharing Button, WordPress Shortcode, WordPress Social network, WordPress Social Optimization
Gigya For WordPress Widget or Plugin Tutorial
In JQuery, Plugin, Social Plugin/Widget, Tutorial, Widget, Wordpress Tutorial on July 8, 2012 at 10:16 amGigya CMS Module
Gigya offers pre-built modules and tools for portals, blogs and websites to directories allow site owners to quickly integrate Gigya features, such as:
Gigya WordPress Plugin
Gigya for WordPress plugin or widget is a powerful addition to any WordPress blog or site, enabling a wide range of features that are fully configurable using the WordPress Administration Panels. Prominent features supported by the plugin include:
Installing the Socialize WordPress Plugin
Installing the Socialize WordPress plugin is quick and easy (takes about 15 minutes) and does not require any programming skills. Everything works out-of-the-box and the plugin is fully configurable through WordPress’s Administration Panels.
Installation Steps : Read the rest of this entry »
Share this:
Like this: