Articles Tagged 'Internet'


jQuery: how to build an extension Plugins

Like all the libraries of this type also jQuery allows you to extend its basic functionality using real plugins. Respecting the rules of its operation, that is, return it is always a pointer to the selected item or jQuery itself, you can write a plugin with a few lines of code. Take for example the proposed code in jQuery against everyone: a benchmark with 5 browser , which was (after the correction reported by Luca ):

1
2
3
4
5
) . css ( 'cursor' , 'pointer' ) . click ( $ ('H2.dropdown'). Css ('cursor', 'pointer'). Click (
function () {
$ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; if ($ (this). next (). is (': hidden')) $ (this). next (). slideDown (); else $ (this). next (). slideUp ();
}
);

Continued ...

Actionscript 3.0 for beginners: lesson # 2

As promised here is the second lesson in ActionScript 3.0! Today we start the analysis of a simple project that reproduces the play or the Tic Tac Toe Tic Tac Toe. I tried to include some special features in this example, ActionScript 3.0, trying to give space to the understanding and not on style. It follows that if I had to write the "game" really, I probably would have structured very differently, but in this case I tried to mediate between a classical program with a compact, hermetic more understandable for newbies.

Continued ...

jQuery makeover

In these days (on the advice ...) I was browsing on jQuery , a great library in the style of prototype.js , scriptaculous.js , MooTools , so to speak ... and now here is the whole site has been completely redesigned:

image

Great start to broaden my horizons on this kind of libraries! Shortly publish some interesting article, especially about the differences between jQuery and other libraries "similar".

Continued ...

Very short snippet: send HTML mail with PHP

The code necessary and sufficient to send a simple email in HTML format using the command mail() in PHP is:

1
2
3
4
5
6
7
/ / Prepare the header to indicate HTML
"MIME-Version: 1.0 \n " . $ Headers = "MIME-Version: 1.0 \ n".
"Content-type: text / html; charset = utf-8 \ n".
"From: Undolog.com <info@undolog.com> \ n".
"Bcc: Copy <g.fazioli@undolog.com> \ n";

"Destinatario <info@e-lementi.com>" , "Oggetto della mail" , "<p>Corpo della mail in <strong>HTML</strong></p>" , $headers ) ; mail ("Recipient <info@e-lementi.com>", "Subject of mail", "Body of email <p> <strong> HTML </ strong> </ p>", $ headers);

Continued ...

Skypemote.com: say it with emotions

Skypemote

Opens - in beta - Skypemote.com , a project born from an idea me and Nicola ( flussodigitale.com ), which proposes a simple editor to create nice drawings from "paste" in Skype. The editor has been created in Adobe Flash CS3 and, weather permitting, I would also release a version - Desktop - Adobe AIR.
If you use Skype to "chat" with this editor, you will surely impress your interlocutors. If you find this service useful and fun, do not forget to contribute suggestions, and - if you will - with some donations! :)
Follow the project because there will soon be other "nice" news.

Continued ...

Simple Flash Project Generator 0.5: a Flash AIR application

In Actionscript 3.0 for beginners: lesson # 1 we have seen the necessary steps for creating a project in Flash CS3. So I got the idea to automate, to some extent, this process due to the features of Adobe AIR .

Continued ...

Theft, copies and clones on the web: I have cloned the site

Update of January 26, 2009

On January 26, 2009 I was contacted by the responsible staff Pixelfabrica that very honestly and with rare sincerity told me the reason of the incorrect "cloning" of the site, what happened, apologizing and giving immmediatamente beginning of the review "correct" Site Pixelfabrica . As already pointed out in my post, find inspiration in other Web work is not a crime, indeed. In some cases it may even be rewarding. What struck me most was how Google Analytics, which was absolutely not aware of the "double" in this User Code simultaneously on two different Web (for both IP Referer).

Anyway thank Pixelfabrica for adjustment and the honest admission and I swear that this is not a viral marketing : D

