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 […]
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
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 […]
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
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 […]
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 […]
Vegeu mojs.io – Motion Graphics For The Web un altre mòdul javascript per a fer animacions en les vostres pàgines web. Tweet
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à […]
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 […]
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
