Video Editor in Linux KDEnlive

comments Comments Off on Video Editor in Linux KDEnlive
By , May 27, 2014 14:52

Kdenlive 0.9.6

Aspettiamo con ansia la versione 1!

Ha superato il test nella creazione basica di video amatoriali.

Unico Software video a permettere l’integrazione dei metadati all’interno dei file ogg.

Spero si specializzi nei formati liberi, cosí da diventare concorrenziale a livello professionale.

Devo ammettere che la gran parte delle volte che il software crasha é per un mio errore, o incaponimento nell’uso  inappropriato di immagini png e jpg.

Adatto alla creazione di brevi clips, ha retto un rendering di 6:30 di video con 4 tracce videoo, animazione frame by frame con png sequence, ogni livello ridimensionato e color corrected, con 20 minuti di rendering.

Niente male!

Un cruccio che ci siamo portati appresso era l’impossibilitá nelle versioni precedenti di fare “reverse speed” che ora é un effetto disponibile per far girare il video al contrario.

Designer Work Tools 2013

comments Comments Off on Designer Work Tools 2013
By , November 9, 2013 15:33

I can already complaiine that none of the tools for live CSS editing, support SASS or LESS  (or other pre processor).

But they speed up your life so much we cannot complaine longer.

CSS updater

FireBug plug in http://www.cssupdater.com/
Prerequisites: Adobe Air, Firefox and minumum FireBug

Style Editor 1.0

https://addons.mozilla.org/en-US/firefox/addon/style-editor/?src=api
Requirements: Firefox 12.0 and later
Ma con Firefox 25.0 non compare il menu in right click

Synoptx LiveStyle

Propertary plugin build in PHP and Javascript is a multiplatform solution, adaptable for different CMS: WordPress Drupal Joomla. is the direct son of the propertary Spacecake CMS of the Web and Software Developer SynOptx.net

Colorpicker

What a waste Filezilla Colorpicker it copy just the color hexe code that are wrote in the css code

Colorzilla

Not only the best colorpicker on add ons market but also a precious tool for gradient generator!
Colorzilla pick also the value color from images, jpg… converting in webstandard Hex format.
If I can say something the only bad thing will be to have another standalone on the tollbar of my browser.

Metadata e archivistica

comments Comments Off on Metadata e archivistica
By , November 6, 2013 14:53

Arkiwi é un archivio Audio/Video che si basa sui metadata per mostrare le informazioni dei files. Le Metatag sono informazioni riguardo il contenuto come il titolo o l’autore del brano che vengono incorporate direttamente nel file. Il sistema dei metatag viene usato comunemente per gli audio player, ad esempio il titolo metatag viene visualizzato nei players, in mancanza di cui si legge il nome del file che spesso é oltretutto impresentabile perché scritto in maniera criptica o autoreferenziale come “oei_11.ogg”. Nella messa in onda da una webradio i metatag diventano ancora piú importanti, visto che la selezione musicale viene ascoltata da persone che non sanno il nome di ció che ascoltano, l’ignoto ascoltatore legge: oei_11.ogg e spreca un secondo a cercare di decifrare. Se si fosse usato il campo Titolo dei Metatag “Otra Europa Info 11”, il display avrebbe mostrato il nome corretto e comprensibile, inoltre é estremamente comodo per il DJ poter leggere informazioni riguardo il brano direttamente da dentro il software di riproduzione musicale. Continue reading 'Metadata e archivistica'»

wtf/ pro minute on unbelievable levels

comments Comments Off on wtf/ pro minute on unbelievable levels
By , October 20, 2013 19:45

We got to work on a website were already 4 different groups (individual and studios) worked on.

Was a mess, we are collecting the best absurd thing from the code.

Have fun!

h2:first-letter {position: fixed;}

How to write not comments, comments are made to help understand, not playng role games while coding :

#conttopl .field-title {/*moved 2 line 832*/}

Nomads USB-Zine 2012

comments Comments Off on Nomads USB-Zine 2012
By , October 20, 2013 19:07
Building Up the first Nomads USB-Zine

The Nomads USB-zine is a mixture of brochure, videos and info material that become a multimedia Fanzine on USB stick media.

With the USB-zines we can distribute our info material on demand,  decreasing the consume of media support as DVD or Paper to promote our ideas.

We organized a standard version with a selection of our production, or we refill the USB following specific request from the people, in a Live Peer to Peer sharing moment.

Author: Nomads Guinee Zbog

