Responsive Web Design
315 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by Ariane Bourgeois from Public Relations & Social Media Insight
Scoop.it!

10 Recent Inventive Examples of Animation in Web Design

10 Recent Inventive Examples of Animation in Web Design | Responsive Web Design | Scoop.it

In a creative profession like web design, inspiration plays a huge part in your daily work schedule. It’s not always easy to come across inspiration which is why I started collecting all of the little snippets of inspiration I could find with my new side project.

 

Whether you are a freelancer or part of a larger design team, getting a dose of inspiration in the morning is an excellent way to start your day. With inspiration in mind, I want to welcome you to a curated roundup of inspiring web design elements. Featuring everything from simple, animated SVG logo design to complex interactive storytelling, this page is sure to inspire – so take a look and tell us what you think!...


Via Jeff Domansky
more...
El Monóculo's curator insight, November 10, 8:50 AM

Lots of creativity and design inspiration in these web design animations.

Daniel Gonzales's curator insight, November 10, 12:32 PM
Innovative and inventive! Awesome new examples for future standards.. Great share ;-)
Yu PANG's curator insight, November 12, 6:07 AM

10 Recent Inventive Examples of #Animation in #WebDesign 

Scooped by Ariane Bourgeois
Scoop.it!

Infographie : Stratégie mobile SEO - Actualité Abondance

Infographie : Stratégie mobile SEO - Actualité Abondance | Responsive Web Design | Scoop.it
13 mars 2015 - Une infographie qui donne un certain nombre d'informations sur le marché du mobile et l'adaptation d'une stratégie SEO au monde des smartphones... Notre in par Actualité Abondance
more...
No comment yet.
Rescooped by Ariane Bourgeois from Responsive WebDesign
Scoop.it!

Responsive Techniques that Every Website Should Use

Responsive Techniques that Every Website Should Use | Responsive Web Design | Scoop.it
In this article I’d like to share a few responsive web design techniques that can be applied to any layout. Each website project is intimately different yet great designers can recognize the common similarities in most work.

Via gonzodesign
more...
No comment yet.
Rescooped by Ariane Bourgeois from Inspired By Design
Scoop.it!

Creative Photo Manipulation Examples

Creative Photo Manipulation Examples | Responsive Web Design | Scoop.it
May it be for a political rally, or a banner posting, photo manipulation is done everywhere. A fake image is created out of something else, which leaves you spellbound, if you see the original actual image.

Via Brian Yanish - MarketingHits.com
more...
No comment yet.
Scooped by Ariane Bourgeois
Scoop.it!

Web Starter Kit : les outils responsive design par Google - Actualité Abondance

Web Starter Kit : les outils responsive design par Google - Actualité Abondance | Responsive Web Design | Scoop.it
24 juin 2014 - Google propose depuis quelques jours le 'Web Starter Kid', une somme d'outils et de templates permettant aux développeurs de réaliser plus facilement des s par Actualité Abondance
more...
No comment yet.
Rescooped by Ariane Bourgeois from Responsive WebDesign
Scoop.it!

Build a responsive Javascript nav menu | Web design | Creative Bloq

Build a responsive Javascript nav menu | Web design | Creative Bloq | Responsive Web Design | Scoop.it
Responsive web design (RWD) has had an enormous impact on how our industry develops websites and applications for different devices. Everywhere we look there are new techniques, tools, and thoughts on the subject. RWD provides us with the tools we need to create awesome experiences for the multitude of devices that our users have.

Via gonzodesign
more...
No comment yet.
Rescooped by Ariane Bourgeois from Design Revolution
Scoop.it!

1 Well Designed Content Site & A Rare KISSmetrics Miss

1 Well Designed Content Site & A Rare KISSmetrics Miss | Responsive Web Design | Scoop.it

I’ve compiled a list of websites that produce great content, each of which has its own unique qualities. I’ll break them down and explain why they’re good and what you can take away.

KISSMetrics Misses The Mark 2 out of 3
I was looking for a great content/design mix and KISSmetrics got it right one out of the three times here. CopyBlogger is the only site in this group that both has great content and a great design.

The other two blogs may have great content, but their design is so off putting who is going to wade through their content? What makes Copyblogger work well?

