Omeka Bootswatch Themes

This time I made a porting of Bootswatch themes for the CMS Omeka.

Museo&Web patch html5 - it

Museo&Web è un CMS distribuito dal MiBact (con licenza GPL 2.0), il progetto ha la particolarità di fornire out-of the boxuna serie di moduli utili per musei, biblioteche, archivi, dipartimenti e centri di ricerca. È, inoltre, un buon esempio di investimento pubblico verso la collettività visto il codice aperto.

Link texts with images: Imbrex

Imbrex 0.0.1 alfa

View on Github --- Download

«Bent or curved tile like a half-cylinder used for gutters or for covering the junction of adjacent concave or flat tiles with upstands.»

Imbrex is a tool to manage collections of texts linked with images and vice-versa. It comes from TILE, Text-Image Linking Environment, but Imbrex has a new design, web oriented and centered on usability and user experience.

Colored roof tiles on top of the Cathedral of St. John in Milwaukee, Wisconsin By Dori CC BY-SA 3.0 us, via Wikimedia Commons

Mobile First, Mobile Always ... with Bootstrap

How to set-up the hamburger icon and the mobile navbar for all resolutions in Bootstrap?

A Cocktail of technologies. 2016 Project

One year ago the PHP-MVC framework CodeIgniter code become a project of the "British Columbia Institute of Technology", during this year the new team released a new stable version.

v3, a Three Levels Validation Contact Form for Bootstrap

v3, or vCube, is a contact form that I just published on github.

The form has three levels of validation:

• Javascript Validation
• PHP Anti spam tests
• PHP Validation

Every configuration is in one configuration array, then the script builds the form, validates and sanitizes the data for you.

The script includes a library for js validation: Bootstrap Validator, a library for PHP validation: GUMP (which I added a couple of functions) and a plug-in for captcha.

vCube class makes cooperate the two classes:

• it builds the HTML to trigger the javascript 
• drives the data trought GUMP for server side parsing

Between these two steps v3 makes three anti-spam tests:

• is not a bot,
• hidden form field value,
• the form is compiled in a time range (2-3600 seconds).

See the web-page on Github: http://orazionelson.github.io/v3/

See the project page on Github: https://github.com/orazionelson/v3

HTML5, Not Just a Version Number (Part 2)

The number in HTML5 means something more than a mere version. The environment asks for a minimal effort on some basic programming patterns. If your aim is to have contents adaptable as much as possible to a wide range of devices: accessibility, responsivity and semantics built-in properties are a good starting point.  

TIP: Read before Part 1.

HTML5, Not Just a Version Number (Part 1)

The number in HTML5 means something more than a mere version. It doesn't identify only a markup language but an environment, with, at least, three languages (HTML v.5, CSS v.3 and Javascript) in a pattern, surrounded by a collective strenght to share prototypes and best practices.
An ecosystem strongly oriented to provide web-services, born with a discreet awareness for the future of the web, the abstraction of users wants/needs and the background of the technology frustrations that troubled the Internet in the past decade.

UNITED WE STAND

Web sources to search for images

Do you need for images, graphics, pictures or clipart? Are you looking for free media? Don't you want infringe copyright?

Sometimes you just need to use generic search tools, sometimes you can find what you want by looking on dedicated web sites.

Here some pretty sources useful for your aims.

The new life of Codeigniter

A good web development framework is the right way for your devel Wonderland.

Their aim is not reinvent the wheel.

A good framework, with a few right instructions, will write the code for you with an high level of:

• security, 
• abstraction, 
• reusability, 
• mantainability.

Then you will customize the code for your application.

Manage long keywods lists with Tokenfield for Bootstrap

Renewing the Flatnuke dashboard I had to find a solution to manage long lists of tags or keywords, I struggled for a while until I discovered Tokenfield; that's serendipity for nerds.

Html form validator for Bootstrap

Working with the Flatnuke community for a new version of the CMS I decided to rewrite the dashboard, then I introduced a Bootstrap Admin Template and some useful extensions, the first needed was a validator.

Awesome icons with Font Awesome

Font Awesome is an "iconic font designed for Bootstrap", the font contains 369 icons divided into a few main areas: Web Application, Form Control, Currency, Text Editor, Directional, Video Player, Brands and Medical.

Easter-eggs in CSS3 ... and a bit of jQuery

I know it's a bit late, Easter is gone but I'm still digesting tons and tons of casatiello (a delicious neapolitan salt cake) and coding is a good idea to help my stomach.

Ok, let's try to draw an easter-egg just using CSS3 and jQuery.

I need to obtain at least an egg, a ribbon and a cockade; everything has to be resizable with the page.

Append and Animate ONCE with jQuery on mouse action

Using jQuery you can see that appending a text portion or adding an animation to an element on the mouse passage (or on click) brings to an unpleasant loop effect. 

From Blogosphere to Social Networks: free tools to route content.

Let's assume you have an interest, you want write and collect news about it, you want share this knowledge and you want to route this content via social media.
Now we'll see how to connect some RSS feeds, a Facebook Page and a Twitter account using three good free (or partially free) services.

The aim is to extend this knowledge, create discussion and optimize your time by delegating to machines all repetitive and frustrating parts.

HTML5 frameworks an overview (part IV): let's ... Initializr

An html5 framework is a pre-built set of pages in html5 with a highly structured css/css3 and some enhances and features added by javascript, so it's not only html5 but concerns a set of technologies always more strictly integrated.

HTML5 frameworks an overview (part III): Twitter Bootstrap

An html5 framework is a pre-built set of pages in html5 with a highly structured css/css3 and some enhances and features added by javascript, so it's not only html5 but concerns a set of technologies always more strictly integrated.

Technology and Ethics

On April 23, 2010 in Langhirano (PR), invited by Mirco Ferrari (webmaster and creator of langhiranovalley.it), with the "Parma Linux Users Group" we participated in a themed evening in which there was discussion about "Technology and Ethics".
My friend Marco Albanese introduced the topic Linux, I (from about 12:00 min) concluded with a focus on the central point of the evening.
After: good wine, ham and appetizers.
I found the video on Vimeo almost by accident. :)

Tecnologia ed etica: un binomio possibile from Mr. Rano on Vimeo.

HTML5 frameworks an overview (part II): HTML5Boilerplate

An html5 framework is a pre-built set of pages in html5 with a highly structured css/css3 and some enhances and features added by javascript, so it's not only html5 but concerns a set of technologies always more strictly integrated.