Compatibility

Working on universal standard to let the project run on every platform, Linux, Windows and Mac.

As Nomads we work with open source softwares on all platforms at the same time,  I generate all the files on Linux platform, also when exported in commercial file format like .pdf and .ppt

The first idea was to let self-open a menu file with listed all the content, but normally the Hacker community suggest to use not the autorun and dont encourage the market to use it, because anyway the autorun will be blocked from any good protected system.

So we plan a FAT32 partition, on the USB sticks,  the mostly compatible file system to work on different OS platform.

Afterlife (of the fanzine USB stick)

It’s an eco-friendly choise not only because on the USB fits different formats at the same time, after u read or copy our fanzine files out of it, you will reuse the same media for your daily life, and that’s a pretty smart way to reduce the production impact!

We really appreciate the USB live systems build up for security so we do encourage the usage of those Operative systems Debian based to let run a live system on USB stick:

Linux Light —– Security (Deutsch)

Freepto —— Cript or die (Italiano)

Tails —— Security (English)

Install fonts using Terminal in Lubuntu

comments Comments Off on Install fonts using Terminal in Lubuntu
By , January 28, 2013 01:56

I found a simple guide HowTo install fonts using the Terminal and I tested it on Lubuntu enjoy it!

http://www.stchman.com/install_fonts.html

HTML5 Video

comments Comments Off on HTML5 Video
By , November 26, 2012 17:00

So, here we are, with the hope to kill Adobe flash player from our carrier.

The only chance ATM (at the moment) is HTML5 video embed.

the compatibility does not seem to be so good:

  • MP4 opera 10.6 does not support this format
  • OGG/OGV  explorer 9 and safari 5 do not support
  • webM explorer 9 and safari 5 do not support

WTF!!! we can anyway integrate all 3 formats::

  • .mp4 = H.264 + AAC
  • .ogg/.ogv = Theora + Vorbis
  • .webm = VP8 + Vorbis

<video poster=”immagine.jpg”>
<source src=”esempio.ogv” type=”video/ogg “>
<source src=”esempio.mp4″ type=”video/mp4″>
<source src=”esempio.webm” type=”video/webm”>
<p>this text will be visualized if the browser do not support HTML5. Download the video <a href=”esempio.webm”>here</a>.

</p>
</video>

You can also insert controls command inside the VIDEO tag

controls adds a default video control overlay;

width and height: dimensions with preload:

start the video download in autorun or not with preload=”none”
u stop it specify a codec inside the SOURCE tag

<video autoplay=“autoplay” loop=“loop” controls=“controls” tabindex=“0” preload>

<source src=”movie.webm” type=’video/webm; codecs=”vp8, vorbis”‘ />

<video>

 VIDEO + JS
explorer 8 does not read the tags, there are some ways to add theme in js:
<script type="text/javascript">
document.createElement('header');
document.createElement('footer');
document.createElement('section');
document.createElement('aside');
document.createElement('nav');
document.createElement('article');
</script>
or  use the already done files used in the file html5.js
For an even better compatibility with Flashplayer < 10 the fallback flash object requires flv file, not mp4.

Linkografy

http://it.wikipedia.org/wiki/HTML5_video

http://www.w3schools.com/html/html5_video.asp

http://www.html5rocks.com/en/tutorials/video/basics/

http://www.youtube.com/html5

http://www.html.it/articoli/il-tag-video-di-html5/

http://thewebthought.blogspot.com/2011/04/html5-and-internet-explorer-8-not-good.html

codecs="vp8, vorbis"

UNRESOLVED WP Multisite bugs

comments Comments Off on UNRESOLVED WP Multisite bugs
By , November 7, 2012 07:17

This post is WIP

WordPress 3.4.1

Plug in: WordPress Importer

Missed categories
“Ho notato un errore nel blog.
Zbog mi diceva che postavo le cose senza aggiungere le categorie
in realtà, quando posto le robbe dal network mexico,
mette le categorie , una volta ripostate da li nella pag centrale nn compaiono” PkT

Ravanando nell’installazione multisito trovo che effettivamente le categorie del sito principale e dei vari sottositi non combaciano.
Al contrario di PkT io postavo dal sito principale e nel correllato sito guinea le Category erano scomparse.
Ma anche le stesse categorie con stesso settings, non vengono riconosciute.
Creandone di nuove non compaiono nei siti correlati…