Original Post

Today I was browsing through the reports generated by Google Analytics when looking at some pages of my site E-lementi.com I notice a series of "strange" links:

image

Who the hell is PixelFabrica? How on earth is over that link statistics? I have a virus?! So I search for on Google and I'm going to occur on:

image

Unbelievable! I have copied the "old" (see also: Case Study ) ... Layout! Not only have they copied the layout in the graphical sense ... after all it is only normal inspiration from the work of others. But they have just copied the code! HTML to CSS. Among other things were not even aware, in fact, moving the mouse over the title "digitalcodices.org" of the three news shows "undolog.com born"!

image

They also did not even understand the operation of "thin" in CSS. By clicking on the navigation menu to select the displayed page remains on the home, which did not happen with my layout: PixelFabrica dear, if you want my advice you can contact ! In short, if you really want to "copy" at least do well!

Some will say that I'm pointing all this by the "pure" a favor ... do a good viral marketing ... but it is the first time I've been "cloned" in this shameless manner, and the feeling I have yet to decipher! :) Here's how it was in fact E-lementi.com before the restyling of 2008:

image

Continued ...

Actionscript 3.0 for beginners: lesson # 1

Premise

Actionscript 3.0 can be a good starting point to become familiar, those unfamiliar with C programming and / or C + +, orioentata programming (OOP). In addition, this series of lessons will be useful to those coming from other rooms or from earlier versions of Flash.

Set a project

In this first lesson we will see how to set up a project Flash CS3 generic. It is good to use when the projects are expected to have to deal with at least more than one file. The use of the project was introduced - by Macromedia - already in versions prior to CS3, so it should be a subject known to developers Actionscript 2.0.
However with Actionscript 3.0 - as we shall see - it is possible to create a Actionscript (. Pbuh) to the document-root movie ours. Fla so to speak. This feature is very useful and also makes a project minimum of at least two files: the. Fla. As associated. For this reason, you will "always" from a project, so right now organizing the various files (. Fla,. As, ...) that will be part of our "package" of development.
Also, once you learn the dimesticazza with the philosophy to objects, instrinseca in this type of language, end up with many files will be normal, even for simple projects substantially.

Continued ...

Using Templates to create a WordPress Sitemap

There is a feature in WordPress, sometimes overlooked, which makes it very versatile, especially for those who create themes: the use of templates! A Template is not just a file included in the theme folder. To identify it as a template just insert a special comment at the beginning of the file in PHP:

1
2
3
/ *
Template Name: Sitemap
* /

Using this feature, you can create a blank page, with the standard procedure of WordPress, and connect it to our template. If you create a file, for example sitemap.php (adding the comment shown above) and loaded in the folder of your theme, you will notice that the editor during the creation of a WordPress page (not a post) menu Template (below) will contain the name of the template file is loaded. As indicated in the template section:

Some themes have custom templates you can use for certain pages that may contain additional features or custom graphics. [...]

I, for example, I used this feature to create a dynamic page (which then executes PHP code) can show a real sitemap for your blog.

Creating a page Sitemap

First create a file sitemap.php and upload the folder of your theme. WordPress by creating a new page, give it a name and select the template from the menu that is located below the editor! Finished!

