css
How to animate HTML elements and slide them in on mouse scroll using CSS and Javascript Today I want to animate a bunch of HTML elements and create an animation that moves them inside the same parent DIV once the elements are in the viewport, so only when the elements are visible to the users. […]
Read More...
This tutorial will show you how to change your website cursor to any CSS shape and change the shape on hover on certain HTML elements. I have seen a lot of tutorials online about changing the HTML cursor to an SVG icon or to a PGN icon. In my case, I would like to change […]
Read More...
How to add Read More/Read Less button next to a too long HTML element. This tutorial will take you through how to display a certain number of rows of an HTML element and hide the rest of it, then we will see how to read a clickable “Read More” element at the end of the […]
Read More...
Marcello Perri
Styling and modifying the first letter of a paragraph in a WordPress post with jQuery and CSS
This tutorial aims to style and change the first letter of an HTML paragraph of the first paragraph (and only the first) of a WordPress post content or page content. Styling the first letter of a CSS div is very straightforward, CSS provides a selector called “::first-letter” that gets the job done, it finds the […]
Read More...
Marcello Perri
Aggiungere “leggi di piu'” e “leggi di meno” a qualsiasi testo in Javascript e JQuery
Come aggiungere leggi di piu’/leggi di meno alla fine di un elemento HTML troppo lungo. Questa guida vi fara’ vedere come visualizzare un certo numero di caratteri o un certo numero di righe di un elemento HTML e nascondere il resto del testo, quindi vedremo come visualizzare un elemento “leggi di piu'” clickabile alla fine […]
Read More...
Marcello Perri
Come editare la pagina di login di wordpress con CSS e PHP
Ho di recente avuto la necessita’ di cambiare lo stile della pagina di login di WordPress, questo puo’ tornare molto utile se volete dare un tocco piu’ professionale al vostro sito, soprattutto se il sito e la dash-board di WordPress ha molti accessi da parte di autori e scrittori. Il file che gestisce l’accesso a […]
Read More...
Marcello Perri
Cambiare data e orario HTML in funzione della posizione del client/browser in Javascript / JQuery
Mi e’ stato chiesto di adattare l’orario e la data di un sistema di messaggi in funzione della posizione di chi lo guarda, inizialmente l’approccio piu’ corretto sembrerebbe cambiare le date quando vengono visualizzate in PHP, ma questo potrebbe compromettere le informationi nel database se le date/orari fanno parte di un form e vengono riscritti […]
Read More...
Marcello Perri
Come bloccare la prima riga e la prima colonna in una tabella HTML usando CSS e Javascript / JQuery
Stavo lavorando su una tabella che riporta i permessi di una serie di utenti, la prima riga riporta il tipo di permesso (una ventina circa), la prima colonna riporta il nome degli utenti coinvolti. Ho notato che quando scrollavo la tabella a destra non riuscivo piu’ a vedere a che nome si riferiva la colonna […]
Read More...
Marcello Perri
Come creare div di diverse forme e dimensioni in CSS3
One-page-website sta diventando sempre più popolare nel web, per chi non lo sapesse, one-page-website e’ quella tecnica che prevede di mettere tutte le parti relative al sito in una sola pagina, così facendo il menù non aprirà una nuova pagina ma ridirezionerà lo schermo su una diversa altezza della stessa pagina. Questo tipo di filosofia […]