* Snowfall design (long page scrolls down).
* Clear and LARGE Call-to-Actions (bet they've tested those big green buttons).
* Good use of icons that mask ads (very non-disruptive).
* Flat responsive design (probably looks great on mobile too).

* Big headline with interesting sophisticated font treatment.

* Video on homepage.

Ignore the other two suggestions here and focus on Copyblogger. Do you know a great content website? We are looking for great examples of DESIGN in content marketing. Share your favs and we will curate in.



Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by Ariane Bourgeois from Design Revolution
Scoop.it!

Prescient Mashable Web Design Predictions (2012) Coming TRUE! via @dtelepathy

Prescient Mashable Web Design Predictions (2012) Coming TRUE! via @dtelepathy | Responsive Web Design | Scoop.it

Marty Note
Wow, you don't get much more money than Chuck Longanecker's 2012 predictions for web design's almost immediate future. 

Chuck is CEO of Digital Telepathy and boy does he have a copious amount of telepathy based on just how TRUE each of these trends is turning out. Talk about hitting the NAIL directly on its head.

We all need to get into Chuck's head (lol) because understanding how our design tectonic plates are shifting doesn't get any better:

* Lean Design (YES).
* Animation and more sophisticated HTML5 party tricks (YES).
* Less is More (YES).
* Multi-screen, multi-platform (YES!).

Great stuff every web designer and Internet marketer should walk and talk.  


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by Ariane Bourgeois from Inspired By Design
Scoop.it!

Not all Clients Understand Design-Speak

Not all Clients Understand Design-Speak | Responsive Web Design | Scoop.it

If you read the stories on the Clients From Hell site, you will have a feeling you're in the wrong industry. The tales of horror try to display clients as barely functioning morons, but the truth runs deeper than that. Sure, there are those who truly are morons, as with any human being in any industry, but design is a profession of twists and turns, and terms that are learned in art school, that allow designers to communicate more with other designers than with the layperson.


Via Brian Yanish - MarketingHits.com
more...
No comment yet.
Scooped by Ariane Bourgeois
Scoop.it!

Infographie : Décryptage visuel des vidéos de Matt Cutts - Actualité Abondance

Infographie : Décryptage visuel des vidéos de Matt Cutts - Actualité Abondance | Responsive Web Design | Scoop.it
14 février 2014 - Une infographie qui présente sous une forme amusante un décryptage des vidéos tournées par Matt Cutts pour vous permettre d'identifier les messages secrets par Actualité Abondance
more...
No comment yet.
Rescooped by Ariane Bourgeois from 21st Century Tools for Teaching-People and Learners
Scoop.it!

Online Comic Creators

This presentation offers ideas on how to use comics in the classroom and a list of online comic creators

Via Ana Cristina Pratas, juandoming, Maria Margarida Correia, Gianfranco D'Aversa, Gust MEES
more...
Sarah McElrath's curator insight, August 11, 2014 1:34 PM

Great list of comic creators. Love that there are many different styles.

Mirta Liliana Filgueira's curator insight, August 12, 2014 2:54 PM

Creadores de Comic Online

Edgar Mata's curator insight, August 13, 2014 7:52 PM

Es una buena idea, pueden obtenerse beneficios si se emplean en la educación.

Rescooped by Ariane Bourgeois from The Web Design Guide and Showcase
Scoop.it!

A Curated Visual Search Engine for Design Inspiration: Niice

A Curated Visual Search Engine for Design Inspiration: Niice | Responsive Web Design | Scoop.it

Via Robin Good
more...
Robin Good's curator insight, January 30, 2014 2:37 PM



Niice is a new search engine that specializes in retrieving high-quality images from a curated set of design sites which include for now BehanceIllustration ageDesignspirationSiteInspire & Fonts In Use.


Niice can be used as a visual trigger to find interesting and inspiring visuals on just about any theme or topic. 


The curated nature of its sources and of the images allowed into the index guarantees that your focus area will always be filled by visually interesting ideas.


I tried a few simple searches, and was quite inspired by the quality of the results. I'd say truly inspiring.

http://www.niice.co/?search=rome 

http://www.niice.co/?search=brass 

http://www.niice.co/?search=tao 


Free to use.


Try it out now: http://www.niice.co/ 





Rescooped by Ariane Bourgeois from Be Communication 3.0
Scoop.it!

Les 10 prints les plus brillants et créatifs du lundi !

Les 10 prints les plus brillants et créatifs du lundi ! | Responsive Web Design | Scoop.it

Comme chaque lundi depuis maintenant 22 semaines, on vous propose une sélection des prints les plus brillants et créatifs. Des affiches sélectionnées avec amour rien que pour vous !


Via Kevin Dangu
more...
No comment yet.
Rescooped by Ariane Bourgeois from JavaScript Libraries for HTML5
Scoop.it!

50 JavaScript Libraries for Charts and Graphs | TechSlides

50 JavaScript Libraries for Charts and Graphs | TechSlides | Responsive Web Design | Scoop.it

Via Jason Tintelnot
more...
Jason Tintelnot's curator insight, January 28, 2015 11:18 PM

A list of JavaScript libraries that can create and display charts and graphs dynamically.

Scooped by Ariane Bourgeois
Scoop.it!

Migration de site : faites tout en bloc ! - Actualité Abondance

Migration de site : faites tout en bloc ! - Actualité Abondance | Responsive Web Design | Scoop.it
3 mars 2015 - John Mueller vient de préciser dans un hangout que lorsque toutes les pages d'un site changent d'URL, il faut toutes les mettre en ligne en une seule fois par Actualité Abondance
more...
No comment yet.
Rescooped by Ariane Bourgeois from Web Communication
Scoop.it!

Emailing tactique entre DCO et Responsive Web Design - SiWay

Emailing tactique entre DCO et Responsive Web Design - SiWay | Responsive Web Design | Scoop.it
L'emailing a plus d'impact que jamais avec la DCO (Dynamique Creative Optimization) et le Responsive Web Design.

Via Pascale Varenne "Ma Plume 2.0"
more...
Pascale Varenne "Ma Plume 2.0"'s curator insight, November 5, 2014 6:08 AM

Une nouvelle génération d'e-mailing…

Rescooped by Ariane Bourgeois from Design Revolution
Scoop.it!

25 Web Design Tips To Honor 25 Years Of The Web via Forbes

25 Web Design Tips To Honor 25 Years Of The Web via Forbes | Responsive Web Design | Scoop.it

25 Great Web Design Tips From Forbes

1. The 5 Second Rule **

2. Proper Messaging

3. Call to Action **

4. Building Trust

5. Keep it Fresh

6. Incorporating Social Media
7. Don’t Make Me Think **

8. Web 2.0 – It’s About the User’s Needs, Not About You

9. Video **

10. Don’t Reinvent The Wheel

11. Don’t Fall Behind – Your Competitors Will Beat You

12. Security

13. Start with SEO in Mind **

14. Avoid Long Page Forms
15. Don’t Make Me Squint

16. Be an Industry Leader

17. It’s No Longer Just About the Desktop

18. Don’t Attempt to Target Everyone

19. Monitor Site Performance

20. It’s Web Pages, Not Websites That Rank

21. Your Website is a Component of Marketing

22. Good websites grow businesses.

23. Flash is dead.

24. Respect text.

25. Future requires wearable tech integration.

All 25 are great web design tips. Our favorite 5 are highlighted in bold.

 

 

 

 


Via Martin (Marty) Smith
more...
Suggested by Orson
Scoop.it!

responsive web design, what is it?

responsive web design, what is it? | Responsive Web Design | Scoop.it
Smartphones and tablets: the rise"By the end of this current year, 1.4 billion smartphones will be in use. While nearly 200 (...)
more...
No comment yet.
Rescooped by Ariane Bourgeois from Design Revolution
Scoop.it!

125 Flat Web Design Examples Inspire | Designrazzi

125 Flat Web Design Examples Inspire | Designrazzi | Responsive Web Design | Scoop.it
This collection consist best of website design inspiration that mainly have flat website design examples like headlines, images or content areas. In this

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, March 9, 2014 7:23 PM

My favorite is Heather Lynn.

Rescooped by Ariane Bourgeois from M-learning, E-Learning, and Technical Communications
Scoop.it!

Getty makes 40 million stock photos available for free | Photography | Creative Bloq

Getty makes 40 million stock photos available for free | Photography | Creative Bloq | Responsive Web Design | Scoop.it
Go to http://www.gettyimages.co.uk/embed and click the blue link: "Search images available to embed"

Via Danielle M. Villegas
more...
Danielle M. Villegas's curator insight, March 6, 2014 9:17 AM

Thanks to RJ Jacquez for sharing this. This is good news for all bloggers! Good images are as important as text when writing blog content. I know that I'll be definitely taking advantage of this more often going forward!
--techcommgeekmom 

Jim Baxter's curator insight, March 18, 2014 11:20 AM

Good news for teachers and students.

Tony Park's curator insight, March 26, 2014 6:10 PM

A positive photo download site

Tony Park

Rescooped by Ariane Bourgeois from Startup Revolution
Scoop.it!

Mapillary: See The Map, Add Photos To the Map, Be The Map | MIT Technology Review

Mapillary: See The Map, Add Photos To the Map, Be The Map  | MIT Technology Review | Responsive Web Design | Scoop.it

Mapillary is a cool idea. Why run up and down city blocks taking pictures when your customers, advocates and contributors could do that for you. What it means to be a MAP is changing fast.

Maps used to be those things you couldn't fold back up. Now maps are evolving into evolving stage sets. You need one "map" when its six pm and time for dinner.

You need another map when you need groceries or toys for Christmas. As the line between virtual and real world collapse "map" is going to take on many new meanings.

With GPS "Map" means place, time and tribe. Why tribe? Because, as FourSquare proved our phones are smart enough to know when our friends' phones are around us.

Phones become living avatars walking a digital landscape by proxy, roads we wold walk if we could TRON-UP and jump into the machine. Since we can't become digital just yet MAP will take on many new meetings.

Extend our new "map thinking" a little further and maps become games, commerce and content. These new "digital maps" will be how we tell time, know and relate to our friends and understand PLACE.

Mapillary sees the future. They know maps are more than those things we used to not be able to fold back up :).


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by Ariane Bourgeois from Design Revolution
Scoop.it!

