Art&Me

risorse&link

Giulia Sermoneta — Fri, 27 Jan 2012 13:08:52 +0000

Arctext.js – Curving Text with CSS3 and jQuery | Codrops
Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
How to spice up your menu with CSS3 | Codrops
In today’s tip we’ll show you how to spice up your menu by adding a neat hover effect to it. The idea is to slide an image out to the right when hovering over a menu item.

Digest powered by RSS Digest

risorse&link

Giulia Sermoneta — Fri, 20 Jan 2012 13:02:14 +0000

Sliding Image Panels with CSS3 | Codrops
Today we’ll show you how to create some neat sliding image panels with CSS only. The idea is to use background images for the panels and animate them when clicking on a label. We’ll use radio buttons with labels and target the respective panels with the general sibling selector.
70 Retro and Vintage Logos for Your Inspiration – OurTuts.com
Chalkboard Summer Party — Two Arms Inc.

Digest powered by RSS Digest

risorse&link

Giulia Sermoneta — Fri, 13 Jan 2012 13:00:20 +0000

How to Build a Responsive Thumbnail Gallery | Design Shack

Digest powered by RSS Digest

risorse&link

Giulia Sermoneta — Fri, 06 Jan 2012 13:00:43 +0000

25 Examples of Perfect Color Combinations in Web Design | Codrops
Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From delicate and smooth colors to strong duos and super colorful pages, we have several styles to show you.
Experiments with background-clip: text | Codrops
With the CSS property “background-clip: text” (which is currently only supported in Webkit browsers), we can add a background image to a text element. Today we will experiment with it and create some fun examples by adding CSS3 transitions.
Slopy Elements with CSS3 | Codrops
It’s always a delight to see some non-straight elements in web design. Angled shapes and diagonal lines can create an interesting visual flow and add some unexpected excitement. Inspired by many superb designs that use non-straight elements, I want to show you some simple examples and ways how to create slopy, skewed elements with CSS only.
ROBERTSON | MANIFIESTO FUTURA
NOEEKO | IDENTITY – Noeeko Identity

Digest powered by RSS Digest

risorse&link

Giulia Sermoneta — Fri, 30 Dec 2011 13:00:11 +0000

Lake Nona

Digest powered by RSS Digest

risorse&link

Giulia Sermoneta — Fri, 16 Dec 2011 13:07:25 +0000

Four Simple and Fun CSS Button Hover Effects for Beginners | Design Shack
Today we’re going to take a step back from advanced discussions about CSS preprocessors and return to some good old basics. We’ll work up four super simple CSS buttons, each with a unique animated hover effect. Follow along with me and create your own fun button styles. Also feel free to grab my code and use it on your projects. If you’re a CSS newbie looking for a good way to make your buttons more interesting, this article is for you!
Best Free UI PSDs of 2011 | Freebies
For this week, we’ve went back through all the UI PSDs that’s been released over the past year and picked our favorites. We saw plenty of these types of UI files being released in 2011, so it was very difficult to sift through them and find the ones that really stood out.

Digest powered by RSS Digest

Sri Lanka

Giulia Sermoneta — Tue, 13 Dec 2011 09:40:58 +0000

Cioè, io ancora non ho scritto nulla del viaggio di quest’estate? Mea culpa. Anche quest’anno l’obiettivo di arrivare a dicembre più sconvolta e stravolta degli anni passati è stato raggiunto, il Natale si avvicina e c’è sempre meno tempo per le cose personali.

Ritornando a quest’estate, il nostro non è stato un vero e proprio viaggio, ma un ritorno a casa, dato che i suoi genitori sono originari dello Sri Lanka. Il paese è stata una vera e proprio scoperta. Nel giro di due settimane ce lo siamo girato *quasi* tutto e ogni 5 chilometri il paesaggio cambiava: si passava dai 1,868 metri di Nuwara Eliya alle splendide spiagge di Mirissa, e in mezzo colline, fiumi, lagune, autostrade (che credetemi, erano messe meglio delle strade di Roma), città, piccoli centri… insomma non mi aspettavo di trovare così tante cose nella lacrima dell’India.

Per non parlare poi di tutti i colori, i sapori e gli odori che ovunque andavi ti avvolgevano a trecentosessanta gradi.

