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/


New popular Resolution 1366x768 overtakes 1024x768 by Stat Counter Report

We all know the popular resolution of the web 1024x768 has taken a long time on screen as before this 800x600 was popular. Now for the first time 1366x768 overtakes 1024x768 reported by StatCounter Web analytics firm.


According to web analytics firm StatCounter, use of 1024 x 768 fell from 41.8 percent in March of 2009 to 18.6 percent this March, while 1366 x 768 (common to many laptops) shot up from just 0.68 percent to 19.28 percent during the same time period.



Micrsoft windows8 standard resolution is also 1366 x 768 so they feel more comfortable regarding their new windows and its resolution.

iPad2 simulator with Html5 Css3 and Jquery



I found cool online iPad 2 simulator, it is very useful and you can enjoy using ipad at your pc thanks to Alex Wolkov for making such a nice ipad simulator online.



Its simulator so dont assume that all works as in ipad2.

http://alexw.me/ipad2/

Starting Free HTML5 CSS3 and Java Script Course


"In the name of Allah (SWT), most Gracious, most Compassionate".

I would like to mention that I am unable to write regularly due to my professional responsibilities but I would must try to write down and make a video as well weekly I will give the post title with respective class name.

“I would request from readers that you will subscribe with blog so you get notified when I write new class.”

I have given the course named “Free HTML5 CSS3 and JavaScript Course” but I will mention in the post titles like if I write in some class only about Css or JavaScript I will mention.

Ok So Let’s Get Started Today (March 31st 2012)

“I will try to write/speak proper English but if i do any mistake so i hope my readers will take this negotiable because i am not a native English speaker.”

Thank You

Free HTML5 CSS3 and JavaScript Course

I am starting a new course named HTML5 Css3 and Java script from today (Sunday, March 25, 2012) onward which mean people can search and read my post related to the topic from following date  i will continuously write about Html 5 Css3 and JavaScript.

I know that before coming on HTML5 and Css3 you should know about the basics of HTML and Css so i am making  it clear that i will start from HTML basic and will go up to HTML5 same like Css i will start with basic and will go up to Css3.

I am not mentioning any timeline to finish this course but as soon as possible with better understandings to all of you i will finish this and in this course we will take help from following books.

Eloquent JavaScript by Marijn Haverbeke

We will study from these books but it is not necessary that we will follow the complete book outline for starting and reference we will use these books later if we need so we will stick with chapters.

Tip: you can search on internet I hope you will find pdf of following books.

Secrets Of Hollywood Movies "Chroma Key"

How many Hollywood movies we used to watch in Cinema or at Home with friends and family and get impressed with the work done by all team who produce the movie but not many of us aware that how these movies made by the great minds.

In below videos watch how awesomely editors and whole team did their job.

Watch closely how they made scene in studio and then with great "Chroma Key" they make awesome work.


"Great Chroma Key Works"


"Orginal Footage / Shoot Footage"


"Matrix Style Moves"

Unveil iPhone 4S | New Features in iPhone 4S

Unveil iPhone 4S


iPhone 4S will run faster and has new mobile software that can sync content wirelessly. iPhone 4S has an improved camera with 8.0 mega pixel and a higher-resolution sensor. The dual-core A5 chip delivers up to two times more processing power, which makes iPhone 4S even more responsive. Pages load quicker. Gameplay is better. And everything just feels faster.
  • Siri
    Siri is just like your personal assistant you can ask you can use your voice to use your iPhone. You can talk with siri as you talked with human. It can help you any time any where for example if you asked “Where is the closest ATM?” it will give you the correct app to resolve your question asked.
  • Dual-core A5 chip (Performance)
    Performance should be improved this is what all expecting and done by Apple they used new A5 chip which gives better performance in every aspect like gaming , graphics , application launching, browsing and almost everything you do. Two cores in the A5 chip deliver up to two times more power and up to seven times faster graphics.

    iPhone 4S is also great for gamers also iOS 5 with A5 chip performance deliver outstanding battery life. So you can enjoy browsing, calls, videos and games.
  • Camera (Best Camera On Phone)
    Apple said its best camera phone ever produced in phone with 8.0 Mega pixel resolution and a custom lens with a larger f/2.4 aperture. So there will be no more light, pixels and other issues which mostly comes in other phone like some gives good resolution but with blurred images some gives noise in result so all issues waived in this camera you will get better result as you imagine.

  • HD Video (1080p HD Video)
    HD is most demanded video quality and given in video by Apple you can shoot 1080p HD video every where without any light and color issue everything comes perfect. You can also edit them in iPhone and share with your friends and family.
  • iOS ( Advanced Mobile Operating System)
    iOS The world most demanding advanced mobile operating system. With its easy-to-use interface, amazing features, and rock-solid stability, iOS is the foundation of iPhone. And even as others try to catch up, the technologies and features built into iOS keep iPhone years ahead.

  • iCloud
    iCloud is the easiest way to manage all your stuff, because it manages it all for you. iCloud stores your music, photos, apps, mail, contacts, calendars, documents, and more. And wirelessly pushes them to all your devices. It’s automatic, effortless, and seamless. And it just works.
  • Retina Display
    Phone screen is resolution given by Apple in iPhone 4S is the highest resolution ever in phone. Display called Retina which gives you sharp and very accurate color and balancing on screen
  • Face Time
    FaceTime lets you hear a voice and see the face that goes with it — iPhone to iPhone, iPad 2, iPod touch, or Mac over Wi-Fi.5 So no matter where they are, no matter where you are, you’ll always be there. Making a FaceTime call is just as easy as making a phone call. And it’s even easier with Siri.
  • AirPlay (From the small screen to the big screen)Watch big as much as you have. you can wirelessly stream what’s on your iPhone to your HDTV and speakers via Apple TV.6 And with AirPlay Mirroring, whatever you see and do on your iPhone appears on your HDTV at the same time.
  • AirPrint.(Print everything wirelessly)Print wirelessly now you can print everything from you iPhone 4S without a hassale of cables and wires. There is no driver required it works without software.
  • Better Call Quality(intelligently switch between two antennas to transmit and receive)As Apple said they introduced “iPhone 4S is the first phone to intelligently switch between two antennas to transmit and receive, so call quality is better. “ Whether you’re a GSM or CDMA customer, you can roam GSM networks in 200 countries around the world.
  • Built-in apps. With its built in applications you can do everything there are numbers of application free and paid from which you can do your work done more efficiently also Siri can help you to find what is better for you as discussed earlier in this article.
