Onyrix

change the cursor with jQuery

onyrix — Wed, 09 May 2012 16:15:49 +0000

Change Cursor with jQuery Wallpaper

To change the cursor passing hover a tag in dom with jQuery you need only this simple snippet of source code:

$(‘#someselector’).hover(function(){$(this).css(‘cursor’,'pointer’);}, function(){$(this).css(‘cursor’,'auto’);});

where the valid values of cursor are listed at
CSS cursor Property on W3Schools

URL A comma separated of URLs to custom cursors. Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used
auto Default. The browser sets a cursor
crosshair The cursor render as a crosshair
default The default cursor
e-resize The cursor indicates that an edge of a box is to be moved right (east)
help The cursor indicates that help is available
move The cursor indicates something that should be moved
n-resize The cursor indicates that an edge of a box is to be moved up (north)
ne-resize The cursor indicates that an edge of a box is to be moved up and right (north/east)
nw-resize The cursor indicates that an edge of a box is to be moved up and left (north/west)
pointer The cursor render as a pointer
progress The cursor indicates that the program is busy (in progress)
s-resize The cursor indicates that an edge of a box is to be moved down (south)
se-resize The cursor indicates that an edge of a box is to be moved down and right (south/east)
sw-resize The cursor indicates that an edge of a box is to be moved down and left (south/west)
text The cursor indicates text
w-resize The cursor indicates that an edge of a box is to be moved left (west)
wait The cursor indicates that the program is busy
inherit Specifies that the value of the cursor property should be inherited from the parent element

tFlow version 1.2 now available

onyrix — Thu, 03 May 2012 08:31:38 +0000

Tucanna tFlow 1.2 preflight, pdf server, color management

The tFlow architecture facilitates agile addition of new features and functionality, and with your positive feedback, we have been able to address many of the wishes and suggestions from previous versions.

Most important new functionalities:

1. Support of new file formats
In addition to PDF, new formats have been added such as separated PDF, EPS, PS, bitmap formats such as TIFF, JPEG, and PNG, as well as even Microsoft Office files*. All files are converted to PDF, preflighted, fixed, and color managed according to your needs! Among other things, this functionality allows you to use tFlow as a PDF server. *A copy of MS Office needs to be installed on the tFlow Server machine.

2. Addition of extended colormanagement and devicelink profiles
Based upon ”State of the Art” devicelink profiles from ColorLogic, this new addition makes tFlow a complete ColorServer with standard devicelink profiles for current printing standards included as part of the system, and with optional extended and Ink Saving profiles making it an Ink Optimizer solution as well.

3. Advanced user management and user groups
The administrator may now manage different user configurations to create client permission levels for seeing jobs, seeing queues, deleting files, etc..

About TUCANNA
Tucanna is a global developer and supplier of software solutions for the printing industry, founded in 2006 and headquartered in Villarreal, Spain. Its development facilities are located in Verona, Italy. Tucanna develops “software for humans”: simple, elegant, user-friendly and yet powerful in the most complex processes; helping customers raise productivity, reduce costs and improve quality. Tucanna solutions are widely used throughout the printing industry spectrum from traditional offset and flexo to digital and large / wide format printing and mixed environments. Tucanna is represented by partners and authorized dealers all over the world.

About TUCANNA Solutions
Tucanna PrintControl® is an easy-to-use solution for standardizing printing presses easily to achieve predictable printing results. The user is led intuitively through the processes that are necessary to establish optimal and repeatable printing conditions. PrintControl delivers effective process control and production security. Tucanna RapidCheck® is a solution that examines whether all printing parameters comply with standards ISO 12647-2, 12647-3 and GRACoL or other user-defined in-house standards. A single measuring procedure is all it takes to acquire the relevant data, analyze them and present them in graph form. In the event of deviations from the specified tolerances, the printer can then quickly make the necessary corrections on the press and thus ensure compliance with the selected printing standard. Tucanna tFlow® is a revolutionary, cross-platform (Mac or PC) preflighting, color transformation and workflow automation concept. Designed in an innovative app-style, tFlow enables comfortable, fast and secure PDF workflows, for both digital and traditional print businesses. The idea could not be expressed in a better way:
“The complete production workflow at your fingertips! “

Link to specifications and trial demo download:
www.tucannatflow.com

Adobe Air/Flex PDF Silent Print with Acrobat Reader

onyrix — Wed, 18 Apr 2012 15:54:26 +0000

Pattern Print

If you need to silent print a PDF document from an application, or better through an Adobe Air application you can use the NativeProcess and then call this command line:

AcroRd32.exe /N /T PdfFile PrinterName [PrinterDriver[PrinterPort]]

other parameters are:

AcroRd32.exe

The following switches are available:

/n – Launch a new instance of Reader even if one is already open
/s – Don’t show the splash screen
/o – Don’t show the open file dialog
/h – Open as a minimized window
/p – Open and go straight to the print dialog
/t – Print the file the specified printer.

swfobject api manual

onyrix — Wed, 18 Apr 2012 14:38:16 +0000

What is SWFObject?

SWFObject 2:

Offers two optimized Flash Player embed methods; a markup based approach and a method that relies on JavaScript
Offers a JavaScript API that aims to provide a complete tool set for embedding SWF files and retrieving Flash Player related information
Utilizes only one small JavaScript file (10Kb / GZIPed: 3.9Kb)
Is the successor of SWFObject 1.5, UFO and the Adobe Flash Player Detection Kit
Intends to unify all existing Flash Player embed methods and provide a new standard for embedding Adobe Flash Player content

Why should you use SWFObject?

SWFObject 2:

Is more optimized and flexible than any other Flash Player embed method around
Offers one solution for everybody: It shouldn't matter if you are an HTML, Flash, or JavaScript developer, there should be something in it for everyone
Breaks the cycle of being locked into vendor specific markup and promotes the use of web standards and alternative content
Uses unobtrusive JavaScript and JavaScript best practices
Is easy to use

The A List Apart article Flash Embedding Cage Match describes the full rationale behind SWFObject 2.

Why does SWFObject use JavaScript?

SWFObject 2 primarily uses JavaScript to overcome issues that cannot be solved by markup alone; it:

Detects the Flash Player version and determines whether Flash content or alternative content should be shown, to avoid that outdated Flash plug-ins break Flash content
Offers functionality to revert to alternative content in case of an outdated plug-in by means of a DOM manipulation (Note: if no Flash plug-in is installed the HTML object element automatically falls back to its nested alternative content)
Offers the option to use Adobe Express Install to download the latest Flash Player
Offers a JavaScript API to perform common Flash Player and Flash content related tasks

Should I use the static or dynamic publishing method?

SWFObject 2 offers two distinct methods to embed Flash Player content:

The static publishing method embeds both Flash content and alternative content using standards compliant markup, and uses JavaScript to resolve the issues that markup alone cannot solve
The dynamic publishing method is based on marked up alternative content and uses JavaScript to replace this content with Flash content if the minimal Flash Player version is installed and enough JavaScript support is available (similar like previous versions of SWFObject and UFO)

The advantages of the static publishing method are:

The actual authoring of standards compliant markup is promoted
Best embed performance
The mechanism of embedding Flash content does not rely on a scripting language, so your Flash content can reach a significant bigger audience:

If you have the Flash plug-in installed, but have JavaScript disabled or a use a browser that doesn't support JavaScript, you will still be able to see your Flash content
Flash will now also run on a device like Sony PSP, which has very poor JavaScript support
Automated tools like RSS readers are able to pick up Flash content

The advantages of the dynamic publishing method are:

It integrates very well with scripted applications and enables the use of dynamic variables (flashvars)
It avoids click-to-activate mechanisms to activate active content in Internet Explorer 6/7 and Opera 9+. Please note that Microsoft has phased out most active content from its Internet Explorer browsers

How to embed Flash Player content using SWFObject static publishing

STEP 1: Embed both Flash content and alternative content using standards compliant markup

SWFObject's base markup uses the nested-objects method (with proprietary Internet Explorer conditional comments. See Flash Embedding Cage Match) to ensure the most optimal cross-browser support by means of markup only, while being standards compliant and supporting alternative content (See Flash Embed Test Suite):



  
    SWFObject - step 1
    
  
  
    

      
        
        
        
        
          Alternative content

NOTE: The nested-objects method requires a double object definition (the outer object targeting Internet Explorer and the inner object targeting all other browsers), so you need to define your object attributes and nested param elements twice.

Required attributes:

classid (outer object element only, value is always clsid:D27CDB6E-AE6D-11cf-96B8-444553540000)
type (inner object element only, value is always application/x-shockwave-flash)
data (inner object element only, defines the URL of a SWF)
width (both object elements, defines the width of a SWF)
height (both object elements, defines the height of a SWF)

Required param element:

movie (outer object element only, defines the URL of a SWF)

NOTE: We advise not to use the codebase attribute to point to the URL of the Flash plugin installer on Adobe's servers, because this is illegal according to the specifications which restrict its access to the domain of the current document only. We recommend the use of alternative content with a subtle message that a user can have a richer experience by downloading the Flash plugin instead.

How can you use HTML to configure your Flash content?

You can add the following often-used optional attributes to the object element:

id
name
class
align

You can use the following optional Flash specific param elements (more info):

play
loop
menu
quality
scale
salign
wmode
bgcolor
base
swliveconnect
flashvars
devicefont (more info)
allowscriptaccess (more info here and here)
seamlesstabbing (more info)
allowfullscreen (more info)
allownetworking (more info)

Why should you use alternative content?

The object element allows you to nest alternative content inside of it, which will be displayed if Flash is not installed or supported. This content will also be picked up by search engines, making it a great tool for creating search-engine-friendly content. Summarizing, you should use alternative content when you like to create content that is accessible for people who browse the Web without plugins, create search-engine-friendly content or tell visitors that they can have a richer user experience by downloading the Flash plug-in.

STEP 2: Include the SWFObject JavaScript library in the head of your HTML page

The SWFObject library consists of one external JavaScript file. SWFObject will be executed as soon as it is read and will perform all DOM manipulations as soon as the DOM is loaded – for all browsers that support this, like IE, Firefox, Safari and Opera 9+ – or otherwise as soon as the onload event fires:



  
    SWFObject - step 2
    

    

  
  
    
      
        
        
        
        
          Alternative content

STEP 3: Register your Flash content with the SWFObject library and tell SWFObject what to do with it

First add a unique id to the outer object tag that defines your Flash content. Second add the swfobject.registerObject method:

The first argument (String, required) specifies the id used in the markup.
The second argument (String, required) specifies the Flash player version your content is published for. It activates the Flash version detection for a SWF to determine whether to show Flash content or force alternative content by doing a DOM manipulation. While Flash version numbers normally consist of major.minor.release.build, SWFObject only looks at the first 3 numbers, so both "WIN 9,0,18,0" (IE) or "Shockwave Flash 9 r18" (all other browsers) will translate to "9.0.18". If you only want to test for a major version you can omit the minor and release numbers, like "9" instead of "9.0.0".
The third argument (String, optional) can be used to activate Adobe express install and specifies the URL of your express install SWF file. Express install displays a standardized Flash plugin download dialog instead of your Flash content when the required plugin version is not available. A default expressInstall.swf file is packaged with the project. It also contains the corresponding expressInstall.fla and AS files (in the SRC directory) to let you create your own custom express install experience. Please note that express install will only fire once (the first time that it is invoked), that it is only supported by Flash Player 6.0.65 or higher on Win or Mac platforms, and that it requires a minimal SWF size of 310x137px.
The fourth argument (JavaScript function, optional) can be used to define a callback function that is called on both success or failure of creating a Flash plug-in on the page (see API documentation)



  
    SWFObject - step 3
    
    

    

  
  
    

      

        
        
        
        
          Alternative content

TIPS

Use the SWFObject HTML and JavaScript generator to help you author your code
Just repeat steps 1 and 3 to embed multiple SWF files into one HTML page
The easiest way to reference the active object element is by using the JavaScript API: `swfobject.getObjectById(objectIdStr)

How to embed Flash Player content using SWFObject dynamic publishing

STEP 1: Create alternative content using standards compliant markup

SWFObject's dynamic embed method follows the principle of progressive enhancement and replaces alternative HTML content for Flash content when enough JavaScript and Flash plug-in support is available. First define your alternative content and label it with an id:



  
    SWFObject dynamic embed - step 1
    
  
  

    
      Alternative content

STEP 2: Include the SWFObject JavaScript library in the head of your HTML page



  
    SWFObject dynamic embed - step 2
    

    

  
  
    
      Alternative content

STEP 3: Embed your SWF with JavaScript

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes, callbackFn) has five required and five optional arguments:

swfUrl (String, required) specifies the URL of your SWF
id (String, required) specifies the id of the HTML element (containing your alternative content) you would like to have replaced by your Flash content
width (String, required) specifies the width of your SWF
height (String, required) specifies the height of your SWF
version (String, required) specifies the Flash player version your SWF is published for (format is: "major.minor.release" or "major")
expressInstallSwfurl (String, optional) specifies the URL of your express install SWF and activates Adobe express install. Please note that express install will only fire once (the first time that it is invoked), that it is only supported by Flash Player 6.0.65 or higher on Win or Mac platforms, and that it requires a minimal SWF size of 310x137px.
flashvars (Object, optional) specifies your flashvars with name:value pairs
params (Object, optional) specifies your nested object element params with name:value pairs
attributes (Object, optional) specifies your object's attributes with name:value pairs
callbackFn (JavaScript function, optional) can be used to define a callback function that is called on both success or failure of creating a Flash plug-in on the page (see API documentation)

NOTE: You can omit the optional parameters, as long as you don't break the parameter order. If you don't want to use an optional parameter, but would like to use a following optional parameter, you can simply pass false as its value. For the flashvars, params and attributes JavaScript Objects, you can also pass an empty object instead: {}.



  
    SWFObject dynamic embed - step 3
    
    

    

  
  
    
      Alternative content

How can you configure your Flash content?

You can add the following often-used optional attributes to the object element:

id (NOTE: when undefined, the object element automatically inherits the id from the alternative content container element)
align
name
styleclass (see note about class)
class

Note: class is a reserved ECMA4 keyword and will throw errors in Internet Explorer unless it is surrounded by quotation marks (e.g. "class" or 'class'). For this reason, swfobject provides the styleclass keyword as a safe alternative syntax for class; if you use styleclass, swfobject will automatically insert it as class for you.

Example:

var attributes = {
   id: "myId",
   align: "left",
   styleclass: "myclass"
};

If you would rather use class instead of styleclass, wrap the word class in quotes like this:

var attributes = {
   id: "myId",
   align: "left",
   "class": "myclass"
};

You can use the following optional Flash specific param elements (more info):

play
loop
menu
quality
scale
salign
wmode
bgcolor
base
swliveconnect
flashvars
devicefont (more info)
allowscriptaccess (more info here and here)
seamlesstabbing (more info)
allowfullscreen (more info)
allownetworking (more info)

How do you use JavaScript Objects to define your flashvars, params and object's attributes?

You can best define JavaScript Objects using the Object literal notation, which looks like:

You can add your name:value pairs while you define an object (note: please make sure not to put a comma behind the last name:value pair inside an object)

Or add properties and values after its creation by using a dot notation:

Which can also be written as (the less readable shorthand version for the die-hard scripter who love one-liners):

If you don't want to use an optional argument you can define it as false or as an empty Object (NOTE: from SWFObject 2.1 onwards you can also use null or 0):

The flashvars Object is a shorthand notation that is there for your ease of use. You could potentially ignore it and specify your flashvars via the params Object:

TIPS

Use the SWFObject HTML and JavaScript generator to help you author your code
Just repeat steps 1 and 3 to embed multiple SWF files into one HTML page

SWFObject 1.5 to SWFObject 2 migration tips

SWFObject 2 is NOT backwards compatible with SWFObject 1.5
It is now preferred to insert all script blocks in the head of your HTML page. Adding your scripts in the body of your page may have visual impact (e.g. flashes of replaced alternative content), because your JavaScript code will be executed in a later stage (the exact impact depends on your implementation)
The library itself is now written in lowercase: swfobject instead of SWFObject
Methods can only be accessed via the library (instead via a SWFObject instance in SWFObject 1.5)
The JavaScript API is entirely different and more elaborate
SWFObject 2 replaces your entire alternative HTML content block, including the referenced HTML container element, for Flash content when enough JavaScript and Flash support is available, while SWFObject 1.5 only replaces the content inside the referenced HTML container. When you don't specify an id attribute, the object element will automatically inherit the id of the HTML container element of your alternative content.

UFO to SWFObject 2 migration tips

SWFObject 2 replaces your entire alternative HTML content block, including the referenced HTML container element, for Flash content when enough JavaScript and Flash support is available, while UFO only replaces the content inside the referenced HTML container. When you don't specify an id attribute, the object element will automatically inherit the id of the HTML container element of your alternative content.
UFO's setcontainercss feature has not been incorporated in SWFObject 2, however it can easily be replicated by using the SWFObject JavaScript API, see: swfobject.createCSS(selStr, declStr)

Does SWFObject 2 support MIME type application/xhtml+xml?

SWFObject 2 does NOT support XML MIME types, which is a design decision.

There are a number of reasons why we are not supporting this:

Only a very small (non-significant) amount of web authors is using it
We are unsure if it is the direction to go. Internet Explorer does not support it and all other major browser vendors are aiming their arrows at a new standard way of HTML parsing (with HTML 5), which departs from the current W3C vision of parsing HTML as XML
We save a considerate amount of file size and effort (testing, issue resolving) by not supporting it

Tutorials (beginner level)

Detecting Flash Player versions and embedding SWF files with SWFObject 2
Providing alternative content for SWF files
Embedding Flash with SWFObject 2.0 (video tutorial) by Lee Brimelow
Adding Flash content in an HTML page – French (video tutorial) by Matthieu Deloison

Comments

The comments functionality on this wiki has been switched off to avoid spam and abuse.

If you have any questions/comments about SWFObject or its documentation, or have problems with an implementation:

Please make sure you have read our FAQ
Use the SWFObject discussion group

If you find any bugs or want to request a future enhancement, you can fill in an issue report on the SWFObject issues page

Utiel Ikkau – Illustration © Dino Olivieri

onyrix — Fri, 06 Apr 2012 14:48:57 +0000

This is one of my sketches for the character of Utiel Ikkau, Raellion Guardian, who saved the young Kios, next the new emperor of the Great Mother… taken from the book i’m writing: “The Legend of the Starlight”

CSS Only Gradient Compatible with any browser IE7, IE8, IE9, FF, Safari, Webkit, Opera, Chrome,…

onyrix — Wed, 29 Feb 2012 09:54:44 +0000

CSS Gradient Image

This technique is limited only to vertical or orizontal gradient.
Produce a PNG of any size , better if very very small, with your pattern of gradient with alpha channel (transparency) in which you want background color will emerge…
Save it as PNG 24 bit, maximum compression.
Use a tool like the following to convert the binary content in BASE64

http://www.motobit.com/util/base64-decoder-encoder.asp

Then if you want a background green with for example a superimpressed gradient you have done this is the CSS:

.col_green_grad{ background-color: green; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wCHQkqHXInMagAAAAMaVRYdENvbW1lbnQAAAAAALyuspkAAAAlSURBVAjXY2CAAhYmBgYGTiYGBgYOLAQnXi6xSkgzj4GBgeEPAF1TAiswA+tDAAAAAElFTkSuQmCC); background-size: 100% 100%; }

No image to upload, all in CSS

The Open Graph protocol

onyrix — Tue, 28 Feb 2012 10:04:22 +0000

Global Open Graph Protocol Facebook

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

While many different technologies and schemas exist and could be combined together, there isn’t a single technology which provides enough information to richly represent any web page within the social graph. The Open Graph protocol builds on these existing technologies and gives developers one thing to implement. Developer simplicity is a key goal of the Open Graph protocol which has informed many of the technical design decisions.

Link:
http://ogp.me/

How to solve HTML5 Canvas 100% Width and Height problem in Viewport

onyrix — Mon, 20 Feb 2012 21:09:41 +0000

HTML5 Wallpaper Download

First approach:

JQUERY

(function() { var canvas = document.getElementById('canvas'), context = canvas.getContext('2d');


    // resize the canvas to fill browser window dynamically

    window.addEventListener('resize', resizeCanvas, false); 
    function resizeCanvas() {

		canvas.width = window.innerWidth;

		canvas.height = window.innerHeight;

		redrawCanvas();

    }

    resizeCanvas();

function redrawCanvas() { // redraw all things here } })();

CSS

* { margin:0; padding:0; } /* to remove the top and left whitespace */ html, body { width:100%; height:100%; } /* just to be sure these are full screen*/ canvas { display:block; } /* To remove the scrollbars */

Second approach, all in one:

How to Rebuild Icon Cache on Windows 7 and Vista

onyrix — Mon, 20 Feb 2012 20:43:58 +0000

Windows Seven Wallpaper Download

To rebuild the Icon Cache Database:

Close all folder windows that are currently open.
Launch Task Manager using the CTRL+SHIFT+ESC key sequence, or by running taskmgr.exe.
In the Process tab, right-click on the Explorer.exe process and select End Process.
Click the End process button when asked for confirmation.
From the File menu of Task Manager, select New Task (Run…)
Type CMD.EXE, and click OK
In the Command Prompt window, type the commands one by one and press ENTER after each command:
CD /d %userprofile%\AppData\Local DEL IconCache.db /a EXIT
where %userprofile% represents the path to user profile folder.
In Task Manager, click File, select New Task (Run…)
Type EXPLORER.EXE, and click OK

How to develope a Facebook Application and make money

onyrix — Tue, 14 Feb 2012 09:52:33 +0000

How to make money with facebook

To make an application for Facebook, we need:

A Facebook account
Apply for the development of facebook (Facebook Developer)
To do this click on ‘Add Facebook Developer Application’
A server with php5
The php5 Facebook Library

Once these requirements are met we can start:

If you want to develope a Facebook Web Application please read before this official guide on facebook.com

http://developers.facebook.com/docs/guides/web/

If you want to develope a Facebook Mobile Application please read before this official guide on facebook.com

http://developers.facebook.com/docs/guides/mobile/

If you want to develope a App on Facebook please read before this official guide on facebook.com

http://developers.facebook.com/docs/guides/canvas/

How to start to monetize your Facebook Application

The technical guide to integrate advertisements in your facebook app is here, please read it carefully:

http://developers.facebook.com/docs/reference/ads-api/

How to make money with links inside Facebook posts

Join a Pay per View Ad program, they pays your impressions via Paypal, easy and fast, links are below
ADF.ly
ADFOC.us
Facebook and Google+ bans this links? No Problem… read the next article..

Build your own URL shortner in PHP

So doing this you will able to submit to Google+ and Facebook your shortened urls (because you will redirect them to the ad enhanced)..
Bye!!