Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

Some useful Javascript Snippets 

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

This contains some great css snippets found on internet or  just created/changed by myself. 


Box with glass border
.box {
    background: #f0edcc;
    background-clip: padding-box;          /* Background stops at border */
    border: 4px solid rgba(255,255,255,.2);
    border-radius: 3px;
    box-shadow:
       0    0   1px  rgba(255,255,255,.8), /* Bright outer highlight */
       0    0   3px  rgba(0,0,0,.8),       /* Outer shadow */
       1px  1px 0    rgba(0,0,0,.8) inset, /* Inner shadow (top + left) */
      -1px -1px 0    rgba(0,0,0,.8) inset; /* Inner shadow (bottom + right) */
    padding: 10px;
}

thanks to Jordan Gray for his post on stackoverflow


Break word for word wrap
.acapo{
word-break
:break-all
}

 


Apply to classes starting with ...

...ie: to select all classes starting with leading like "leading-[n]". The [n] is 1, 2, 3 ...n

[class*="leading"] {
  margin: 0 0 20px 0;
}

 


Apply to First and Last element
.nav li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}
.nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}

  


Text Gradient 
.mytextgradient {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  color: #234EFA;
  background: -webkit-linear-gradient(#234EFA 50%, #040A22);
}

 


PNG-Shadow 

Shadow for transparent image

my-Transparent-img {
   -webkit-filter: drop-shadow(5px 5px 5px #222); 
   filter: drop-shadow(5px 5px 5px #222); 
}

 Thanks to Stackoverflow for the discussion

 


Image auto resize 
/* image auto size when resize the browser */
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto\9; /* ie8 */

 

 


 

Select Next Element
p:nth-child(2) {
    background: #ff0000;
}
p:nth-child(4) {
    background: #00000;
}

p:nth-child(odd) {
    background: #ff0000;
}

p:nth-child(even) {
    background: #0000ff;
}

p:nth-child(3n+0) {
    background: #ff0000;
}

 

CSS Reflection
/* chrome and safari */
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));

 HongKiat Blog

 

 CSS hover can display hidden element

/* will show the element with class tooltiptext */
.tooltip:hover .tooltiptext {
	display: block;
	opacity: 1;
}

 


To Be Continued... 

Stay tuned, I will add more snippets soon...

 

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

Image to have a table like the following and you need to get the max value of COL2 for each COL1.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

This page contains some jquery code snippets. I wrote them day by day during developping, so they are not well organized but for sure they are useful.

Valutazione attuale: 4 / 5

Stella attivaStella attivaStella attivaStella attivaStella inattiva

Speed Dial it's a plug-in for Google Chrome for tab pages.

I just created a couple of custom CSS for it.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

Da quando sono usciti i sistemi windows a 64 per i client le immagini di anteprima, meglio conosciute con il nome inglese thumbnail, hanno sempre rappresentato un problema per molti software. Al posto dell'immagine che rappresenta il contenuto in bella vista c'è l'icona del programma a cui è associato il file.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

Di recente ho avuto la necessità di "sbirciare" in un database di cui non avevo la documentazione. Volevo trovare la tabella dove era memorizzata una data parola.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

I am really entusiast to suggest you a good Syntax Highlighter for Joomla.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva
The plugin byman Sliders is a joomla extension developed by myslef for some popular sliders.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

In Joomla 3.02 there is not the option to align the logo to the center. Here what I have done.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

If you need to store and manage your passwords in a secure way, KeePass could be what you need.

WHAT IS KEEPASS

KeePass is a free open source password manager, which helps you to manage your passwords in a secure way.

It is available for windows, OSx, Linux, iOS, Android and more. 

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

Whatsapp gira su diversi sistemi ma soltanto su mobile: Blackberry di RIM, iOS di apple, Android di Google, Nokia, Windows Phone, Symbian ma non su PC o MAC.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

TinyMCE is delivered without a source coloured. It's poor edit the html without the source highlighted. In order to highlight the surce code I found 2 plugins for TinyMCE: codemirror and codemagic. Let me explain how to add the plugin "codemagic" on your Joomla.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

Joomla 3.x was released on september 2012. I am using Joomla 3.x for my own websites byman.it and quakearea.com and also for some friends websites. Here some addon used.

Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva

A nice CSS3 to format an html table. I found it at Red Team Design website. Let me share it.

Sottocategorie

MiscellaneousMiscellaneous
ajaxAsynchronous JavaScript
Lotus NotesArticoli su IBM Lotus Notes e Domino
VariArticoli Vari
GraphicsSome particulars tricks
JoomlaIl CMS Joomla!
developingDeveloping
vb.netVB.Net
php logo mediumPHP Scripts
sqlDatabases sql scripts and more
javascriptJavascript scripts
vscodePHP Scripts