3 Design Tips From an Infographic Pro

3 Design Tips From an Infographic Pro | Responsive Web Design | Scoop.it
We asked Randy Krum, Founder and President of InfoNewt, an infographic
design company, and editor of the Cool Infographics website, to share some
of his insights from working with and reviewing infographics.

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, February 19, 2014 8:19 PM

Don't be fooled by infographic naysayers. Yes there are BAD infographics, yet when I tracked the top 10 for my 125,000 views on Scoopit Infographics owned more than half of almost every feed's top 10. Translation - we need to create infographics and other forms of data visualization.

Here are 3 great tips from an Infographic design pro:

* Keep It Clear.
* Be Iconic.
* Know the rules.

Come to think of it those tips apply to pretty much anything we lucky few Internet marketers do :). M

aanve's curator insight, February 20, 2014 9:52 PM

www.aanve.com

 

Tyler Richendollar's curator insight, March 6, 2014 10:30 AM

If 8 tips weren't enough, here are 3 more.

Rescooped by Ariane Bourgeois from Design Revolution
Scoop.it!

Our Product Design Process - Infographic | Paper Leaf Design

Our Product Design Process - Infographic | Paper Leaf Design | Responsive Web Design | Scoop.it
Over here at Paper Leaf Design, we make much ado about communication & process. In our minds, these two elements are key to a successful design project

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, February 13, 2014 4:30 PM

