background preloader

Web design

Facebook Twitter

Web Design 3.0: quando il Web Design conta davvero. Web Designer Gabriele D'Amato. 17 Exciting Examples of Hidden Menus in Web Design - Qode Interactive. The Cusp website is minimal, but it comes with a compendium of interactive elements and striking animation effects that make the browsing experience all the more enjoyable and fun. The colors on the homepage are subtle, with images in beige, green, and soft black hues, while typography comes in prominent red. Once you click on the menu button in the top right corner of the screen, the web scenery changes. A black canvas drops from the top to the bottom of the page and all the colors disappear. All you see is the dark backdrop, menu items written in huge, all-caps, serif white letters, and several subtle favicons.

But, that’s not all there is to Cusp’s main navigation. Accessible Brand Colors by Use All Five. Grid Based Web Design Resources. As a complement to our prior post "30 Grid-Based Websites", we've made a selection of indispensable resources like layout frameworks, tutorials, books, templates and useful tools that can help you understand and implement grid based design in your projects.

Grid Based Web Design Resources

Let's start with a little history. Modular Grid Pattern. Didattica & Portfolio. 8b – Web design, UX/UI design. La UX (user experience) possiamo identificarla come l’esperienza personale che si ottiene interagendo con un prodotto (sito web, eCommerce, app, oggetto).

8b – Web design, UX/UI design

Human Inter on Behance. World Cup 2018: complete guide to all 736 players. A Simple Introduction to Intrinsic Web Design. Every industry has its jargon, and almost its own language, in some cases.

A Simple Introduction to Intrinsic Web Design

The-current-state-of-element-queries. Infographic: The 100 Best Web Design Tools Ever. 23 steps to the perfect website layout. Il formato SVG: da Adobe Illustrator al web in 5 minuti. Hai sentito parlare di “formato SVG”, ma non sai che cosa sia esattamente?

Il formato SVG: da Adobe Illustrator al web in 5 minuti

In questo articolo ti spiegherò nel dettaglio qual è l’origine storica del formato Svg, quali sono i suoi ambiti di applicazione e quali sono i principali vantaggi rispetto ai più diffusi jpeg, gif o png. Alla fine sarai in grado di creare un file Svg e utilizzarlo all’interno dei tuoi progetti. Sei pronto? Buona lettura! Innanzitutto, che cos’è il formato Svg e quali sono le sue prerogative? L’ SVG (Scalable Vector Graphics) è un formato file immagine creato nel 1998 e basato sul linguaggio marcatore XML: consiste in una tecnologia in grado di visualizzare oggetti grafici vettoriali e quindi di gestire immagini scalabili dimensionalmente. Questo formato ricopre da anni una particolare importanza nel mondo del web ed è definito come standard dal World Wide Web Consortium (W3C). Ok Marco, ma dove vengono utilizzate le immagini SVG? Bene, ma come posso aprire e visualizzare correttamente un file in formato SVG? Quindi: Calendari automatici con lo script "Calendar Wizard" - studio361.

I progetti pilota di A distanza di qualche mese dal lancio del progetto, l'AgID - Agenzia per l'Italia Digitale definisce ulteriori strumenti utili alla ricerca di uno standard di usabilità e di design condiviso da tutti gli enti di pubblica amministrazione.Dopo un primo esempio di applicazione sul sito istituzionale, il processo partecipativo, che ha coinvolto in prima linea le associazioni Aiap e ADI con numerosi designer e sviluppatori (qui il link GitHub per far parte della community), ha permesso la definizione di linee guida sempre più dettagliate.

I progetti pilota di

A luglio sono state infatti pubblicate anche le linee guida per Regioni e Comuni. L'intento è quello di coinvolgere via via anche il mondo della scuola, le Università, le Agenzie di Governo, per ottimizzarne non solo i siti web ma anche i servizi digitali. Regione Sardegna Comune di Biella Comune di Matera Città di Venezia (13 set 2016 ) Regione Sardegna / sito versione mobile Comune di Biella / sito versione mobile. Pagination Best Practices — UX Planet. Pagination Best Practices by Nick Babich.

Pagination Best Practices — UX Planet

10 Brilliant Graphic Design Trends of 2016. Trends come and go, they emerge, some stay for years, others are more of a flash in the pan.

10 Brilliant Graphic Design Trends of 2016

