Page 1 of 14012345...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.

The BBC’s Programmes website

by daan on June 4, 2014

in Uncategorized


Responsive Design Begins With The URL

The BBC’s Programmes website is huge, and is intended to be a rolling archive of everything that the BBC broadcasts on television and radio. Originally released in 2007, it now has pages for over 1.6 million episodes, but that’s barely half of the story. Surrounding those episodes is a wealth of content, including clips, galleries, episode guides, character profiles and much more, plus Programme’s newly responsive home pages.

The new responsive home pages, known as “brand” pages, join the schedule and A–Z lists in a broader responsive rebuild. 39% of users (and growing) now use mobile and tablet devices to visit these pages; so, making the pages responsive was the best way to serve a great experience to everybody while keeping the website maintainable.

This article is a case study of the responsive rebuild of the BBC’s Programmes pages, and it actually begins back in 2007, at the conception of the project.


The core principle in creating a potentially enormous website that will last forever is to get the information architecture right in the first place. This involves knowing your data objects and how they fit together. It should also determine the URL structure, which for Programmes is the most important aspect. Take the URL for Top Gear’s home page:

After the domain name comes the word “programmes,” which is a simple, unchanging English word. It is intended to describe the object, and is not a brand or product name. Plurals are used so that the URL can be hacked backwards to retrieve an index.

Next is the programme identifier. Note the lack of hierarchy and the lack of a title. Titles change over time, and many programmes do not have a unique title, which would cause a clash. Hierarchies also change — a one-off pilot could be commissioned for a full series. Understanding your objects allows you to recognize what is permanent. In this case, nothing is particularly guaranteed to be permanent, so a simple ID is used instead. Users aren’t expected to type these URLs, though. They will usually arrive through a search engine or by typing in a friendly redirect that has been read out on air, such as But the key principle of a permanent URL is that inward links are trusted to be shareable and work forever.Cool URIs don’t change.

A clear information architecture defines the URL scheme. A piece of content is given a clear canonical home, where appropriate. Links and aggregations between them then clearly appear.

01 url scheme 500 The BBC’s Programmes website
A clear information architecture defines the URL scheme. (Large preview)

  [click to continue…]

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…]

8 Fresh Free Fonts for your Designs

by daan on October 6, 2013

in Design, Typography


ffonts01 8 Fresh Free Fonts for your Designs

ffonts01a 8 Fresh Free Fonts for your Designs

ATF Lorem

ffonts02 8 Fresh Free Fonts for your Designs

ffonts02a 8 Fresh Free Fonts for your Designs

[click to continue…]

Dense Regular

freefonts01 8 Fresh High Quality Free Fonts
freefonts01a 8 Fresh High Quality Free Fonts


freefonts02 8 Fresh High Quality Free Fonts

[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…]

100 top tools for graphic designers 100 Top Tools for Graphic Designers

While the Adobe Creative Suite of tools is pretty much the industry standard software for graphic designers, there are plenty of other tools available online, as web apps, mobile apps, or even desktop software, to meet the specific needs of artists and designers working in any niche. Typography is one of the most useful design elements on the web, and there many font builders, font compares, and font identification programs for designers seeking the perfect look and feel for the type on their online or printed product. Color comparison, stock imagery, textures, and Photoshop brushes are all assets that visual creatives use regularly, and there are many available online for cheap or free. One of the best parts about the online community of graphic designers is how willing they are to provide feedback and even build free tools for other designers to use.

The sites listed here aren’t ranked in order of quality, they are all amazing! They’re categorized and numbered for ease of use. Happy designing!


Graphic Design

Some of the most powerful tools at a graphic designer’s disposal are also the most basic. From stylistically matched icon sets to small code library to make it easier to design data-driven documents, even the smallest tools can make a job a thousand times easier. On the other end of the spectrum are the widely used, taken-for-granted, must have programs like PhotoShop, without which many designers would be out of a job.

  1. Adobe Creative Suite

    Adobe Creative Suite 100 Top Tools for Graphic Designers

    Adobe Creative Suite is one of the highest-regarded programs for designers, producers, and photographers. Adobe Creative Suite is an entire portfolio of programs, ranging from Photoshop and Dreamweaver to After Effects and Encore.

    Explore: FAQ

  2. Dribble

    dribbbble 100 Top Tools for Graphic Designers

    Dribbbble is an online community where artists and designers of all stripes can get constructive feedback from other.

    Explore: Current Exhibition

  3. Forrst

    Forrst 100 Top Tools for Graphic Designers

    Forrst is a community of developers and designed who upload their designs for feedback to make improvements.

    Explore: Discover

  4. deviantART

    DeviantArt 100 Top Tools for Graphic Designers

    One of the largest online art communities, deviantART has over 200 million artist-uploaded pieces including fan art, skins, and other unique drawings and photos. Users can save, share, and shop for art as well as support other local and aspiring artists.

    Explore: Film and Animation

[click to continue…]

Page 1 of 14012345...102030...Last »