Find Css Media Queries For Every Device In The World

I find one awesome site which will give you complete range of device right now in the world and as web designer and web developer for you to make media queries for any device and resolution is now very just click and check media queries cheers :)

http://michael-gannon.com/media/index.html

Gradient Animation

While browsing i find one great size in which you will find complete ways to create gradient animation please check Granim.js. I am sure you will find this interesting and useful.

https://sarcadass.github.io/granim.js/index.html

How To Compress Video Size

Now a days everyone is in touch with video i found and online tool where you can compress your video size without losing much quality.

https://compressify.herokuapp.com/


One Click Image 90% image Compression

Compressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.

Video in Email Newsletter

i have been in a situation where i have to find out the solution to embed video in email newsletter after number of time i convinced client that this is not doable but as he was not agreed so i give him an option to use.

USE VIDEO IMAGE AS THUMBNAIL

i told him use video image in newsletter and once your customer click on it will redirect him/her to respective link so far he agree on this but i want to share few information which i found good while i am doing research on this.

i hope this will help you guys and save your time "Don't Use Video In Email Newsletter in 2016" may be in future we have support and better solution.


Source Litmus


The Pros and Cons of Video in Email [Video]


“Video in email will finally take off.”


I made that prediction more than 3 years ago, after years of false starts and disappointing hype. At the time, I’d just seen a number of big brands embed videos into emails, including Avon, Bloomingdale’s, Brookstone, and Walgreens. I took that as a sign that video in email had finally turned the corner, and that email marketers would finally be able to take direct advantage of the power of video rather than settling for static images of video consoles linked to videos on landing pages.


And then Apple dropped support for HTML5 video in all of its email clients, sending the video in email movement back to square one.


Today, video in email is still a very fringe design element, mostly because of inconsistent support across email clients. HTML5 video, which we used in the background of our 2014 “Save the Date” email for The Email Design Conference, works in a few clients. Video gifs, which are streaming compressed animated gifs, work in several. Gmail has integration with YouTube. Video in email is the epitome of a patchwork solution.


It’s likely because of this poor support that few marketers have tried video in email, and of those who did, a significant portion has decided not to use it again anytime soon. That’s what we found when we polled marketers recently.





However, as much as marketers are lukewarm on the reality of embedded video in email, they really like the promise and potential of video in email. That so many marketers “plan on trying it soon” is an indication of this—even though we believe only a small fraction of that 44% will likely follow through and actually try video in email this year.


To get more perspective, we asked three of our speakers at The Email Design Conference about their thoughts on video in email. Like our poll respondents, they liked the idea of video in email much more than the reality, which they thought raised design, user experience, and other challenges.


You can watch the full interview here, or read a transcript of it below.



BRIAN GRAVES, UI TEAM LEAD, DEG

With embedded video there’s technological challenges there. Things like iOS keep adding into the client and then removing it, so you never really know how it’s going to render well.

And there’s also the design problem of if you’re sticking a video in email, what’s kind of the call to action there? What are you really driving people to do? Are you just trying to show them a commercial, or are you actually trying to do what email is usually for, which is to drive them to your website.


And when you embed a video in an email you almost lose some of that CTA experience where you actually can drive them somewhere else. Because they play the video, the video is done, maybe they leave the inbox. You don’t really have a way to push them out to your website, or wherever you trying to push them, to take further action in the email.


EMAIL + VIDEO WEBINAR ON APR. 14


Our friends at Wistia will explore what works, what doesn’t, and what to measure when using combining video and email.


REGISTER FOR THE WEBINAR →

FABIO CARNEIRO, LEAD EMAIL DEVELOPER & UX DESIGNER, MAILCHIMP


The video in the email is a tricky topic. I mean, there’s a lot of heated debate here. I’m firmly in the camp that it’s a bad idea all the time. Simply because I’m a developer and a user experience designer, and I am concerned with the burden that the end user has to bear.


There’s no way to make a video small and actually have it be like good and meaningful, I feel. So your option is to send in an email, a large video that the user has zero option as to whether or not it gets downloaded—like, it will get downloaded. And so you’re incurring what could be a pretty significant data cost.


Certainly, the other side of the argument is pretty compelling, right? People have shown that video makes—video makes people perk up. Subscribers like it.
MARK ROBBINS, EMAIL DEVELOPER, REBELMAIL


Not long ago you didn’t have video on the web. So people would say, “Is worth having a video on the web? We can just watch the TV. We can stick a Betamax in the player and watch that.” But now you’ve got it on the web. And will that ever take off? And it does.


So I don’t think we should write off video in email. I think there is, again, it’s down to use cases. I think there is a place for it, but when the support comes, then it’s a case of judging it then. At the moment, the support’s not really worth the effort, I don’t think.

What are top 50 tricks of life that every one should follow everyday to make life easier?

