background preloader

Web Dev Tools

Facebook Twitter

Learn Web Design and Web Development 101: Ultimate Course. [simpletoc] [/simpletoc] In this section,we have put all the best of 1stWebDesigner’s free web design course contents in the one place.

Learn Web Design and Web Development 101: Ultimate Course

Here, as the title says, you will be able to catch up if you are starting out as a web designer and polish your skills as an amateur. Rrggbb.

JS/JQuery Tips

Accessibility. Morphing Modal Window. Share your local websites with any internet connected device. XHTML and CSS video lectures, Bucky Roberts of Other. SEE: Guide to Download YouTube Video Lecture Lecture Details : For all of my tutorials, go to Course Description :

XHTML and CSS video lectures, Bucky Roberts of Other

CPCC Responsive Upfit. Navigation. 10 HTML Tags You Might Not Be Using. As a front-end developer you no doubt use HTML constantly and probably feel it doesn’t have any more unknowns.

10 HTML Tags You Might Not Be Using

Nevertheless, the way it has evolved (in particular with the advent of HTML5) may surprise you at times. In this article, I’ll show you 10 HTML tags you may not be using or maybe even aren’t yet aware of that help to increase the semantics and maintainability of your web pages. 1. <meter> At some point we may need to express a measure on a web page. Based on this element’s definition in the specification, <meter> is not good to measure something like external temperature — because it doesn’t have a fixed range (you can define, it but it’s arbitrary). 2. From time immemorial, developers have created widgets to notify users of the progress of a download or task.

Or equivalently: The text inside the element is used as a fallback for older browsers. Web Accessibility Checklist - The Accessibility Project. 20 Useful Docs and Guides for Front-End Developers. I come across so many interesting info-apps and documents in my daily research, so I thought I’d provide a list of those here.

20 Useful Docs and Guides for Front-End Developers

True, not everyone likes the “list post” or roundup, but hey, we can’t please everyone. And we don’t do these types of posts too often anyhow. In this case, this is a great way to bookmark a few things maybe for some evening or weekend reading. Using CORS. Introduction APIs are the threads that let you stitch together a rich web experience.

Using CORS

But this experience has a hard time translating to the browser, where the options for cross-domain requests are limited to techniques like JSON-P (which has limited use due to security concerns) or setting up a custom proxy (which can be a pain to set up and maintain). Cross-Origin Resource Sharing (CORS) is a W3C spec that allows cross-domain communication from the browser.

UI/UX

Images. Smarter not Harder. Frameworks. Industry News & Resources. CSS. Testing Tools. How Images Improve -or Destroy – Conversion Rates. I’ll level with you.

How Images Improve -or Destroy – Conversion Rates

When you use images on your site, two things can happen: Images can either help you achieve your business goals, or hurt. Seems simple enough… …But until you learn the subtle nuances of how images affect people, you’re standing in front of a firing squad wearing a blind fold. So let’s remove that blind fold :-). Why You Should Never Use Images For Decoration You’ve heard the old adage: “a picture is worth a 1,000 words.”

And that’s absolutely true… when you have the right image. But when you have the wrong image, people either ignore it or become confused. Now you’re wondering, “What makes an image right or wrong?” Here’s a litmus test: If you pulled your image from Flickr or a popular stock photo website, you probably have the wrong image. Yes, you might feel it grabs attention, but unless the picture is directly related to what you’re talking about, your readers probably ignore it. For example, T-Mobile used to prominently display Catherine Zeta-Jones on their website. How to Prepare for The High-Resolution Web. Whether we’re ready or not, the future of the web is going to be in High Definition.

How to Prepare for The High-Resolution Web

However, by following a few simple techniques, you can future-proof your web designs today. It’s been predicted for years now, but recently we are starting to see things really change. So, what is the HD web exactly? Well, simply put, we’ve now reached the stage in display technology development, where we are seeing huge increases in the pixel density resolution of mobile and computer screens. Much like the introduction of HD TV, these increases are huge jumps from anything we've ever seen before, and there will undoubtably be a crossover phase for web designers and developers. Pixels Per Inch Here is a little background information on PPI (pixels per inch, not payment protection insurance). PPI Myths & Facts.

SEO

Nabble - Free forum & other embeddable apps.