The template, as part of the theme, it also contains all the structure of the theme itself is therefore important to know and write properly. But here is a skeleton of a Sitemap that you can modify to reflect the theme you have installed:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<Php
/ *
Template Name: Sitemap
* /
?>
<? Php get_header ();?>
"content" > < div id = "content">
have_posts ( ) ) : the_post ( ) ; ?> <? Php if (have_posts ()): while (have_posts ()): the_post ();?>
"post" id = "post-<?php the_ID(); ?> "> < div class = "post" id = "post-<? php the_ID ();?>">
h2 > < h2 > <? php the_title ();?> </ h2 >
"date-time" ><?php the_time ( 'lj F, Y' ) ?>< / small > < small class = "date-time"> <? php the_time ('lj F, Y')?> </ small >
"entry" > < div class = "entry">
href = "<?php bloginfo('url'); ?> " alt=" <?php bloginfo ( 'name' ) ; ?> ">Home < / a >< / strong >< / p > < p > < strong > < a href = "<? php bloginfo ('url');?>" alt = "<? php bloginfo ('name');?>"> Home </ a > </ p > </ p >
h3 > < h3 > Page </ h3 >
< ul >
; ?> <? Php wp_list_pages ('title_li =');?>
</ ul >
h3 > < h3 > Post </ h3 >
< ul >
) ; <Php $ archive_query = new WP_Query ('showposts = 1000');
while ($ archive_query-> have_posts ()): $ archive_query-> the_post ();?>
= "<?php the_permalink() ?> " rel="bookmark" title="Permanent Link to <?php the_title ( ) ; ?> "> <?php the_title ( ) ; ?>< / a >< / li > < will > < a href = "<? php the_permalink ()?>" rel = "bookmark" title = "Permanent Link to <? php the_title ();?>"> <? php the_title ();?> </ a > </ them >
<? Php endwhile;?>
</ ul >
h3 > < h3 > Monthly Archives </ h3 >
< ul >
; ?> <? Php wp_get_archives ('type = monthly');?>
</ ul >
h3 > < h3 > Category </ h3 >
< ul >
; ?> <? Php wp_list_categories ('title_li = 0');?>
</ ul >
h3 > < h3 > RSS Feeds / FeedBurner </ h3 >
< ul >
= "<?php bloginfo('rdf_url'); ?> " alt="RDF/RSS 1.0 feed"> < acronym title = "Resource Description Framework" > RDF < / acronym > / < acronym title = "Really Simple Syndication" > RSS < / acronym > 1.0 feed < / a >< / li > < will > < a href = "<? php bloginfo ('rdf_url');?>" alt = "RDF / RSS 1.0 feed"> < acronym title = "Resource Description Framework"> RDF </ acronym > / < acronym title = "Really Simple Syndication"> RSS </ acronym > 1.0 feeds </ a > </ them >
= "<?php bloginfo('rss_url'); ?> " alt="RSS 0.92 feed"> < acronym title = "Really Simple Syndication" > RSS < / acronym > 0.92 feed < / a >< / li > < will > < a href = "<? php bloginfo ('rss_url');?>" alt = "RSS 0.92 feed"> < acronym title = "Really Simple Syndication"> RSS </ acronym > 0.92 feed </ a > </ them >
= "<?php bloginfo('rss2_url'); ?> " alt="RSS 2.0 feed"> < acronym title = "Really Simple Syndication" > RSS < / acronym > 2.0 feed < / a >< / li > < will > < a href = "<? php bloginfo ('rss2_url');?>" alt = "RSS 2.0 feed"> < acronym title = "Really Simple Syndication"> RSS </ acronym > 2.0 feeds </ a > </ them >
= "<?php bloginfo('atom_url'); ?> " alt="Atom feed">Atom feed < / a >< / li > < will > < a href = "<? php bloginfo ('atom_url');?>" alt = "Atom feed"> Atom feed </ a > </ them >
</ ul >
</ div >
</ div >
<? Php endwhile, endif;?>
</ div >
<? Php get_sidebar (); get_footer ();?>

Continued ...

Safari, remove the blue border on input fields

Safari, the Apple browser available for Windows, produces a blue border (blue border) when you click within a field input . If in some cases it may be pleasant, others becomes really annoying! To delete just plug in our style sheet:

1
2
/ * ____________________________ Remove blue border * /
: 0 none } input {outline: 0 none}

Or, alternatively, directly as an attribute in the tag input :

1
"outline: 0 none" ... / > < input style = "outline: 0 none" ... />

Continued ...