Page 1 of 3012345...102030...Last »



Educational Video Sites

RefSeek’s guide to the 25 best online resources for finding free educational videos. With the exception of BrainPOP and Cosmeo, all listed sites offer their extensive video libraries for free and without registration.

Academic Earth

Thousands of video lectures from the world’s top scholars.

Big Think

Video interviews with 600+ thought leaders in a range of fields.


Short-form online video lessons by professional educators. Free math lessons.


Aggregator of free, online video lessons and documentaries.


Lectures taught by world-class professors and reinforced through interactive exercises.


Courses designed specifically for interactive study via the web.

Futures Channel

High quality multimedia content ideal for use in the classroom.


Professional and user-generated how-to videos.

Internet Archive

Collection of more than two-hundred thousand free historical videos, many academic.

iTunes U

Free lectures, language lessons, audiobooks, and more accessible via Apple iTunes.

Apple iTunes – Apple iTunes Software

Khan Academy

Self-pased learning with extensive video library, interactive challenges, and assessments.

Professionally developed programming for K-12 classrooms.

Math TV

Professional video lessons in mathematics. Covers basic math through calculus.

MIT Open CourseWare

Lectures and course materials for students, teachers, and self-learners.  |  Also see: OpenCourseWare Finder

MIT Video

Guide to more than 11,000 interesting MIT videos and lectures.


Aggregator of high-quality educational videos from around the Web.


3,500 videos from distinguished researchers and scholars.


Free videos from your favorite PBS programs, including NOVA and Frontline.


Video sharing platform for schools featuring original content created by students.


Engaging, professional videos and practical resources for educator development.


Library of free, full-length documentary films.


Online aggregator of educational videos.


Fascinating presentations by the world’s leading thinkers and doers.


Collection of videos from professors, professionals, coaches, teachers, and consultants.


Comprehensive online directory of educational videos aggregated from across the Web.


Search engine and directory of free how-to videos.

Open Yale Courses

Free access to a selection of introductory Yale courses.

YouTube EDU

Free lectures from more than one hundred colleges and universities.  |  Also see: Talks@Google

Additional sites that are not free but offer outstanding content:


Provider of original, animated educational videos. Subscription required.


30,000 video segments from Discovery Education. Subscription required.  |  Also see: Discovery Education Streaming

general interest


Joint venture between NBC Universal and News Corp. Features TV shows and movies.  |  Also see: PBS, National Geographic


Specializes in short-form original video content.


Upload, share, and explore user-generated videos.


Hosts millions of user-generated and professional videos.

bulk resize media 15 Effective Image Optimization Plugins for WordPress

No doubt WordPress is one of the most popular and best CMS (content management system) for developers, designers and bloggers. WordPress developers create myriad of WordPress plugins to empower WordPress platform, such plugins are useful for integrating numerous features to your website such as chat, social media, speed optimizing, image optimization and many more.

In this article, I have gathered 15 Useful and Effective WordPress pluginsto optimize images performance. Following plugins are capable of optimizing and resizing your images without losing its image quality. These WordPress Image Optimization Plugins would not only optimize your images but also speed up and enhance the overall beauty of your websites. I hope you will find the list handy and useful for your WordPress blog.

1. PB Responsive Images

pb responsive 15 Effective Image Optimization Plugins for WordPress
The PB Responsive Images plugin automatically reformats all images in the post content into a format similar to the picture tag proposed by the Responsive Images Community Group on

[click to continue…]

Source: WDL

As a web designer or developer, it’s nearly impossible to remember multiple programming languages, frameworks, and keyboard shortcuts to various applications. This is where cheat sheets can be a life saver. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. So to make your life easier, we’ve rounded up a selection of cheat sheets that you will surely find useful.

The Web Developer’s SEO Cheat Sheet 2.0

cheatsheet01 8 Must have Cheat Sheets for Web Designers and Developers

cheatsheet01a 8 Must have Cheat Sheets for Web Designers and Developers

Bootstrap Cheat Sheet

cheatsheet05 8 Must have Cheat Sheets for Web Designers and Developers

[click to continue…]

Source from: smashingmagazine

Designing and developing can be time-consuming, especially when the project involves a new challenge, putting the team or freelancer into unknown territory. Moreover, time is a key factor in productivity. Working efficiently enables us to deliver better value at a competitive price.

However, some steps can be repeated for every project. These are steps we know and should make as quick as possible in order to have more freedom to experiment with new solutions.

This article presents a collection of toolstips and tricks that will make your standard workflow as fast and practical as possible, so that you have more time for the exciting parts of the project.

Ready? Here we go!

Tips And Tricks


My Secret for Color Schemes
Erica Schoonmaker shares her trick for matching up colors and creating a nice color scheme. Read more…

colors mini Powerful Workflow Tips, Tools And Tricks For Web Designers

Useful Aligning and Spacing
Kris Jolls creates squares for the various spaces he has between elements. This cuts down time and makes sure everything is aligned and spaced properly. Read more…

space squares mini Powerful Workflow Tips, Tools And Tricks For Web Designers

The Ultimate Photoshop Web Design Workspace
Jacob Cass shares his set-up for the ultimate Web design workspace in Photoshop. Read more…

