UX Design
Follow
Find tag "CSS3"
33.8K views | +4 today
UX Design
The art of designing engaging and meaningful user experiences for customer development.
Your new post is loading...
Your new post is loading...
Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

15 Best CSS3 Websites Inspire Consistent With 2014 Design Trends - via AWWards

15 Best CSS3 Websites Inspire Consistent With 2014 Design Trends - via AWWards | UX Design | Scoop.it
Fantastic CSS3 Website Designs for Inspiration. Selection of Awwwards winning CSS3 websites. CSS3 is a powerful tool for web designers to enhance the appearance of a website.

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, April 23, 2014 8:41 PM

Strong first few pages of examples here. My favs include 

Cat Magnet for actually telling a fish story (nice large CTA too). 
Design Council - love the flat, few colors with red as accent. 

True - don't like blocking the face, but works here. 

Stealable Ideas ae consistent with 2014 design trends:

* Big heros (tells a better story).

* Limit color palette. 
* Flatten out the design so it looks good on mobile too.
* Large Call-to-actions (DECLARE what you want your customers to do).

That last bullet, using a clear CTA, seems to be the hardest one to sell designers who feel to DECLARE is to shout. I disagree. I view DECLARATION in this context as helping by MAPPING and POINTING.

No one wants their TIME wasted and when you point them in the right direction with a large, high contrast CTA you've created a helpful hint. Subtle, when you have seconds, seems an unsupportable luxury. When DON'T we want to be CLEAR and help our visitors know how to journey along our paths?

A: NEVER :). M  

 

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

50 Cool CSS3 Design Examples Inspire

50 Cool CSS3 Design Examples Inspire | UX Design | Scoop.it
It's amazing what can be done with CSS these days. Support for the latest CSS3 properties is strong in the latest versions of all the major browsers - even Internet Explorer - and the possibilities for typography, animation and interactivity have never been greater. But finding web design inspiration can be tricky.

Via Martin (Marty) Smith
Michael Allenberg's insight:

The future of web design...

more...
Martin (Marty) Smith's curator insight, February 15, 2014 9:12 PM

CSS3 has some cool applications as these 50 examples show.

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

Web Design: 20 Hottest 2014 Trends [+ Scenttrail Take On Each]

Web Design: 20 Hottest 2014 Trends [+ Scenttrail Take On Each] | UX Design | Scoop.it

2014 We Design Trends

1. Grid Layouts - Agree & Is Good!
Yes visual marketing + pinterest + mobile is making the grid ubiquitous. I created a Mondrian grid in 1999 when we launched FoundObjects.com (not gone sadly). Grids help share MORE information faster and in the same space than any other design element.

2. Image Captions - Agree and is GREAT
The area immediately under an image is HOT. Everyone looks there but few designers use captions to reinforce or explain the image. Paying more attention to keywords under images is a great idea.

3. Extended Form Elements with JQuery - Don't Know? Does anyone?
Can't comment on this trend as it is new to me and I don't program so its potential benefits are fuzzy at the moment.

4. Deeply Focused Landing Pages thanks to Mobile - Agree & Is Cool
Don't understand this trend except enough to say COOL and WANT ONE.

5. HTML5 Video Players - Agree and GLAD
Don't play your videos on YouTube only since you just make the rich get richer. Figuring out how to play videos "in your stack" is important and having your own HTML5 player is cool.

6. 3D vs. 7. Flat Design - I come down on Flat Design as the winner due to mobile.

8. Personal Portraits - Agree and Like

9. SVG Vector sweeps web as browser support escalates. Agree & Glad.

10. Fonts get cool thanks to server advance - cool and like but not a religion or anything lol.

11. Lazy Loading Animations - cool and can think of several uses.

12. Customized Image Galleries - cool and we need.

13. Mega Navigation Menus - Don't know but don't like idea, seems confusing where confusion can really hurt.

14. Expanding Search Bars - cool and will use.

15. Featured Detail List - LIKE and is cool and new to me.

16. Mobile First Design - Agree and am doing my first now with CrowdFunde.

17. HTML5 Canvas - cool and new to me.

18, Pixel Sprites and Browser Games - New to me but COOL!

19. Quick Registration via social - AGREE!

20, CSS3 Keyframe Animation - Cool, want one.



Via Martin (Marty) Smith
more...
Monica S Mcfeeters's curator insight, February 22, 2014 10:05 AM

Here are some current WEB designing programs.