Web Tips

<<<<<< On/Offline Graphic Design Tools >>>>>>

http://www.spezify.com/

http://www.flickr.com/photos/relaxdesign

http://www.panimages.org/

http://image-swirl.googlelabs.com/

http://www.gazopa.com/sign_in

http://pixlr.com/editor/?loc=it

http://www.colourlovers.com/lover/*relax*

http://kuler.adobe.com/

http://colorschemedesigner.com/

http://labs.ideeinc.com/multicolr/

http://www.methodologie.com/webcanvas/

http://typedia.com/

http://fontstruct.fontshop.com/fontstructors/relax

http://www.typetester.org/

http://new.myfonts.com/WhatTheFont/

<<<<<< Online working | Mindmapping >>>>>>

http://www.doodle.com/

http://www.coopapp.com/

http://www.dropbox.com/

http://www.memopal.com/it/

http://secure.blurb.com/my/account/login

http://issuu.com/relaxdesign

http://onlineclock.net/

http://everytimezone.com/

http://www.mailchimp.com

http://www.stickyscreen.org/

http://teuxdeux.com/

http://www.mindmeister.com/

http://www.wikimindmap.org/

http://prezi.com/

http://embedit.in/

http://smsgratis.skebby.it/

http://www.faxator.com/faq.html

http://gears.google.com/

http://www.google.com/patents

http://www.plaxo.com

<<<<<< File converting >>>>>>

http://www.youconvertit.com/

http://www.mediaconverter.org/

http://labs.brotherli.ch/vcfconvert/

http://pdfmyurl.com/

http://html-pdf-online.com/

http://www.youtube-mp3.org/

<<<<<< Bookmarking >>>>>>

http://urli.st/dashboard

http://design.alltop.com/

http://www.netvibes.com/relaxdesign#The_best_100

http://delicious.com/relaxdesign

http://springpadit.com/springpad/#mystuff

http://www.xmarks.com/

<<<<<< Jobs & Competitions >>>>>>

http://it.linkedin.com/in/relaxdesign/it

http://www.behance.net/relaxdesign

http://www.coroflot.com/relaxdesign

http://www.defrost.ca/login.php

http://www.bootb.com/it/profile/

http://www.jobspice.com/home

http://www.adtriboo.com/

http://www.kickstarter.com/

<<<<<< Travelling & Communicating >>>>>>

http://www.abroadband.com/

http://www.couchsurfing.org/home.html

http://www.dovesiamonelmondo.it/

http://www.viaggiaresicuri.mae.aci.it/

http://www.fastenseatbelts.eu/

http://www.flightradar24.com/

http://es.momondo.com/

http://www.skyscanner.es/

http://upl.codeq.info/index.jsp

http://www.onebag.com/list.html

http://www.tripadvisor.it/

http://www.vodafone.it/

http://www.whereivebeen.com/user/relaxdesign

http://miyoigo.yoigo.com/

http://www.zingarate.com/

Freebies

*\ Always check the Terms of Use &/or CC-License /*  Freebies–digital files (e.g. PSD, AI) that contain high-quality, polished, & editable design elements created by professional designers, who put the files online & allow you to download them, for *free*, often w/ only minimal limits on how they’re used–have been a huge factor in my growth as a designer. List includes web, print, fonts, code…

• The Graphics Fairy – Vintage Images, DIY & Crafty Projects — Vintage graphics, DIY Tuts, etc. Very friendly **Terms of Use**, but be sure to check attribution or other requirements before using in your own projects.
• Download – Flux Collective — Typefaces, Poster designs, and more. There aren’t a ton of freebies on this site, but they are definitely high-quality!
• Embossed Label Image Generator by fuzzimo — Enter your own text, then download the resulting image!
• Handy Icons – Free Web Font Kit — **This resource includes 99 hand drawn icons that have been converted to a webfont for use in your online applications. Simply load the font and use letters in place of icon .png files. Using font icons is a great step to make your website retina ready.** — Nathan Brown, *wegraphics.net*, 12/11/2012
• Handy Icons Vol2 – Free Web Font Kit — **This resource includes 99 hand drawn icons that have been converted to a webfont for use in your online applications. Simply load the font and use letters in place of icon .png files. Using font icons is a great step to make your website retina ready.** — Nathan Brown, *wegraphics.net*, 2/25/2013
• Sideshow – A Free Decorative Grunge Font — **Sideshow is a decorative font inspired by vintage circus and sideshow carnival posters. Use this font to add a vintage flare to your designs.** — Nathan Brown, *wegraphics.net*, 3/20/2013
• Donavon – A Retro Style Title Font — **Donavon is a stylish and clean title font. The style is a little retro sci-fi mix. Download this free font and give it a try in your next design.** — Nathan Brown, *wegraphics.net*, 4/24/13
• Quad typeface | Fontfabric™ — Free for personal & commercial use. Font-face can be used if you link back to them somewhere on your website. *See license for details.*
• A vibrant and sterling platform for web development on Behance — One of the leading web application development frameworks is the ASP .Net that allows the programmers to build the dynamic websites and related applications.
• Designer Fuel — Lots of great web freebies and tutorials!
• CSS-Only Radio Buttons
• Buttons – A CSS button library built with Sass and Compass — Nice, simple collection of CSS Buttons in a variety of styles/colors, including flat designs, hover effects, and more. Definitely worth a look!
• iOS7 GUI PSD | Teehan+Lax — Vector-based artwork, based on the iOS 7 beta graphics. *Make sure* you read the license, it’s a little different than usual.
• raumrot: Outstanding Hi-Res Photos for FREE. CC BY — FREE Hi-Res pictures for your personal and commercial projects.  / By: Markus Spiske
• Free Archives « Creative Particles
• Death to the Stock Photo — Anti-stock photo photos…really high quality!
• Free T-Shirt Mockup PSD Files — **This t-shirt mockup is an easy-to-edit PSD file. You can simply copy and paste your graphics via PS Smart Layers. The color of the tee is easily adjusted from a color fill layer. The image is high res 300dpi. This is a great way to show off your t-shirt designs.** — Nathan Brown, *wegraphics.net*, 10/3/2012
• New Old Stock — *[Free Stock Photos]* “**Vintage photos from the public archives. Free of copyright restrictions.**” — *New Old Stock*
• Morguefile.com | free stock photos — Quality of the subject matter varies, and I recommend searching by tag instead of by most recent, but it’s worth the price of admission.  😉  *Remember to always check the licensing/TOU!* // FREE **high resolution stock photos for your illustration, comp or design needs**!!
• Beautifully Artistic Brushes Bundle (1000+ Brushes & Extras) | Design Cuts
• Trianglify by @qrohlf
• Orname — Free vector ornaments & patterns
• Subtle Distress Photoshop Patterns — **This set includes 10 distressed style seamless patterns for Photoshop. Use these patterns as subtle grunge backgrounds for your web projects.** — Nathan Brown, *wegraphics.net*, 4/3/2013
• Subtle Patterns | Free textures for your next web project. — *[WEB]* **Essential** site for high-quality, up-to-date, **free** pattern tiles.  Generally intended for web & digital use.
• 26 Free High Resolution Blurred Backgrounds With PSD
• Group Layer Renaming (Script) – Captain Awesome — Photoshop script
• Free Cross Hatch Photoshop Brush Set — **This brush set features 10 different cross hatch patterns. The brushes work well for adding a background texture or shading of hand drawn elements.** — Nathan Brown, *wegraphics.net*, 9/3/2012
• 25 Free Grunge Photoshop Actions — **Create grunge photo effects in a single click using this set of free grunge Photoshop actions. The effects are all completely adjustable and leave the original photos intact. The set includes 25 unique actions and 10 grunge patterns.** — Nathan Brown, *wegraphics.net*, 6/20/2013
• Rain Shower Photoshop Brush Set — **This brush set makes it fast and easy to add rain effects to your digital illustrations. Simply install this brush and click to add rain showers.** — Nathan Brown, *wegraphics.net*, 8/19/2013
• 8 Free Seamless Dark Metal Grid Photoshop Patterns | Premium Pixels — *[High-Res]* One of my favorite metal grid pattern sets made by one of my favorite designers, Orman Clark.  Terms of Use are **very** flexible, but [as always] check the licensing details before downloading for your own use.
• nice things, a collection of lovely vectors
• Retro Vectors — Excellent collection of vintage-style vectors, fonts, and more. Very friendly Terms of Use, too!
• Free Laurel Frames & Arrows Clip Art – StarSunflower Studio — Check out their other freebies as well.  Especially if you’re into digital scrapbooking–they have tons of fun freebies!
• Free Vintage Vector Signs — **This free vector set includes 6 vintage style sign graphics. The fonts used are all free and linked in the ReadMe file.** — Nathan Brown, *wegraphics.net*, 8/29/2012
• Free Retro Style Arrow Vectors — **Having a set of arrows on hand can be a huge time saver. Simply copy and paste these arrows onto your artwork to create a retro styled call-to-action.** — Nathan Brown, *wegraphics.net*, 10/31/2012
• Free Vector Page Doodles — **This vector pack contains dozens of hand drawn page doodles. These doodles are great for creating that rough sketch feel. The elements include arrows, stars, hearts, skulls, and various other doodles.** — Nathan Brown, *wegraphics.net*, 12/21/2012
• Vintage Badge Templates – Brushes, Vectors and Textures — **This resource includes 12 brushes and 12 vector badges. The badges are blank allowing you to layout your own text and embellishments. The download also includes 8 vintage paper textures for use with the badges.** — Nathan Brown, *wegraphics.net*, 12/26/2012
• Free Retro Vectors Vol 2 — *Very nice!!* // **This set of vectors contains eight 1950′s style commercial illustrations. Add them to your artwork for a little retro flare.** — Nathan Brown, *wegraphics.net*, 1/23/2013
• Grunge Stamp Borders Multi-Pack — **This resource features 12 grunge stamped style vector borders. The download includes AI and EPS vector files, as well as, PS brushes and vector shapes. A bonus 8 worn paper textures are included for use with the stamp shapes.** — Nathan Brown, *wegraphics.net*, 3/20/2013
• Free Vector Device Icon Pack — **This PSD file contains pixel perfect vector icons of popular media devices. Use these icons to enhance you next web or print design.** — Nathan Brown, *wegraphics.net*, 5/9/2013
• Free Flat Style Icon Pack — **This free icon pack contains 25 flat style vector icons in one PSD file. Download these icons and use them to add a clean vector style to your next design.** — Nathan Brown, *wegraphics.net*, 5/22/2013
• Free Label And Badge Vector Shapes — **The Download includes 40 label shapes in AI, EPS, & PSD Formats. Illustrator symbols and Photoshop custom shapes are also included. These shapes make it easy to design your own custom labels or web badges.** — Nathan Brown, *wegraphics.net*, 8/15/2013
• Abstract Ribbons (Psd & Vector) — *Always check the license before using in your designs* Free set of abstract ribbons, solid & outlined versions included, plus comes in both PSD & AI formats. *Tweet to download*
• Remnants – Vector Pack (FREE DOWNLOAD) on Behance — Very cool.  Lots of modern elements (circa July 2013). Good assortment.
• Unsplash — Free-to-use Hi-Resolution photos for your website! New photos uploaded every 10 days!! *Check license before using*
• SM Material | Santiago Moreno | Stationary Branding Mock Up (Volume I) — *Check License* before use. Free for both commercial & personal use, attribution appreciated, but not required. Other terms are listed.
• Branding Mock Up | Free PSD on Behance — Free Branding Mock-up.  High quality!  Check licensing before using.
• Branding/Print Design Mock-up Templates — Free with attribution appreciated. Can’t sell the templates or claim them as your own. Several different sets for showing off various print media.
• Quick Tip: Create a Set of Neon Art and Scatter Brushes in Illustrator – Tuts+ — **Follow this quick tip and create your own collection of Neon Brushes in Adobe Illustrator. You will create Art Brushes and also Scatter Brushes, different colors and sizes that you can use in your projects.** — Diana Toma, *hub.tutsplus.com*, 5/13/13
• Illustrator Help | Create and edit patterns
• An In-Depth Study Of Symbols In Illustrator CS5 | Smashing Magazine
• Credit is always due. — Show Your Work! — Medium — “**When you share the work of others, it’s your duty to make sure the creators of the work get proper credit.**” — *Austin Kleon*, author of *Show Your Work!* (1/28/2014)
• CC HowTo #4: How to use a work with a No Derivatives license | Molly Kleinman — The CC-BY-ND (Creative Commons-Attribution-No Derivatives) license has always been a bit murky to me–no longer! This is the *best* explanation I’ve seen of what constitutes a “derivative” work. As a creative, understanding the ins & outs of usage rights (e.g. Creative Commons, copyright, fair use, Terms of Use/TOU’s) is **essential** to not only *doing* my job, but also to *keeping* my job!
• 12AG.com – Fake iPhone/Android text and FB, Twitter wall post generator — Best one I’ve found for generating fake iOS 7 messages. Lots of options. Couldn’t figure out how to download it, but using Grab and Photoshop, I was able to get what I needed. 😉
• Skala Color, a Mac color picker by Bjango
• Ink | Photoshop documentor plugin
• iOS 7 colors — HEX color codes for gradients/colors inspired by iOS 7
• Stylify Me – Online Style Guide Generator — Type in a URL, and Stylify Me auto-generates a style guide for the site. Includes Background & Text colors (HEX #’s), Typography style attributes with example text, image dimensions & thumbs, and a homepage screenshot. It also lets you download the resulting style guide. Nicely executed. Really simple.
• RSS Search Engine – Find Feeds with Instant Search — Want to expand the feeds in your RSS feed reader, but don’t know where to start?  RSS Search Engine is a perfect tool for discovering new sources, or finding feeds from your favorite websites.
• Agile Designers : Best online resources for Web designers, Graphic Designers

 

• I.T. | Formati file utili

  • Offliberty – evidence of offline life
  • html-pdf-online.com
  • Media Converter
  • Online vCard Converter
  • Online Media Converter – Convert Files Documents Video Audio Photos
  • FILExt – The File Extension Source
  • Any Audio Converter — Free Download Any Audio Converter, MP3 Converter(Windows 8 Supported) to Convert Audio Files, Extract Audio from Video and Download YouTube to MP3
  • iTunes M4P to MP3 Converter — iTunes M4P to MP3 Converter – iTunes M4P MP3 Converter, Convert iTunes M4P to MP3, Remove DRM from iTunes M4P
  • Drum Kit
  • Instantsfun! Gordon Freeman approves!
  • Freesound.org – Freesound.org
  • Sound Effects, Wav Sounds, Sound Clips, Sound Effect Licensing at AudioSparx
  • YouTube to mp3 Converter
  • .m3u8 Extension – List of programs that can open .m3u8 files
  • Media Go – Wikipedia
  • M3U – Wikipedia

I.T. | On/Offline Utilities

• KnowEm Username Search: Social Media, Domains and Trademarks — KnowEm was developed to assist everyone – from individuals to Fortune 500 companies – in discovering where their names, brands, or trademarked terms are available (or stolen) on Social Media networks. KnowEm will not only help you secure your name across the vast social media landscape but we can also show you how to contact each site in order to have the name released and returned to you.
• FILExt – The File Extension Source — What is a File Extension? There are many ways to come to FILExt: search engine, various programs, referrals but, basically, you came here to search for the name of a program that uses a particular file extension. To do that use the search box. For more information continue reading.

CLOUD Archivio digitale

Sistemi e piattaforme che permettono l’archiviazione digitale e la consultazione on line…cioè applicazioni che dematerializzano: GOOGLE DRIVE, ASUS WEBSTORE, DROPBOX,

• Impari — Una piattaforma italiano dove puoi creare videoconferenze e molto altro materiale da condvidere
• Portal de Actividades Educativas multimedia – Educaplay — Una piattaforma online per creare test didattici (parole crociate, mappe interattive ecc..) e condividerli con le proprie classi virtuali o inserirli nel blog, allegarli ad E-mail…
• Formazione Classi2.0-AzioneCoop – Google Apps for Edu | Servizio Marconi T.S.I. — Una guida sulle Google Apps, segnalatami da Roberto Bondi.
• 12 Effective Ways To Use Google Drive In Education – Edudemic – Edudemic — Perchè Google nell’EDU. ( Un lavoro di traduzione per i miei colleghi di lingua inglese).
• Blendspace – Create lessons with digital content in 5 minutes — Altra piattaforma online dove si creano velocemente lezioni, agganciandovi video you tube, testi e altri file. La lezione potrà essere successivamente condivisa con l’aggiunta di commenti.
• Presentación Google Apps en Educación – YouTube — Una video argentino che spiega le funzionalità di GOOGLE Apps for Education. Quattro minuti di una finestra sul futuro della formazione: condivisa, sicura, economica, digitale, dematerializzata. Insomma, uno strumento fondamentale per una Scuola 2.0.
• Classroom Management Software & Interactive e Learning Performance Systems by HeuLab — Applicazione online che permette di condividere la lezione in contemporanea con 20 device (anche di diverso S.O.). Indispensabile per una Classe 2.0.
• Cloudschooling — Utile piattaforma per classe virtuale dove Docente/alunno possono organizzare e condividere attività. Con l’espansione Eugenio (eugeniotutoritaliano.it) l’alunno può esercitarsi in esercizi strutturati e guidati sulla comprensione del test (simulazioni INVALSi) con esiti immediati.
• Le app di Windows 8 per la scuola – YouTube — Ecco la seconda parte del video di presentazione delle applicazioni Educational di Windows 8.
• Windows 8 per la scuola — Anche la Microsoft,in Windows 8 ha previsto una sorta di piattaforma con risorse EDU(cational). Oltre Scuola 365,nato in collaborazione con altri partner e di cui si è detto in altra sezione,l’ultimo sistema operativo promuove una serie di applicazioni nel suo store.Ecco la prima parte di un video che li presenta.Apprendereinrete.it è la piattaforma di formazione della Microsoft rivolta ai Docenti
• elearning | Scoop.it — Un sito dove trovare tante risorse per l’e-learning. Da valutare.
• Lessons Worth Sharing | TED-Ed — Piattaforma sharing dove puoi creare lezioni, prendendo video da You tube e condividere ciò che si è “assemblato” (anche questionari e test), inviando E-mail o nei social network.
• Edmodo | Where Learning Happens | Sign up, Sign In — E’ una piattaforma di condivisione LMS in inglese, dove il docente crea la propria classe e con il Group Code generato permette di inserire il gruppo degli alunni. Da non confondersi con edMondo che è una particolare piattaforma multimediale in 3D, sul modello di Second Life, creata da INDIRE.
• Schoology, il social learning network per la scuola – Girl Geek Life — Nell’articolo viene presentata un’altra piattaforma LSM per creare “classi virtuali”: Schoology. Viene definito da qualcuno il “Facebook per gli  insegnanti”!!
• iocollaboro — Altra piattaforma per creare classi virtuali. E’ in italiano.
• Scuola Digitale » Perchè edMondo? — Edmondo una piattaforma studiata da INDIRE per creare classi virtuali. L’accesso è riservato a Docenti che iscrivono i propri studenti.

 

• DIY | Downloading

  • How To: Find Out if Your Gmail Account Has Been Hacked
  • How to Download Music From Soundcloud
  • How to Rip Music From MySpace
  • How to Download Videos from YouTube
  • Download Music From Last.Fm, Pandora, MySpace, and More with FreeMusicZilla
  • How to Download Vimeo Videos – Art, Music, Films, High Quality and HD Video from Vimeo
  • SAVEVIDEO.ME: scaricare youtube video, scaricare vimeo e altri!
  • 5 Best Alternatives to Megauplaod
  • Le pulizie d’autunno
  • Il frigo perfetto
  • KeepVid: Download and save any video from Youtube, Dailymotion, Metacafe, iFilm and more! — Permette di scaricare QUALSIASI TIPO DI VIDEO DAL WEB
  • Grab online videos for free with Video Grabber, Grab video from YouTube, google video, Dailymotion, vevo, Vimeo and many others
  • OpenCamera
  • Offliberty – evidence of offline life

Risorse Varie

• Building the Perfect Browser Based IDE – Codio
• Create a new Fiddle – jsFiddle
• jsfiddle.com — Editor online
• Pastebin.com – #1 paste tool since 2002! — Editor online
• Responsinator — SITO FANTASTICO PER testare su vari devices!!!
• Screenfly / Test Your Website at Different Screen Resolutions
• Responsive Design bookmarklet | BenjaminKeen.com
• Responsive Design Testing
• Responsive.is – Display and present responsive web designs
• The Responsinator
• IE NetRenderer – Browser Compatibility Check – www.giuliafilippini.it/portfolio.html
• Cross Browser Testing Tool. 200+ Browsers, Mobile, Real IE. — Browser testing ottimo! Free trial poi è a pagamento
• Responsive Web Design Test Tool – Designmodo
• Screenfly / Test Your Website at Different Screen Resolutions — testa il sito a differenti risoluzioni di schermo
• Webflow – Top Responsive Website Builder
• 5 Starter Challenges – Canva — CANVA – Strumento per creare piccole grafiche online!
• FROONT – design responsive websites in the browser
• FROONT – design responsive websites in the browser
• Build a Website — Squarespace — BELLISSIMI SITI!
• Webflow University – How to Build Responsive Website Course Lessons — DA FARE!!!!! TUTORIAL PER IMPARARE! CORSO GRATUITO ONLINE
• PSD to HTML $45- PSD to XHTML/CSS-PSD to WordPress $99
• Home – Builder
• Pingendo – web authoring with comfort — Basato su Twitter Bootstrap 3
• Macaw | The code-savvy web design tool.
• Customize WordPress Themes Live | CSS Hero — PER MODIFICARE UN TEMA WORDPRESS ATTRAVERSO QUeSTO SemPLICE PLUGIN! Prendi un tema base e costruisci il tuo!
• PageLines – Drag & Drop Website DMS — CREARE SITI INTERNET SENZA CODICE- A Drag & Drop DMS for Amazing Websites. An amazing way to create awe-inspiring, mobile-friendly, sites in minutes without coding.
• 10 web coding services for graphic designers • Inspired Magazine — SERVIZI CHE MI CREANO UN TEMA WORDPRESS o JOOMLA ecc DAL MIO PSD!!
• Stand In. Prototyping that doesn’t suck. — Urlist
• svg to png – CloudConvert
• Resize multiple images without scripts | sizzlepig — PERMETTE DI ESPORTARE UN’UNICA IMMAGINE IN DIFFERENTI FORMATI!!
• TinyPNG – Compress PNG images while preserving transparency — PER OTTIMIZZARE PNG
• Upload – Speedy Share – upload your files here
• Convert my image — Urlist — convertire immagini in moltissimi formati differenti
• WebP – New Image Format for Web
• GFsoft — Urlist —  visual JPEG compression utility that provides side-by-side comparison with originals, discovery of optimal compression level by maximum file size, and standard compression by level. Drag-and-drop or open an image to begin
• Kraken Image Optimizer · Kraken.io — Ottimizzare immagini online
• Yahoo! Smush.it™ — OTTIMIZZARE IMMAGINI PER IL WEB
• JPEGmini – Your Photos on a Diet! — RIDURRE IMMAGINI PER IL WEB
• GIF YouTube | Make Animated GIFs from Youtube — sito che permette di trasformare un video in una GIF.
• Piktochart – Create Easy Infographics, Reports, Presentations. — STRUMENTO PER CREARE INFOGRAFICHE
• 1414 Top Resources for Designers and Developpers – Agile Designers
• Free mobile and web prototyping for designers | Marvel
• Snazzy Maps – Free Styles for Google Maps
• OpenStreetMap — Scaricare mappe vettoriali
• Surfly from Nicholas Piël on Vimeo — App per poter condividere lo schermo con qualcun! free e simple
• 15 Web Apps for Web Designers
• Asana · Product Tour
• Tagxedo – Word Cloud with Styles
• Kunerango — Start-up nata da H-Farm attraverso cui poter vendere corsi online o creare videoconferenze!
• Creative & Useful Resources for Design ~ Creative Market Blog
• Gli Strumenti Indispensabili per Lavorare in Remoto con efficacia | Webhouse
• 11 great tools for iOS design teams • Inspired Magazine
• Adaptify – Adapt Your Web Presence
• QR Code Generator | Vector & printready eps Format
• Online Domain Tools – Useful tools to make your life easier — sito pieno di utility
• Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy! — CALCOLA IL CONTRASTO TESTO/SFONDO- Valuta la leggibilità di una pagina inserendo i colori usati
• Design Principles FTW
• Google Maps Colorizr — PERSONALIZZARE LE MAPPE DI GOOGLE MAPS
• maps.stamen.com — mappe personalizzate
• OpenStreetMap — MAPPE ONLINE
• BuiltWith Technology Lookup — ANALIZZARE CON COSA è STATO FATTO UN SITO
• Website speed test — SPEED TEST
• PageSpeed Insights — Metti il link ad un sito qualsiasi e te lo analizza consigliandoti cosa fare concretamente per aumentarne la velocità!!!
• Google Developers
• Emmet – Crea Strutture HTML in un Lampo su HTML5 AndMore — TUTORIAL E ARTICOLO DI SPIEGAZIONE SU EMMET
• Emmet — the essential toolkit for web-developers
• 20 Useful Mac Apps For Designers | Downgraf.com
• 20 Useful Mac Apps For Designers Part 2 | Downgraf.com
• Characters, Words Count and Keywords Density | TextCake — Conteggiatore di parole, caratteri ecc, moto utile!
• Programma di fatturazione e contabilità gratuito | Debitoor
• KeepVid: Download and save any video from Youtube, Dailymotion, Metacafe, iFilm and more! — Permette di scaricare QUALSIASI TIPO DI VIDEO DAL WEB
• 50 Fresh Resources and Tools for Web Developers
• Chrome Web Store – GistBox — Strumento per chrome per ORGANIZZARE GLI SNIPPETS DI CODICE, divisi per tipo di linguaggio
• embedresponsively.com — Interessante Tool per “embeddare” contenuti come YouTube, Instagram, Vimeo in modo Responsive
• 10 Valuable Web Designer Tools

Lorem Ipsum, a collection of filler text generators

• Lorem ipsum – Wikipedia, the free encyclopedia — What is and history of Lorem Ipsum
• Lorem Ipsum – All the facts – Lipsum generator — The Lorem Ipsum generator: just choose paragraphs/words/bytes/lists and generate the text filler that your need.
• HTML-Ipsum
• Typetester – Compare fonts for the screen
• Justin Bieber Ipsum | Lorem Ipsum Generator | Place Holder Text
• Cat Ipsum | A Furrier Alternative to Lorem Ipsum
• Bacon Ipsum | A Meatier Lorem Ipsum Generator — “Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!” Yes, it’s actually a Lorem Ipsum generator based on pieces of meat: you can just choose the paragraphs!!!
• Veggie Ipsum – the vegetarian lorem ipsum generator — If you’re a vegetarian you probably fancy a vegetarian Lorem Ipsum too: try this!!! “Zucchini grape chickpea lettuce cress bitterleaf sorrel leek welsh onion plantain burdock komatsuna radicchio parsley dulse yarrow arugula peanut.”
• Chuck Norris Ipsum — Chuck Norris found out about Conan O’Brien’s lever that shows clips from “Walker: Texas Ranger” and is working on a way to make it show clips of Norris having sex with Conan’s wife. Chuck Norris doesn’t need to swallow when eating food.
• Fillerama: Themed Filler Text Generator — You can choose between: Doctor Who, Dexter, Futurama, Monty Python and the Holy Grail, The Simpsons, Star Wars and just basic simple Lorem Ipsum; it is possible to tick lists, headers and choose how many paragraphs you want.
• Fillerati – Faux Latin is a Dead Language — “I made Fillerati because I grew tired of reading “Lorem ipsum…” on every new design I was working on.” So the author made a filler generator with excerpts from Lewis Carrol, Jack London, Herman Melville, Jules Verne, H. G. Wells, L. Frank Baum and Edgar Rice Borroughs. You can choose the number of paragraphs but it’s a little bit tricky, since you have to slide the mouse (or maybe I’m just dumb, that is possible).
• Cupcake Ipsum – Sugar-coated Lorem Ipsum Generator
• Corporate Ipsum — It’s a widget!!!
• Blippity Fling-Flang — “Blippity Fling-Flang generates fun and unique gibberish text. Use it for whatever you want!” But the killer feature is the FLANGITIZE A PAGE option: insert the URL and make any page you want a total nonsense. Super fun!!!
• An alternative for lorem ipsum : get your dummy text from twitter/digg/reddit
• Jedi Ipsum
• Hipster Ipsum | Artisanal filler text for your site or project. — Mustache craft beer cardigan, authentic squid cliche ethnic twee beard jean shorts. Portland mlkshk aute keytar nesciunt accusamus cillum. Vegan sustainable +1 beard, et four loko mumblecore est sed dolore fingerstache placeat.
• lorempixel – placeholder images for every case
• placecheese.com

WordPress Tools Roundup

• Sublime Text — My main text editor. Can’t live without its packages, snippets, customization, and portability.
• Sublime SFTP — Favorite ST package. Makes working remotely almost invisible.
• ForkLift — My favorite Mac FTP client, featuring a killer dual-pane interface and a bunch of other goodies.
• WordPress Textmate Bundle — The entire codex in one package (snippets and completes for virtually *every* WP function).
• Emmet — A plugin for many popular text editors which improves HTML & CSS workflow (with snippets, completes, etc)
• Sass — Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more.
• LiveReload — LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.
• Bourbon — A simple and lightweight mixin library for Sass.
• SizeUp — Makes managing multiple windows a breeze (on any size screen)
• Navicat — DB tool suggested by Chris W.
• Typekit — Font subscription service featuring high-quality typefaces. From $24.99/yr.
• Google Fonts — A font library containing free and open-source fonts.
• cloud.typography — A subscription service featuring the highest-quality fonts. From $99/yr.
• Font Squirrel — A font library containing free and medium-quality fonts. Also a handy converter you probably shouldn’t be using.
• Symbolset — An icon font with a twist. Ligatures are used (letters combing into a single glyph) to transform words like “home” or “user” into visual icons. From $1.
• IcoMoon — A tool for mashing together different icon sets into a single font, combining and minimizing the assets in the process. Free, and up.
• Dropbox — My favorite *source-control-but-not-really*. Used for so many projects in the early stages, across all machines.
• Google Drive — Like Dropbox, but from Google.
• Pingdom — Know when your website goes down (if you care).
• GitHub — Build software better, together. Source control and bug tracking and wikis and oh my.
• BrowserStack — Cross Browser Testing Tool. 200+ Browsers, Mobile, Real IE.
• ACF – Advanced Custom Fields — The best custom fields library ever. So flexible and robust it’s ridiculous.
• Jetpack for WordPress — Bring a bunch of goodies from wordpress.com to your self-hosted installs.
• Manual Control for Jetpack — Put the kibosh on new Jetpack modules.
• Debug Bar — Submitted by @tnorthcutt
• Debug Bar Extender — Submitted by @tnorthcutt
• Regenerate Thumbnails — Runs through your library and makes images in all defined sizes. Bonus: Bill Erickson to the rescue http://www.billerickson.net/code/dynamic-image-resizing
• WP Migrate DB Pro — Submitted by @tnorthcutt and @pat_ramsey
• Developer — Submitted by @tnorthcutt
• Better WP Security — Lots of security goodies from Chris W.
• Wordfence Security — Suggest by a member in the back.
• Dribbble — Think *work twitter* for designers. Share small shots of whatever you’re working on.
• Forrst — A community for developers and designers looking to sharpen their skills.
• CodePen — A kickass HTML/CSS/JS playground, filled with all sorts of front-end examples.
• WordPress Answers — WordPress-flavored Stack Exchange. If you can’t find an answer here, I’d start to worry.
• Austin WordPress Meetup — The finest WordPress community this city has ever known.
• Meetup — Find a bunch of like-minded people and spend some time with them.
• Bill Erickson — Dude can code *and* drink.
• Paravel — Three dudes on point.
• Happy Cog — Transplants that do web design, web development, mobile & content strategy on a whole ‘nother level.
• Handsome — BBQ and cocktails aint the only thing to experience on the east side.
• WP Engine — You’re sitting in their offices. Everybody waaaave.

WEB | Useful Tips

Webmastering or simple navigation

• Leaked Pictures Hint at Gmail Redesign
• Official Google Webmaster Central Blog
• https://www.google.com/support/webmasters/bin/answer.py?answer=35769

WEB | File Sharing

• WeTransfer — Unlimited size uploads (2 GB actually)
• FileSnack | Easy file sharing — Only 100 MB Free – Registrato via GMail
• Free large file hosting. Send big files the easy way! — We deliver files millions of times a week, yet each file you send is important, and we work hard to make sure it is available for easy download. Why? Because we’re passionate about file delivery and determined to provide the best service we can. People have been trusting us to send their large files since 2005, and we see to it that the service we provide is easy to use and reliable.
• Upload – Speedy Share – upload your files here — Store your files online and access them from anywhere just like if they were saved on an USB device thanks to Speedy Drive. Map your Speedy Drive as a network disk (for example S:) on unlimited number of your computers.

WEB | Web Design

• Free vector icons – SVG, PSD, PNG, EPS & Icon Font – Thousands of Free Icons
• NounProject
• Create your Icon Font in seconds – 9000 Vector Icons Available – Free Icon Font Generator
• Character Counter and Keyword Density Checker Tool | TextCake
• Infographic: How to Create an SVG : Medialoot
• Create Responsive Websites Without Code! | Ten Ton Online
• 10 web coding services for graphic designers • Inspired Magazine — SERVIZI CHE MI CREANO UN TEMA WORDPRESS o JOOMLA ecc DAL MIO PSD!!
• WEBDESIGN-INSPIRATION.com | Best Web Design Gallery
• Launch Effect – A WordPress Theme for Viral Launches
• Koken – About
• OpenFolio | drupal.org
• Login – Dunked
• Minimally Minimal
• I template files di WordPress | CMS | HTML.it
• How to embed Tumblr on your website and customize it – adrifolio Blog — Tumblr
• Designed by Sofi How to embed your Tumblr into your own website — Tumblr
• Can you embed a Tumblr blog into another website — Tumblr
• Corso WordPress da Zero – video corso online per imparare a usare WordPress – WordPress da Zero
• Come migrare un Sito WordPress su un diverso Dominio e Hosting | EVE Milano
• Migrare da wordpress.com a wordpress.org: perché e come? | Alessandra Pepe
• Come eseguire il backup per un sito WordPress
• Come creare un blog con WordPress | Salvatore Aranzulla
• WordPress › PHP / MySQL Web Hosting
• JavaScript Tutorial Series For Beginners | Jasko Koyn
• HTML5 Templates
• 46 Free Responsive HTML5 CSS3 Website Templates
• Lezione 1: Cosa sono i CSS? – HTML.net — Ottimo tutorial base
• Tutorial 1 – Imparare il CSS – YouTube
• Webflow University – How to Build Responsive Website Course Lessons — DA FARE!!!!! TUTORIAL PER IMPARARE! CORSO GRATUITO ONLINE
• How to Code a Homepage Template with HTML5 and CSS3 : Medialoot