Come sapete le mie foto si sanno esprimere meglio di come lo possa fare io a parole, ma c’è una novità: se proprio siete curiosi di scoprire qualcosa di questo paese di cui in realtà non si sa molto potete comprare un fotolibro creato da me in cui ho voluto raccogliere i miei migliori scatti, che secondo me raccontano molto bene quello che è oggi lo Sri Lanka. Di seguito un’anteprima del libro che potete acquistare su LULU.

E invece ora una piccola anteprima di foto per chi se le fosse perse su flickr.

Se invece poi foste interessati alla stampa di una foto in particolare potete contattarmi tramite il form dei contatti o inviare una e-mail direttamente a giulia.sermoneta[@]yahoo.it

risorse&link

Giulia Sermoneta — Fri, 09 Dec 2011 13:00:07 +0000

Splash and Coming Soon Page Effects with CSS3 | Codrops
CSS3 opens up so many crazy possibilities and today we want to show you how to go wild with splash and coming soon page effects using CSS3 animations. We’ll experiment with animation sequences and how to bring some life to some simple elements.
A Complete Color Spectrum of Web Design Inspiration
Website designs come along in all kinds of colours and tones, from muted greys right through to psychedelic mixes of every colour imaginable. This post rounds up a showcase of some of the best web designs from every colour in the spectrum, featuring vibrant designs using reds, oranges, yellows, greens, blues and purples.
Letterpress and Design by PRINTandGRAIN on Etsy
Foundry Co

Digest powered by RSS Digest

risorse&link

Giulia Sermoneta — Fri, 02 Dec 2011 13:00:50 +0000

Create Five Awesome Hover Effects Using CSS Multiple Backgrounds | Design Shack
Today we’re going to have all kinds of fun with the CSS multiple backgrounds feature. You’ll learn how to use multiple backgrounds in a simple way and how to go much further by combining the technique with hover actions and CSS transitions to create some really cool effects.
Logotype collection on the Behance Network
Typography Effects with CSS3 and jQuery | Codrops
oday we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we’ll explore some of the possibilites.
How To Set Up A Print Style Sheet – Smashing Coding
Print style sheets are useful and sometimes even necessary. Some readers might want to store your information locally as a well-formatted PDF to refer to the information later on, when they don’t have an Internet connection. However, print styles are often forgotten in the age of responsive Web design. The good news is that a print style sheet is actually very easy to craft: you can follow a couple of simple CSS techniques to create a good experience for readers and show them that you’ve gone the extra mile to deliver just a slightly better user experience.

Digest powered by RSS Digest

risorse&link

Giulia Sermoneta — Fri, 25 Nov 2011 13:01:55 +0000

Communication, Mood and Meaning: Lines in Web Design | Codrops
Lines, lines, lines. Lines are everywhere in design, they are used to divide space, direct the user’s eye, create flow, create emphasis and organize all design elements into form. Generally, we don’t think about lines that much, but we make use of them quite often to visually communicate our objective to the user. The web is about communication, so using lines to communicate your message properly is important.
Eighty Two Design
Elastic Image Slideshow with Thumbnail Preview | Codrops
Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.
Simple Styles for
’s
30 Sleek Fonts for Your Minimalist Designs | You the Designer
One of the most essential elements in a minimalist design is typography. Let’s face it, you can’t do justice to minimalism with pre-installed fonts like Arial, Century Gothic, Georgia, Verdana, Times New Roman, and etc. But frown no more! Here are 30 sleek fonts you can download for free that could fit perfectly on your minimalist designs.
25 Fresh Examples of Beautiful Typeface Combinations in Web Design | Codrops
Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it’s an art.
20 Dark Websites For Your Inspiration » Web Design » Design Festival
CSS3 Animation Demo
The animation above, while admittedly cheesy is to show the relative simplicity in creating animations with css3.
Hoverizr – A responsive jQuery Image manipulation and overlay plugin | Grayscale, Blur, Color Inversion
Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images. Currently, it features three effects: grayscale, blur and color inversion. Automatically when you move your mouse over the target elements, the element above fades out to reveal the element beneath whether it is the original image or the manipulated one.