background preloader

Web design

Facebook Twitter

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. Calendari automatici con lo script "Calendar Wizard" - studio361. I progetti pilota di design.italia.it. 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. Trend spotting is a lot of fun, and a great way to infuse your work with fresh ideas. 1. The flat design trend is characterised by a clean, colorful look, big typography, white space, and subtle gradients. 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. More than half of my life has been spent working on the web. As such, I thought it might be interesting to take a look back at how the web worked (or didn’t) back then and compare it to some of the challenges we face today. The question I have is, does history repeat itself on the web? Tools of the Trade. La creatività nel web design è morta? Web Design Book of Trends 2015-2016 - Free e-book by UXPin. Turn your PSDs and Sketch Files into Prototypes Transform your existing static designs files into real interactive, animated prototypes.

Web Design Book of Trends 2015-2016 - Free e-book by UXPin

Unlike other tools on the market, UXPin allows you to add interactions and animations to every single layer in your designs. 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.

24 Most Influential Web Designers / Developers - 3Rank

If you want to be successful, find others who are already being successful at doing what you want to do. The article is for all whose career revolves around websites and internet. Gloria Viganò - grafica e web designer. Il nuovo sito del manifesto. Risorse gratuite e tools per web designer. Simple Landing Page Builder - Cover Pages — Squarespace. CodyHouse. 20 esempi di uso creativo dei filtri per colore nel web design. Username: Password:

20 esempi di uso creativo dei filtri per colore nel web design

20 set di icone per web designer originali e gratuite. Username:

20 set di icone per web designer originali e gratuite

7 Rules for Creating Gorgeous UI (Part 1) Introduction OK, first things first.

7 Rules for Creating Gorgeous UI (Part 1)

Iconmelon. 7 Non-raster Approaches for Making the “Hamburger” Menu Icon - Tuts+ Web Design Tutorial. Why some projects just go right. Yuna's Sandbox. Get the latest version of jquery.traceit.js. traceit on GitHub Include the jquery.traceit.js script and it's dependencies jQuery (tested with jquery.js 1.10.2), Raphaël (tested with raphael.js 2.1.2) ) in your page. 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.

Designing with Dynamic Content. Simpl.info. The designer's guide to grid theory. Grids are like the invisible glue that holds a design together, so whether you work in print or on the web you need to understand grid theory. There's been a resurgence in the popularity of the grid in recent times. This has come about as the web has matured into a more capable design platform, and web designers (and developers) have created reusable CSS libraries and frameworks to simplify the process of deploying and leveraging grids to create balanced page layouts. For an entire generation of designers on the web, however, the grid is something of a mystery. While art college graduates will know all about it, for self-taught web designers, there's much theory and rationalisation of the grid as a design tool that simply isn't covered by the typical blog posts and conference talks. Guide to the grid We're here to set that straight with this simple pocket-sized guide to the grid, including a small smattering of theory!

01. So, how do you use a grid to establish a meter and rhythm? 02. Crea un sito unico. 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.

This was the creation of the Generator plugin, which links Photoshop to Edge Reflow and allows you to quickly export your web layout in Photoshop directly into Edge Reflow without the need for coding.

Layout

Responsive. Trend. Minimalismo. One page. Questione cookies.