background preloader

CSS & HTML

Facebook Twitter

How to do vertical centering in CSS. Aggiungere un video di background in un Sito Web. Come realizzare un layout accattivante con lo scorrimento parallasse. Creativebloq. An SVG graphic can contain basic shapes, complex shapes, or both. There are six basic shapes defined in SVG <circle>, <ellipse>, <line>, <polygon>, <polyline> and <rect>.

Each shape is described, positioned and styled using SVG 'presentation attributes'. For example, the attributes used on each of the elements in the following snippet are all SVG presentation attributes: CodePen - Front End Developer Playground & Code Editor in the Browser. Bootstrap · The world's most popular mobile-first and responsive front-end framework. Il Paradiso del web design: risorse gratuite a profusione. Se ti occupi di web design sei capitato nel posto giusto.

Il Paradiso del web design: risorse gratuite a profusione

Perché questo articolo è interamente dedicato al mondo web. Abbiamo selezionato una serie di risorse gratuite che potrai utilizzare nella costruzione dei tuoi siti senza dover passare dalla scrivania del tuo collega grafico o, ancora peggio, da un grafico esterno che non collabora con te e che, quindi, si farà pagare (giustamente). Ovviamente non dovrai nemmeno passare da Photoshop, sappiamo che le giornate durano, anche per te, 24 ore. HTML Reference. How to make your websites more immersive: 5 pro tips. I was 12 years old when I played an arcade game for the first time.

How to make your websites more immersive: 5 pro tips

It was the '90s and the game was Capcom Arcade's Final Fight. I remember like it was yesterday the rush I felt when the music started and when the story kicked off. I barely played for five minutes but when I finished I was so excited I could feel my heart beating in my throat. Final Fight was a hell of an experience. Throughout the years working in the interactive industry, I have felt that same excitement several times; when checking out some of the so called 'interactive experiences', checking regular content sites and lately playing GTAV online.

However as time goes by I realized my expectations in the interactive field are getting lower and lower. Claudio Guglieri will be speaking alongside David Navarro at Generate London this September. Failing to inspire Could it be due to the fall of Flash? New tool helps creatives turn ideas into code. The new p5.js is a library designed to bring the power of Processing to the web.

New tool helps creatives turn ideas into code

It aims to introduce artists, designers and educators to the world of programming while also offering versatile tools to bring devs and engineers into the visual arts. Let's dive in and create our first 'sketch'. Our goal is to build a drawing tool that transforms a simple image into a field of animated stars. Event promotion First, we'll define a few global variables and write our setup() function. p5's setup() is run once, when the sketch is loaded, so it's the ideal place to handle initialisation. var hintImage, skyImage, stars = []; function setup() { ... } Inside our setup function, we'll create a canvas and hide the mouse cursor so we can draw our own.

CreateCanvas(800,500); noCursor(); noStroke(); Next, we'll load a pair of images. The idea is to put most of the stars over black pixels in our hint image, to recreate the design in our background scene. The Draw function. Codrops. 10 web design tools you can't live without. This year has been a really exciting one for new design tools entering the market.

10 web design tools you can't live without

Photoshop has become something of a dirty word, and although it's still one of my weapons of choice, internet-makers are fighting back with a plethora of tools that aim to make your life as a designer that little bit better. Static mockups are becoming less useful and the lines between designer and developer are becoming increasingly blurred. As we work more collaboratively with one another the tools we use are having to change.

Don't miss this The era of the HiDPI screen is here and dominating our devices, and designers are having to find new processes that help them produce designs that are more accessible across these devices. Guida CSS: le Tecniche Essenziali. Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per l'uso e tecniche da adottare nei principali contesti d'uso dei CSS Introduzione 1.

Guida CSS: le Tecniche Essenziali

Introduzione Presentazione della guida Tecniche di base 2. WebFandom - Servizi gratuiti, web designer e sviluppatori freelance. Drupal - Open Source CMS. Guida WordPress. Il CMS più famoso, ed utilizzato in Rete per la creazione di blog, siti Web e Web application.

Guida WordPress

Dall'installazione all'utilizzo e la personalizzazione del blog engine/CMS Open Source creato da Matthew Mullenweg. Introduzione e installazione di WordPress 1. Learn the fundamentals of front-end development. For a web developer, a line of code can look like a stroke of paint on a canvas.

Learn the fundamentals of front-end development

If you want to express yourself in the art of code, then you need to check out the Foundations of Front-End Web Development Course. You can get it now for just $29. The Foundations of Front-End Web Development Course is a collection of lessons that you won't want to miss if you're hoping to learn how to become a web developer. Learn how to work with the most important languages in web development, plus get an understanding the tools you need to help bring your creations to life on the web.

Tools

4 tips for a smarter CSS workflow. Event promotion You've only got to look at the amazing things people are making with CSS to know that, as a language, it's changing.

4 tips for a smarter CSS workflow

People are creating stunning animations, and amazing images. Whether you've been coding for years or just getting started, the landscape for CSS development has changed dramatically in the last few years too. Sublime Text 2 Tutorials #2 - Interface Overview. 4 tips for a smarter CSS workflow.