They don’t start one year and end the next, instead they shift until they fade out. It’s a process that often begins on the catwalk, and gradually moves to other areas such as graphic design, packaging, illustration, and home decor. A trend might be just entering one market, while it’s in full bloom on another market and fading in a third. It’s common to see trends that go in opposite directions, such as a futuristic, high-tech trend and a trend like the hipster beard, that’s more nostalgic, looking to the past for inspiration. A Web Design History Lesson: 20 Years in Web Design. It seems almost crazy.

A Web Design History Lesson: 20 Years in Web Design

I began my journey as a web designer in 1996, working for my local newspaper. If my math is right, then I’m just about to enter my twentieth year. La creatività nel web design è morta? Chi naviga sul web e lo fa con occhio critico si sarà accorto: la rete è piena di pagine web molto, molto simili: effetto parallasse, immagini che occupano tutto lo schermo e design flat.

La creatività nel web design è morta?

Potrebbe sembrare che il web design creativo sia morto. Ed, in effetti, si vede sempre meno il tentativo di cercare qualcosa di differente, capace di rompere completamente con gli schemi che, a distanza di un paio d’anni, sembrano già vecchi. GoodUI. Navigation Design 101 : Adobe Dreamweaver Team Blog. “Wait, so what am I supposed to do here exactly?!”

Navigation Design 101 : Adobe Dreamweaver Team Blog

– is the last thing you want your visitors to ask themselves when they’ve just come across your site for the very first time. Navigation design can be a tricky thing. And especially if you’re leaving it for last – making it this one final element that you will optimize nearing the whole project’s completion. Such an approach simply can’t end up well, and it’s surely not how good navigation design is done.

Ai2html. 24 Most Influential Web Designers / Developers - 3Rank. The web design industry is changing very quickly and there are some people who are setting the bar higher with their extraordinary skills, works and contribution to the web design community. If you want to be successful, find others who are already being successful at doing what you want to do. Gloria Viganò - grafica e web designer. Il nuovo sito del manifesto. Un sito in cui il con­te­nuto è sovrano e i let­tori sono pro­ta­go­ni­sti. Que­sto vole­vamo quando abbiamo lan­ciato il nuovo mani­fe­sto digi­tale un anno e mezzo fa e que­sto resta il nostro «piano edi­to­riale».

Sem­plice è bello. Il meno è il più (less is more). Risorse gratuite e tools per web designer. Vita da web designer? Ami il codice, ma lui non sempre ricambia i tuoi sentimenti? Sei sempre alle prese con banner e pulsanti da inserire, da linkare, da colorare e stondare? Per non parlare dei menù: ti chiedono di aggiungere voci, di modificarle, di rinominarle e poi di rimetterle com’erano prima? CodyHouse. 20 esempi di uso creativo dei filtri per colore nel web design. Username: Password: Fargot Password? / Help. 20 set di icone per web designer originali e gratuite. Username: Password: Fargot Password? / Help. Iconmelon. 7 Non-raster Approaches for Making the “Hamburger” Menu Icon - Tuts+ Web Design Tutorial. Why some projects just go right. Like many web designers, I have spent a lot of time worrying about why projects go wrong.

Perhaps we should be asking what makes a project successful. Yuna's Sandbox. Get the latest version of jquery.traceit.js. traceit on GitHub. Garden. How to go beyond the basics with SVG filters. Filter effects apply graphics operations such as blurs, lighting, colour transformations and distortions to content. Today's browsers implement three types of filters: CSS filters: a set of simple CSS properties like sepia() and contrast() that can be applied to any HTML content. SVG filters: combinations of graphics effects that can be applied to SVG content (and HTML content through a CSS filter cross-reference).

DX filters are Microsoft's proprietary filter effects. DX filters were deprecated in Internet Explorer (IE) 9 and then removed in IE version 10 (although they can still be reactivated via group policy). In this tutorial, we'll start with a simple drop shadow, then customise shadow effects for text, walk through building a texture and finally recreate Gotham, which is a discontinued Instagram filter. Designing with Dynamic Content. A lot of visual designers I’ve worked with have convinced themselves every user’s name is “Sara” without an “h”. For most of my career I’ve had to battle designers creating incredibly unrealistic best-case scenario mock-ups. You know what I’m talking about. Designing for the Web – Contents. Brackets. Can I use... Support tables for HTML5, CSS3, etc. FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. Design websites at speed with Photoshop and Edge Reflow. Some months ago, a major advance took place at Adobe with its responsive web design tool, Edge Reflow CC.


Html5. Css. Sviluppo e realizzazione. Jquery. Wordpress. Slideshow.