Google Cultural Institute

Vídeo

The Google Cultural Institute helps preserve and promote culture online.

google.com/culturalinstitute/

Pharrell Williams “Happy” – Website com vídeo interactivo de 24h

Imagem

Pharrell Williams “Happy” - Website com vídeo interactivo de 24h

Pharrell Williams gravou o primeiro teledisco de sempre com 24 horas. O músico dos N.E.R.D escolheu o tema “Happy”, que compôs para a banda-sonora do filme de animação Gru – O Maldisposto 2 , para um vídeo interativo que conta com participações de nomes como Steve Carell, Jimmy Kimmel ou Magic Johnson.

Siga o link 24hoursofhappy.com  para ver o teledisco completo, que conta com direção criativa de Woodkid.

via blitz

Advertisement

28 Free Resource Websites for Designers and Developers

Whether you are a designer, developer, marketer, copywriter or otherwise, there is something in this list for you. Granted the number of tools online has been growing very quickly and it’s certainly not a complete collection. If you know of any helpful links which I’ve forgotten please share with us in the discussion area below.

Web Colour Data

web colour data webapp inspiration design

CodePen

codepen dark ui homepage coding ide cloud webapp

365psd

freebie 365psd download gallery psds

Gridulator

gridulator grid based webapp free open source online

Font2Web

convert online fonts ttf otf webfont webapp

Source Canvas

freebie download gallery psd open source codes sourcecanvas

WordPress Query Generator

sql database query generator code php wordpress

Buttons

open source github buttons css library

HTML Email Boilerplate

free open source html boilerplate homepage design

Google Web Designer

free software program homepage google webdesigner

Screen Sizes

screen sizes responsive design width devices webapp reference

CSS Font Stack

css css3 webfont font stacks homepage webapp

PixelsDaily

dark website homepage pixelsdaily freebie psd

Unheap

unheap gallery jquery repository homepage webapp downloads

Colourcode

colourcode code choice hexadecimal colors picker webapp

Pure CSS

pure css homepage open source webapp layout colorful

Favigen

favigen homepage layout webapp picking building favicons

resizeMyBrowser

resizemybrowser inspiration homepage webapp design

Responsive Elements

responsive elements inspiration webdesign homepage webapp

Forecast Font

freebie open source fonts weather icons iconfont

Font Awesome

font awesome open source icons webfont iconfont

Prefixr

net tutsplus internet webapp css3 prefix generator

PXtoEM

online webapp pixels to ems converter

Ajaxload

small loaders icons gif generator ajax circles

Iconza

iconza webapp icons webpage inspiration design layout

DesignFloat

design float social news digg webapp homepage

Subtle Patterns

subtle patterns website backgrounds free download

PageSpeed

pagespeed tools website google tools homepage

via designm.ag

shit for making websites

  1. Screensiz.es

    A screen size chart for common devices. Sortable by Device name, OS, screen size, resolution, PPI, density and popularity.
    http://screensiz.es/

  2. Log – Console.log with Style

    easier writes to console.log that provides colors and formatting. I am deeply in love with this one.
    http://adamschwartz.co/log/

  3. Live editing proof of concept in Firefox and Sublime

    Should be released soon.

  4. Backbone.js

    Backbone’s been around awhile, but it hit 1.0 today. Definitely worth looking at as a framework for larger JS apps.
    http://backbonejs.org/

  5. Superhero.js

    a treasure trove of articles surrounding JavaScript application development.
    http://superherojs.com/

  6. CSS Front-end Frameworks with comparison – By usabli.ca

    A comparison of more CSS Frameworks than you’ll ever care to use in practice. Compares more than 30 front-end frameworks by browser support, the use of less/sass, mobile and tablet support and finally, license.
    http://usablica.github.com/front-end-frameworks/compare.html?v=2.0

  7. PouchDB, the JavaScript Database that Syncs

    PouchDB is a JavaScript library that allows you to store and query data for web applications that need to work offline, and sync with an online database when you are online.
    http://pouchdb.com/

  8. LESS- The Dynamic Stylesheet language

    LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. Everything gets compiled back to CSS on the server side (typically using Node) or client-side JavaScript.
    http://lesscss.org/

  9. bower – a package manager for web

    A simple command-line tool to download components (and their dependencies) for web projects (there are over 1,000 in their registry). Requires Node.
    http://twitter.github.com/bower/

  10. Screenhero – Collaborative Screen Sharing

    2 cursors, 2 keyboards, one remote session. And it’s free.
    http://screenhero.com/

  11. Gather Content

    Help organize and collaborate on content needs for your project and then send it on it’s way via their API.
    https://www.gathercontent.com/

  12. Redacted

    A strange little typeface meant for use during the wireframing/prototyping phase of a project. Redacted is essentially a Lorem Ipsum replacement that renders solid blocks of grey or illegible scribbles instead of legible text.
    https://github.com/christiannaths/Redacted-Font

  13. Handlebars.js: Minimal Templating on Steroids

    A JavaScript implementation of the mustache templating language.
    http://handlebarsjs.com/

  14. Swiftype: Modern full-text search for websites and applications

    An embedded search app for websites that provides great analytics and allows you to easily customize search results for specific queries.
    https://swiftype.com/

  15. Firebase – A scalable real-time backend for your website

    A real-time SaaS backend for apps, accessible entirely from front-end JavaScript
    https://www.firebase.com/

  16. Moment.js – A lightweight javascript date library

    A 5.5kb javascript date library for parsing, validating, manipulating, and formatting dates.
    http://momentjs.com/

  17. lenticular.js – tilt-controlled images

    sort of like tilt (or mouse) controlled animated gifs. fantastic for product demos, etc.
    http://lenticular.attasi.com/#

  18. Online JSON Editor

    A fantastic little JSON editor. Has a left pane for JSON and a right pane for a human-readable view of the data. You can edit either side and push changes back and forth, open from a url, or click save and download the edited file.
    http://jsoneditoronline.org/

  19. Parsley.js – Forms Validation

    A client-side form validator (i.e. for users, not for servers) that let’s you use html data-attributes to trigger form validation, which is to say you don’t have to write any additional JavaScript to make it work.
    http://parsleyjs.org/

  20. Bountify – Crowdsource Small Coding Tasks

    Post a problem and a cash bounty, get back code.
    https://bountify.co/

Design Responsive Websites Visually

Imagem

With Webflow you build using our powerful and intuitive UI. Export production-ready HTML & CSS.

How it works?
Responsive design that’s faster & easier.
Webflow enables you to create responsive layouts and pixel-perfect designs directly in your browser, without writing a single line of code.

Design
Drag & drop elements on the page, and style them any way you want. If you’re familiar with Photoshop, you’ll love Webflow.

Export
Webflow generates beautiful, production-ready HTML and CSS. It’s the same code that a developer would write.

Launch
Your website works across all modern browsers and devices. Push the code to your own server or let us handle the hosting for you.

Try Webflow

The new gamers website

Imagem

The new gamers website

“We give people the oportunity to have the games they always wanted.
We are spending long hours in order to launch our new website. We will offer game keys, freebies, a brand new blog and many other features.”

“Game the day is a website that you’ll love, you’ll have game giveaways, promotions, reviews, blog posts and other goodies.
I’ll have a pre-alpha version running in a few days. So if you want to be an early bird just subscribe our newsletter.

For the technical part, i’m using Laravel 4 with Foundation 4. Full responsive for tablet and mobile.

If you want to join this adventure as a contributor, designer or developer just let me know. I’m sure i could use a lot of help. Use the contact form ( top right corner )to get in touch with me.

http://www.gametheday.com

Cheers!!”

via gametheday.com