1) The morning is wiser than the night. Today may have looked awful, but tomorrow is another day.
2) Sleep is the best medicine.
3) Never keep a grudge overnight. Talk it out before sleep.
4) Listen much more than you speak. When you do speak, make it count.
5) Meditate on what’s important and valuable in your life every single morning.
6) Wake up early and never waste the morning (the most productive time).
7) Judge people favorably - yourself first.
8) Forgive easily, forget slowly. Start with yourself.
9) Be slow to anger. Walk away. Walk it off.
10) Music changes your mood powerfully and quickly, better than any drug.
11) You are the average of the 5 people you spend most time with. Choose very carefully.
12) Make sure to take a walk every single day.
13) Make experiencing nature a part of your everyday routine.
14) Find a way to live in the moment. Always stop to smell those roses.
15) Understand and automate your finances as much as possible, no matter how bad your situation looks. This is the biggest source of stress in life for couples.
16) Accept the people around you as they are today and don’t try to change them. If they’re no good to you, walk away.
17) Your actions are the best show-and-tell. Don’t tell me - show me how it’s done!
18) Always see the glass as half-full, even if it looks empty. Perception is reality.
19) Deal head-on with your childhood baggage ASAP. Talk it out with family and friends. Get a therapist. Just stop letting it screw up your adult life.
20) Find what ROLE you want to play in people’s lives based on your personality and you’ll get much closer to your dream job.
21) Stop letting others define who you are. Hang out with people that enrich your life emotionally, spiritually, intellectually (and yes, financially) - and who root for you to succeed. Get rid of all the others.
22) Always take the long view in life. Be patient. The forest is never just the trees. Markets crash and markets rebound. Today’s setbacks aren’t deadly. With the right attitude, you’ll get over them - and then some.
23) Fill every free moment with something useful - reading, writing, learning, laughing, helping someone.
24) Strive to leave no person you meet worse off for having met you. Do your best to contribute something useful to the life of each person you encounter.
25) Clean up your mess. If you wait, it will become a bigger mess that takes longer to clean.
26) Never engage in useless debates online and in person - avoid politics, religion, optical illusions, the news.
27) Unplug from all your devices and work at least one day a week (take a digital Sabbath).
28) Choose very carefully what you consume - starting with the ingredients in your food and drink, moving on to music, film, art, books, etc. Garbage in always means garbage out.
29) Travel every chance you get, even if it’s just out of town to see a new place.
30) Always value experiences over goods. The former expand your mind and the latter narrows it.
31) Get rid of all the clutter in your house and your life. It keeps you tied to the past, whereas you should be living in the present and focus on a better future. Keep what you accumulate to a minimum.
32) Plant a few new seeds every day. Brainstorm and write down 10 new business ideas. Reach out to a new person. Reconnect with people you haven’t spoken to in ages.
33) Work to improve 1% on important personal traits each day.
34) Do something well each day, even if it’s just brushing your teeth on a horrible, no-good day.
35) Treat yourself once in a while. Celebrate small wins.
36) Take the stairs.
37) Be nice to a$$holes. They need it more than you.
38) Your health should be your first priority. Don’t abuse the privilege of health until it’s too late.
39) Prioritize your loved ones above everyone else. Otherwise, you’ll have no loved ones around soon.
40) Save at least 6–9 months in salary, just in case.
41) Find natural light each day. If there’s no sun, make your sure your light bulbs mimic natural light well - at home, work and elsewhere.
42) Replace refined carbs with dried fruits and nuts in the house and the office. Keep the refined carbs out of both.
43) Find and express your gratitude to people who are good to you and help you in life. Express gratitude to the Almighty in whichever way you can.
44) Keep a journal. Few things are more fulfilling and better for gaining perspective than finding your old impressions years later.
45) Work on creating good habits and ridding yourself of bad ones.
46) Hard work and perseverance always beat genius and talent, in the end.
47) Work hard to understand the many facets and involutions of human psychology. There is no better investment in the long run if you want to do business. Look to understand what motivates different people, what makes them tick, what makes them happy, what they need and what they want, plus what makes them pissed. Armed with this knowledge, you can give them what they want (and not what they don’t), charge for it and make money for yourself or your boss. That’s the essence of what makes a business successful.
48) Get up to stretch from your seat at least once every 45–60 minutes.
49) Do everything in moderation, especially moderation.
50) Live and let live. Mind your own business before minding the business of others.

Original Source

You Don't Need Javascript All With Css3

Below listed item you can create with pure css3 no javascript required check below link for further details.



Accordion / ToggleDemo


Carousel
Demo 1
Demo 2
Flip on click
Demo
Floating label on Textfield
Demo
Font-Face (Latin)
Demo
Info on hover/ Popover
Demo
Menu
Demo

Modal/Popup
Demo 1
Demo 2
Mouse tracking
Demo
Todo List
Demo

Treeview
Demo

Pixel 2 Vector With Only One Click

The Pixel2Vector Converter is most popular Orange-Box Free Tool. That‘s why there is an update now. The basic functions remain unchanged: This little Photoshop tool may save you a plenty of time. It converts your pixel shape in a vector shape or in a Custom Shape Tool – with only one click! 

For more information and Download Vist
http://www.the-orange-box.com/portfolio/free-pixel-to-vector-converter-v-2/


Quickly optimized images as a batch or single without photoshop

ImageOptim makes images load faster. By using this tool you can easily optimize the size of image by just drag and drop.

For more information please visit https://imageoptim.com

Responsive Email Template

Now a days responsive become first choice of web and mobile users due to this after responsive website another requirements comes in the market which is Responsive Email Template.

Below are the URLs which gives you solution for this. i would appreciate if you guys add in comments if you know others.


Zurb -Ink

http://zurb.com/playground/responsive-email-templates

Litmus

https://litmus.com


Resources Link (Download Responsive Email Template) for below client.


Go Responsive with 7 Free Email Templates from Stamplia

https://litmus.com/blog/go-responsive-with-these-7-free-email-templates-from-stamplia

Zurb Studio Responsive Email Template

http://zurb.com/playground/responsive-email-templates

Modern email templates designed by the best email designers in the business. Easy to use and completely free.

https://litmus.com/community/templates?utm_campaign=stamplia+email&utm_source=pardot&utm_medium=email

List of available mail client.
https://litmus.com/checklist/emails/public/4c0b5a8

Please leave more resource in comments if you know.

Free Download: Comprehensive Stationery Mockup

Free & Premium Design Resources  + 2 Mock Up Scene Creators

Royalty free for use in both personal and commercial projects


https://qeaql.com/


Twitter Delicious Facebook Digg Stumbleupon Favorites More