El Noguer

Joaquim Perez i Noguer

Tutorial SVG

Filed under: Web — Joaquim Perez Noguer at 3:01 pm on Divendres, Febrer 23, 2018

Un bon tutorial SVG per entendre com es pot utilitzar-lo manualment.   Here’s how your completed code should look: <!DOCTYPE html> <html lang=”en”> <head>   <meta charset=”UTF-8″>   <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>   <meta http-equiv=”X-UA-Compatible” content=”ie=edge”>   <title>Hand Coded SVG</title>   <style>   html, body {     height: 100%;     width: 100%;     background: #e9e9e9;   }   body {     margin: 0;     text-align: center;   }   .grid […]

CSS by example: cssreference.io

Filed under: Web — Joaquim Perez Noguer at 12:24 pm on Dilluns, Gener 29, 2018

A cssreference.io hi ha una bona guia visual amb exemples de com escriure un bon CSS i escollir l’efecte que més t’agrada. Tweet

Filed under: Web — Joaquim Perez Noguer at 3:19 pm on Dijous, Desembre 14, 2017

Vist a https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 The final ingredient we need in order to fix this is called minmax(). We’ll simply replace 100px with minmax(100px, 1fr). Here’s the final CSS. .container { display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-template-rows: repeat(2, 100px); } Notice that all the responsiveness happens in a single line of CSS. This results in […]

Mozilla Social Services a Firefox 57

Filed under: Web — Joaquim Perez Noguer at 9:58 am on Dijous, Novembre 23, 2017

El Firefox 57 ja no té el botó de compartir a les xarxes socials. Amb el nou API per extensions s’ha eliminat del tot l’API Social Share. Si es vol es pot instal·lar un nou complement que fa el mateix: Share Backport. Tweet

jQuery vs JS

Filed under: Web — Joaquim Perez Noguer at 4:18 pm on Dimecres, Agost 16, 2017

Al final  quan el Javascript hagi evolucionat prou, el  jQuery ja no serà necessari. Però he de dir que jQuery força al programador a programar d’una manera elegant i ordenada. Tant de bo quan jQuery no faci falta es continuï utilitzant la mateixa elegància. Vegeu més exemples a: https://css-tricks.com/now-ever-might-not-need-jquery/?utm_source=frontendfocus&utm_medium=email jQuery: var $elem = $(“.someClass”) //select […]

Mozilla 57: Firefox fights back

Filed under: Web — Joaquim Perez Noguer at 3:54 pm on Dimecres, Agost 16, 2017

Siguem clars Mozilla té un problema. Mozilla promet molt i genera moltes expectatives que al final abandona i frusta tant als usuaris com els desenvolupadors que hi han donat suport. Això ha passat amb els Complements que deixant d’anar un dia per l’altre, amb els experiments del Mozilla Labs i ara recentment amb tota la […]

Motion .js Graphics For The Web

Filed under: Web — Joaquim Perez Noguer at 9:33 am on Dijous, Gener 19, 2017

Vegeu  mojs.io – Motion Graphics For The Web un altre mòdul javascript per a fer animacions en les vostres pàgines web.     Tweet

CSS Features queries + Grid layout + Native variables

Filed under: Web — Joaquim Perez Noguer at 8:59 am on Dijous, Gener 19, 2017

Origen: 3 New CSS Features to Learn in 2017 Aquest 2017 es pot dir que el CSS per fi ho té tot! 1. Feature Queries Fins ara es mirava si el navegador era Firefox, IE o Chrome, mòbil i es feia un CSS especialitzat per a cada tipus de navegador. Amb Feature Queries només caldrà […]

CSS  display:grid  i  display:flex

Filed under: Web — Joaquim Perez Noguer at 3:38 pm on Dilluns, Novembre 21, 2016

Interessant tutorial de com utilitzar els nous modes display en CSS per a fer dissenys i layouts ben acabats. Un dels problemes de sempre del HTML i el CSS és com posicionar bé els elements a la pantalla i que pugui mostrar-se bé encara que canviï la mida o l’orientació. En un inici es feia […]

Open365.io: LibreOffice online

Filed under: Linux,Web — Joaquim Perez Noguer at 4:55 pm on Dilluns, Abril 25, 2016

Finalment ja existeix una alternativa de codi lliure al Google Docs o l’Office365, es diu Open365.io i funciona amb el motor del LibreOffice/OpenOffice juntament amb eyeOS. Tweet

Next Page »