In the following list you can find free icons sets ready to download!
- Window 8 (Metro Syle) by icons8.com
- Flavour Extended: The Ultimate Icon Set For Web Designers by smashingmagazine.com
- 48px icons by neweravin
Enjoy it.
Category Archives: Web design
LucaDioli.com is now Responsive
LucaDioli.com is my first website to be Responsive!
Check it out!
CSS3 Shapes Resource
Surfing the web I found CSS3 Shapes, an insteresting website that gives you some examples of shapes created with CSS3.
The examples are easy to copy and paste wherever you want.
Tips for Making Website iPhone and iPad Frendly
In the latest days I worked on websites optimizations for iPhone and iPad. I found some tips that can be useful and I want to share it.
PHP detecting
You can detect if the device viewing your site is an iPad, iPhone or iPod using this code:
CSS3 Gradient Generator
CSS3 Gradient Generator it’s a simple website that let you generate gradient color to use in your site.
You can change two color and automatically will be generate your gradient, letting you choose the gradient direction.
The code generated is supported from the most used browser, it gives you different instructions for the differents browsers.
Responsive Web Design – CSS Media Queries
HTML4 and CSS2 currently support media-dependent style sheets tailored for different media types. For example, a document may use sans-serif fonts when displayed on a screen and serif fonts when printed. ‘screen’ and ‘print’ are two media types that have been defined. Media queries extend the functionality of media types by allowing more precise labeling of style sheets.
A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. Among the media features that can be used in media queries are ‘width’, ‘height’, and ‘color’. By using media queries, presentations can be tailored to a specific range of output devices without changing the content itself.
What is Responsive Web Design
“Responsive Web Design (RWD) essentially indicates that a web site is crafted to use W3C CSS3 media queries with fluid proportion-based grids, to adapt the layout to the viewing environment, and probably also flexible images. As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning and scrolling.”
Wikipedia.org – Responsive Web Design
wordmark.it – test the fonts installed on your computer
wordmark.it is a website that let you test the fonts you have installed into your computer. To do it uses Adobe Flash to load the fonts and Javascript to use them.
It seems weird what it does and how it does, if someone finds it usefull or have a reason to use it write comment below!
The text-indent CSS Trick
Sometime happens to find websites that use “text-indent: -9999px;” to hide texts and to display images. This property is used for SEO so the crawler will read the text instead of the image.
But this is not true, the correct way to do is to add an image and to insert title and alt attributes.
Free Photo Archive Websites
Sometimes happens that you need to create a banner image. In internet there are a lot of photo archive websites with beautifull images, but you need to pay for them.
For this reason I created this list of free photo archive websites: