Blog per ricordare – New Media Agency

04 Mag

Da dove cominciare…

un’ottima partenza è senza dubbio qui:
https://learndigital.withgoogle.com/digitaltraining/course/digital-marketing/

Gratis e Completo. Puoi iniziare anche se non hai la competenza particolare e alla fine del corso ti danno la certificazione di Google. Inizia con le tue credenziali di Google(es. gmail).

Prima cosa da fare

Stabilire il tuo OBIETIVO

Attività da fare

Registrati su Google My Business

https://www.google.it/intl/it/business/

Crea il tuo sito web nel modo giusto

Immagina di essere chi visita il tuo sito.
Cosa cerca? Aiuta ciò che cerca.
Raccontare la tua storia online.
Tono sicuro non aggressivo.
Immagini, titoli, navigazione chiara. Non testi kilo metrici. Non legge nessuno.
Veloce, veloce, veloce. la velocità di caricamento è TUTTO.

Rispondere a queste domande

Quel è il tuo obiettivo commerciale
La tua dichiarazione di intenti
Quale è il tuo punto di forza esclusivo, UVP (unique value proposition)

Photo by Merakist on Unsplash

11 Dic

CSS3, SASS, SCSS, COMPASS, LESS, BOURBON

CSS
li {
  font-family: serif;
  font-weight: bold;
  font-size: 1.2em;
}

SCSS
li {
  font: {
    family: serif;
    weight: bold;
    size: 1.2em;
  }
}

SASS
li
  font:
    family: serif
    weight: bold
    size: 1.2em

COMPASS, LESS, BOURBON sono i motori che creano CSS

10 Dic

Responsive viewport units (vw, vh, and vmin)

article > section {
    column-width: 22rem;
    column-gap: 2.6rem;
                
    height: 80vh;
    width: 80vw;
        
    overflow: scroll;
}

object-fit: cover

img {
width: 200px;
height: 400px;
object-fit: cover;
}

backface-visibility

img {

position: absolute;
animation: turn 2s infinite;

}

.donut-front {

z-index: 5;

backface-visibility: hidden;

}

@keyframes turn {

to {

transform: rotateY(360deg);

}

REM VS EM

rem	Relative to font-size of the root element
em	Relative to the font-size of the element (2em means 2 times the size of the current font)

:nth-child

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

p:nth-child(even) {
background: blue;
}

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

Using a formula (an + b). Description: a represents a cycle size, n is a counter (starts at 0), and b is an offset value.

Specifying two sizes in CSS font property

font: 14px/60px

=

font-size: 14px;
line-height: 60px;

Link Utili

http://www.css3.info/

05 Dic

Configurare virtual host in MAMP per Mac

1. Host file

sudo nano -w /etc/hosts

Aggiungere questa riga

127.0.0.1 domain.test

2. httpd.conf

Si trova: Applications/MAMP/conf/apache/httpd.conf

DA:

# Virtual Hosts# Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

A:

# Virtual Hosts
Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

3. httpd-vhosts.conf

si trova: Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

DA:

<VirtualHost *:80>
ServerAdmin webmaster@dummy-host.example.com
DocumentRoot “/Applications/MAMP/Library/docs/dummy-host.example.com”
ServerName dummy-host.example.com
ServerAlias www.dummy-host.example.com
ErrorLog “logs/dummy-host.example.com-error_log”
CustomLog “logs/dummy-host.example.com-access_log” common
</VirtualHost>

<VirtualHost *:80>
ServerAdmin webmaster@dummy-host2.example.com
DocumentRoot “/Applications/MAMP/Library/docs/dummy-host2.example.com” ServerName dummy-host2.example.com
ErrorLog “logs/dummy-host2.example.com-error_log”
CustomLog “logs/dummy-host2.example.com-access_log” common
</VirtualHost>

A:

<VirtualHost *:8888>
DocumentRoot /Applications/MAMP/htdocs
ServerName localhost
</VirtualHost>

<VirtualHost *:8888>
DocumentRoot “/Users/user/Sites/domain”
ServerName domain.test
ServerAlias domain.test
</VirtualHost>

4. Test sul browser

http://domain.test:8888

20 Nov

How to record the screen on your Mac

To capture a screenshot of the entire display:

Tap Shift + Command + 3.
Find the picture on your Mac’s desktop.

To capture just a part of the screen on your Mac:

Tap Shift + Command + 4.
Find the picture on your Mac’s desktop

To record a video on your Mac:

Open QuickTime
Tap “File” at the top of the display.
Choose “New Screen recording”
Hit record.
You can record the whole screen, or click and drag your mouse cursor to record just a specific part.