ultimate ps workspace mini Powerful Workflow Tips, Tools And Tricks For Web Designers

[click to continue…]

30 Efficient jQuery Lightbox Plugins

30jqlight 30 Efficient jQuery Lightbox Plugins

jQuery is a powerful tool and using it has become a sine qua non condition of web designing. It practically transforms a web page from dullness to an entertaining and catchy piece of work. For images we have the lightbox plugin in its many variations. It displays images using modal dialogs and it became very popular because it is very easy to implement. You have to bookmark this article cause you don’t want to forget using one of these plugins in your future designs.

Lightbox 2 (2.04)

lightbox2 30 Efficient jQuery Lightbox Plugins
Lightbox 2 allows you to present images in a slick window, while darkening the rest of the page. It makes your site look professional, and adds very little to page load times. It does not require any browser plugins to work, and works on just about every web browser out there! When a browser doesn’t support javascript, the code fails gracefully.

Check the Lightbox 2 plugin for WordPress adapted by Rupert Morris.


colorbox 30 Efficient jQuery Lightbox Plugins

A light-weight, customizable lightbox plugin for jQuery 1.3 and 1.4
Why you should be using ColorBox:

  • Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
  • Lightweight: less than 9KB of JavaScript.
  • Appearance is controlled through CSS so users can restyle the box.
  • Behavior settings can be over-written without altering the ColorBox javascript file.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Preloads background images and can preload upcoming images in a photo group.
  • Written in jQuery plugin format and can be chained with other jQuery commands.
  • Generates W3C valid XHTML and adds no JS global variables & passes JSLint.
  • Released under the MIT License.


 30 Efficient jQuery Lightbox Plugins

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.


  • Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
  • Customizable through settings and CSS
  • Groups related items and adds navigation.
  • If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
  • Support fancy transitions by using easing plugin
  • Adds a nice drop shadow under the zoomed item

[click to continue…]

Magnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)

By Dmitry Semenov Copyright Smashing Magazine

A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup, an open-source lightbox plugin focused on performance.

In this article, I’ll share the techniques I employed in creating this plugin, techniques that can make your lightbox much faster and easier to use, whatever the device being used.

1. Speed

We might not be able to speed up the loading time of an image with this lightbox plugin, but we can create the perception of a faster loading time.

Progressive Loading of Images

The majority of lightbox plugins will fully preload an image before displaying it. This is done to figure out the original size of the image and to center it with JavaScript. Because Magnific Popup centers the content with CSS, we can avoid preloading and instead display the image right away to take advantage of progressive image loading. It will render and show the image while the data is being received.

You can speed this up even more by progressively rendering the JPEG. It is rendered not from top to bottom, but from low quality to full quality, so the user can discern the image even faster. The type of rendering to use is strictly a matter of preference.

progressive loading Magnific Popup, A Truly Responsive Lightbox

[click to continue…]

Using jsfiddle to Write Better JavaScript

JsFiddle is an amazing tool that is accessible anywhere via a browser. It allows you to rapidly create demos, examples, bugs, and many other web-based applications and sites.

Attention all Front-End Developers: How can you make JavaScript less painful. Use JSFiddle. JS Fiddle is a great little tool originally written by the guys at MooTools to help them develop the framework. It’s been expanded and improved to include all the major JavaScript frameworks. It gives you four panes. One for JavaScript, one for HTML, one for CSS and one to preview your code as it would run in a browser. This gives us

Attention all Front-End Developers: How can you make JavaScript less painful. Use JSFiddle. JS Fiddle is a great little tool originally written by the guys at MooTools to help them develop the framework. It’s been expanded and improved to include all the major JavaScript frameworks. It gives you four panes. One for JavaScript, one for HTML, one for CSS and one to preview your code as it would run in a browser. This gives us a great way to test out and tweak code on the fly without having to switch back and forth between editor and browser, or upload code to a server to run. Today we will take a look at using JSFiddle with jQuery/JQuery-UI.

First, let load JSFiddle in the browser and familiarize our selves with the interface. Browse to

jsfiddle Using jsfiddle to Write Better JavaScript

[click to continue…]

30 Useful jQuery Mouseover Effect Examples

jQuery Mouseover is really very attractive for visitor to see your blog. There are more style of jquery mouseover effect such as jquery popup, jquery mouseover event, jquery on mouseover, jquery mouseover tooltip…etcIt is really useful tooltip jquery plugin  can help you create high quality professional web design.

Some effect on jquery image effect when you take mouse over the button or images the active effects will happen, it similar using flash design. But now we only using query or css to make beautiful action effect and more compatible. With my previous post i also taking about useful example CSS3 style as well, it is really important for web designer.

1. Beautiful Image Hover Effects with jQuery/CSS3

image hover effect jquery css3 30 Useful jQuery Mouseover Effect Examples

2. Responsive Portfolio Gallery with jQuery Tutorial

responsive portfolio gallery demo 30 Useful jQuery Mouseover Effect Examples

3. Mouseover Effect Using Parallax Style

Mouseover Effect Parallax 30 Useful jQuery Mouseover Effect Examples

[click to continue…]

Page 1 of 3012345...102030...Last »