If you like and want to buy iPhone 4S you can Shop Online | Order your iPhone online and get it delivered to your door.
http://store.apple.com/us/browse/home/shop_iphone/family/iphone

A Tribute To Apple Founder

Obituary: Apple founder Steve Jobs


56 year old Apple founder and visionary steve jobs died on Wednesday 05, October 2011 from cancer.

He is one who changed the thinking in technology as we all know Apple always give very unique and creative technological products in market iphone and ipad also invention which come under the umbrella of Apple with great ideas and supervision of Steve jobs who make all possible to give the world this great inventions. Every one who loves the product of Apple like iphone, ipad, ipod, Mac and many other will always remember this great legend who servers from the world in his career.

iphone 4S and upcoming iphone 5 are the last inventions which came under the supervision of Steve.




Steve Job Apple Founder Dies battled with cancer.



If you would like to share your thoughts, memories, and condolences, please email rememberingsteve@apple.com

Great Quotes From Late Steve Jobs

Quotes From Late Apple Founder Steve Jobs

Steve Jobs, the legendary former chief executive of Apple Inc, who died on Wednesday after a years-long battle with cancer.

Some of his great quotes are:

Interview with Playboy Magazine, 1985
"I don't think I've ever worked so hard on something, but working on Macintosh was the neatest experience of my life. Almost everyone who worked on it will say that. None of us wanted to release it at the end. It was as though we knew that once it was out of our hands, it wouldn't be ours anymore. When we finally presented it at the shareholders' meeting, everyone in the auditorium stood up and gave it a 5-minute ovation. What was incredible to me was that I could see the Mac team in the first few rows. It was as though none of us could believe that we'd actually finished it. Everyone started crying."






Interview with Wired, 1996
"These technologies can make life easier, can let us touch people we might not otherwise. You may have a child with a birth defect and be able to get in touch with other parents and support groups, get medical information, the latest experimental drugs. These things can profoundly influence life. I'm not downplaying that. But it's a disservice to constantly put things in this radical new light - that it's going to change everything. Things don't have to change the world to be important."

Interview with Fortune Magazine, 2000
 "In most people's vocabularies, design means veneer. It's interior decorating. It's the fabric of the curtains and the sofa. But to me, nothing could be further from the meaning of design. Design is the fundamental soul of a man-made creation that ends up expressing itself in successive outer layers of the product or service."

Commencement speech at Stanford University, 2005

"Remembering that I'll be dead soon is the most important tool I've ever encountered to help me make the big choices in life. Because almost everything -- all external expectations, all pride, all fear of embarrassment or failure -- these things just fall away in the face of death, leaving only what is truly important. Remembering that you are going to die is the best way I know to avoid the trap of thinking you have something to lose. You are already naked. There is no reason not to follow your heart."
"Your time is limited, so don't waste it living someone else's life. Don't be trapped by dogma -- which is living with the results of other people's thinking. Don't let the noise of others' opinions drown out your own inner voice."

Great Sand Art Work From ILana Yahav Sand Fantasy

I hope you will love this great sand art work from Ilana Yahav her work says for itself about her creativity and great art work.

Below i have emebded some of her best work

Sand Art - "Green Dream" - SandFantasy



Sand Art One Man's Dream

Twitter Delicious Facebook Digg Stumbleupon Favorites More