I like this infographic of Paper Leaf's design process. Linked artcile is excellent too. My process is less linear. Image little tornadoes of circles at each of those linear steps with bullets bouncing hither and yon and see inside the creative chaos my teams depend on (lol).

Rescooped by Ariane Bourgeois from Startup Revolution
Scoop.it!

CrowdFunde Beta Design First Views

CrowdFunde Beta Design First Views | Responsive Web Design | Scoop.it

CrowdFunde's mission is support investors, donors and shoppers by merchandising crowdfunding based on cool algorithms YOU set. Based on our incubator investor meeting today may remain a DREAM, but something will work out since the content is too cool and valuable to remain "haystacked" for much longer. 

One cool trick is the algorithms that control what gets shown where have two modes DEFAULT and FRIENDS. When Facebook is linked to a profile algorithms go into "friends mode" showing what your friends and friends of friends like with the ability to toggle back to defaults.

That little trick is cool enough I might have to fund development. Heck I might have to regardless (lol). Marty  


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by Ariane Bourgeois from Business Improvement
Scoop.it!

How To Choose The Best Color Palette For Your Business Website

How To Choose The Best Color Palette For Your Business Website | Responsive Web Design | Scoop.it

Via Daniel Watson
more...
Carmen Troche's curator insight, January 31, 2014 12:58 AM

Color is so important especially in being consistent for biz cards, website, fliers, etc. 

Ann Dixon's curator insight, February 23, 2014 8:12 AM

Really interesting article on the psychology of colour on your business website. Discover what colour your business is/should be for most effect.

Anthony MARTINS de NOBREGA's curator insight, March 4, 2014 3:40 AM

pas anodin du tout.....90% de la population est visuelle......les couleurs jouent sur les émotions.....les émotions sur les décisions clés.....