Ho trovato molto interessante questo Blog post
http://halfelf.org/2011/dont-use-wordpress-multisite/
da dove traggo l’informazione che google e simili potrebbero leggere i post identici di un multisito come spamming, e far scendere di visibilità l’indirizzo del sito.
Quindi sarebbe meglio limitare il numero dei Post doppioni, meglio usare pagine che visualizzano tutti i post con le stesse category e tag.

Proprio ciò che non funziona!
proverei prima con una diversa plugin:

http://wordpress.org/extend/plugins/wordpress-mu-sitewide-tags

“This plugin creates a new blog on your server for all the posts on your site, much like http://wordpress.com/tags ”

CSS multisito
Suggerisco di dare un impaginazione standard, a tutti i siti nel network, almeno per quanto riguarda il box selector,
dato che se il post ha 3 foto in verticale una dopo l’altra affiancate dal testo grazie al posizionamento <align=”links”>
si perde il bordo vertical and horizontal settato nell’interfaccia.

Log in
altro bug se accedo dal sito principale, poi edito il post dalla dashboard del sottosito, e lo condivido sul principale non compare sul sito madre

Create favicon.ico on Linux in 2 links

comments Comments Off on Create favicon.ico on Linux in 2 links
By , August 14, 2011 19:24

1. Tutorial Image editing:

U can create the image as .png with the Gimp Software, here the tutorial:

http://egressive.com/tutorial/creating-a-multi-resolution-favicon-including-transparency-with-the-gimp

Drupal interface did not like the.ico format directly saved from GImp, did not appear so I have saved a .png in Gimp and converted …


2. Post Image converting:

Post about converting .png to .ico with the Terminal on Linux:

http://steve.kargs.net/hosting/create-a-website-faviconico-with-ubuntu-linux/

Designers: Dont Panic !

If the lines of code make bleed your eyes, but you still want to work with Open Source Software … work with Linux developer or

get Ubuntu Studio optimized for Graphic Design, then all the tools are already include into your Operative System.

In the case you have all the tools:

you ´ll need to go into the directory where you have the png

$ cd Documents/design/logo/

and use just the last line from the article

$ icotool -o favicon.ico -c favicon.png

:first-letter pseudo-element for drop cap

comments Comments Off on :first-letter pseudo-element for drop cap
By , July 19, 2011 17:03

If you want the  first-letter  of a <p>aragraph to look like Drop Cap (old fashion newspaper style), with a bigger letter floated to the left every browser shows up something different.

The main problem is to align in vertical the letter to the top of the text,the property vertical-align apply on the first-letter pseudo-element only if the float is set to none, that is a waste, the target I want to reach is big Letter with text around.  if I dont float the results, it shows a line break after the first line high like the height of the first letter.

Mozilla Firefox is the only one understanding a margin or padding from the top, so thumb up for this browser.

The developer tools presented in other browsers than Firefox dont allow me to edit the CSS in live, in order  to see faster which solution I can take.  for the other browsers I used the edit & try option of http://www.w3schools.com

IE6

This pretty article http://www.satzansatz.de/cssd/pseudocss.html discusses the classic IE behavior for typo and spacing errors,  IE6 requires an empty space between the class/id name and the comma and a space between the class/id  and the {} to read the properties

SOLUTIONS: Lets fight the Browser compatibility

  1. Using spans: create a span around the first letter is the mostly compatible solution, frequently used in the past, but does not work for dynamic created content, at least it does not without a script that add the span automagically
  2. insert line height and work on margin-bottom!
  3. Use a specified font for the first letter , where the uppercases are positioned into the font editor 4 pixel down to the bottom line (simply crazy for mostly common low payed jobs!)

thanks to this article (http://www.users.globalnet.co.uk/~arcus/html/dropcaps.html) I noticed that the margin bottom on the contrary of the margin-top it works in many browser!

Important is also the line height which forces the browser to think about the first letter like if was height like the text.

the results are still really different for each browser, that terrifies me and the letter  is frequently higher than the line. but acceptable.

HERE THE CODE:
/*TODO check IE6*/

p:first-child:first-letter{
float:left; /* Make the text flow around the letter */

font-size:3em;
margin:4px 4px 0px 0px;/*for firefox that is the only one reading the margin-top*/
margin-bottom:-0.25em;/*for the other browsers, Chrome, Opera*/
line-height:0.97em; /*Adjustment mainly for IE , help position the letter on the same height then the text,  that has 0.97em line-height/
}

WordPress Open Source Blog System
SynOptX Lab Theme