The World Would Be Better If Everyone Watched This Video [Space]

View original post found on Gizmodo authored by Carl Sagan

If every person on our blue Earth watched this video, the world would be a much better place. At least for a few minutes. Listen closely to Carl Sagan’s words till the end. It won’t fail to get you teary.-JD More »







CSS Specificity And Inheritance

View original post found on Smashing Magazine Feed authored by Inayaili de Leon
Smashing-magazine-advertisement in CSS Specificity And Inheritance
 in CSS Specificity And Inheritance  in CSS Specificity And Inheritance  in CSS Specificity And Inheritance

CSS’ barrier to entry is extremely low, mainly due to the nature of its syntax. Being clear and easy to understand, the syntax makes sense even to the inexperienced Web designer. It’s so simple, in fact, that you could style a simple CSS-based website within a few hours of learning it.

But this apparent simplicity is deceitful. If after a few hours of work, your perfectly crafted website looks great in Safari, all hell might break loose if you haven’t taken the necessary measures to make it work in Internet Explorer. In a panic, you add hacks and filters where only a few tweaks or a different approach might do. Knowing how to deal with these issues comes with experience, with trial and error and with failing massively and then learning the correct way.

Understanding a few often overlooked concepts is also important. The concepts may be hard to grasp and look boring at first, but understanding them and knowing how to take advantage of them is important.

Two of these concepts are specificity and inheritance. Not very common words among Web designers, are they? Talking about border-radius and text-shadow is a lot more fun; but specificity and inheritance are fundamental concepts that any person who wants to be good at CSS should understand. They will help you create clean, maintainable and flexible style sheets. Let’s look at what they mean and how they work.

The notion of a “cascade” is at the heart of CSS (just look at its name). It ultimately determines which properties will…

Cloudkick Broadens its Scope: Now Monitors the Datacenter

View original post found on ReadWriteWeb authored by Mike Kirkwood

cloudkick hyrbidCloudkick is a cloud monitoring start-up that helps system admins manage cloud servers. Today, the company announced it is getting physical, bringing its cloud monitoring capabilities to internally hosted servers and virtual machines.

The company has had a lot of success in helping companies who startup in the cloud and start to achieve scale. It already has a host of hot startup companies including Posterous, Bump Technologies, and Urban Airship. Through listening to users, the company decided to offer local server support to merge its view of all server assets for these organizations.

Sponsor

What is CloudKick?

Cloudkick enables a company to manage internally hosted servers and run the Cloudkick’s agent and report into the same console as your cloud computing infrastructure from AWS, RackSpace, SliceHost and others. When installed, the CloudKick agent will respond to status checks from the Cloudkick monitoring solution, which itself is a distributed cloud application. Cloudkick supports a host of cloud provider solutions and shares a report of feature.

cloudKick officeWe met with the company at their offices in San Francisco. Upon entry to the warehouse, called “The Farm” near the Mission District, we realized that was a true technology startup, founded by system administrators trying to make their jobs easier. The team participated in Y-Combinator and has received an initial capital infusion by Avalon Ventures.

The Cloudkick system offers consolidated server reports and shows server events by polling registered clients in cloud (and now data centers) and piping them to Cloudkick’s multi-tentant event aggregator.

The tools are modeled after administrative tools…

A Short Guide To Open-Source And Similar Licenses

View original post found on Smashing Magazine Feed authored by Cameron Chapman
Smashing-magazine-advertisement in A Short Guide To Open-Source And Similar Licenses
 in A Short Guide To Open-Source And Similar Licenses  in A Short Guide To Open-Source And Similar Licenses  in A Short Guide To Open-Source And Similar Licenses

Many developers and designers want to release their work into the world as open-source projects. They want others to be able to build on and share their code. The open-source community is vibrant because of this. Open-source software is available for virtually any application you could think of. Most designers use open-source software or code on a regular basis (WordPress, Drupal and many other CMS’ are open source).

Opensourceubuntu in A Short Guide To Open-Source And Similar Licenses

But many developers and designers don’t have a clear picture of what the different open-source licenses really mean. What rights are they relinquishing when they choose an open-source license? Without knowing exactly what the licenses mean and how they’re best applied, developers can’t make informed decisions about which is best for their work.

[By the way, what was the last time you visited our sister site Noupe? Subscribe to Noupe's feed for more inspirational and design-related articles.]

What Is Licensing?

A lot of confusion is out there about what exactly licensing means. When you license your work, you’re not giving away any of your rights. You still hold the original copyright (or patent if you have one) on that work. What a license does is grant specific permissions for others to use that work.

Licensing is a great alternative to just releasing your work into the public domain or granting permissions on a case-by-case basis. By releasing into the public domain, you relinquish any copyright, and no one is obligated to list you as the original author or contributor. In the latter case, you may end up…

45 Fresh Useful JavaScript and jQuery Techniques and Tools

View original post found on Smashing Magazine Feed authored by Smashing Editorial
Smashing-magazine-advertisement in 45 Fresh Useful JavaScript and jQuery Techniques and Tools
 in 45 Fresh Useful JavaScript and jQuery Techniques and Tools  in 45 Fresh Useful JavaScript and jQuery Techniques and Tools  in 45 Fresh Useful JavaScript and jQuery Techniques and Tools

Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don’t close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions.

The last section also covers a number of useful educational resources such as a compilation of useful JavaScript coding practices, a detailed comparison of JavaScript frameworks and general JavaScript programming conventions. We are looking forward to your feedback.

You may be interested in the following related posts:

[By the way: The network tab (on the top of the page) is updated several times a day. It features manually selected articles from the best web design blogs!]

Calendars and Timelines

jDigiClock – Digital Clock (HTC Hero inspired)
jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget.

Javascript-techniques-82 in 45 Fresh Useful JavaScript and jQuery Techniques and Tools

jQuery Sliding Clock v1.1
jQuery transpearant Slider clock with CSS sprites.

Javascript-techniques-67 in 45 Fresh Useful JavaScript and jQuery Techniques and Tools

Date / Time Picker
Note that this control is not designed to work in IE6; although it will function correctly in most cases, the positioning of the calendar may be way off depending on how your page is styled.

Javascript-techniques-05 in 45 Fresh Useful JavaScript and jQuery Techniques and Tools

JavaScript Debugging and Validation Tools

Venkman JavaScript Debugger project page
Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment…

Harmony: Canvas Drawing Tool

View original post found on Ajaxian » Front Page authored by Michael Mahemoff

Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words.

Creator Mr. Doob (Richard Cabello) explains how he used Canvas to make it darker the more you draw over it:

The whole thing is quite modular so I can keep adding more brush styles whenever I get inspired. During the process I found out that, for some reason (apparently lack of hardware acceleration), Firefox and Opera do not support context.globalCompositeOperation = ‘darker’. This was on the HTML5 spec before but got removed. Just so you know what I’m talking about, this is like the “multiply” blending in Photoshop. Webkit does support it tho. I hope they put it back on the specs and all browsers support it.

You can also save images using data URI encoding.

As it works on webkit, he made sure it worked on the mobile Android and iPhone browsers. No multi-touch as yet, but the touch UI still makes a nice input mechanism.

harmony

(Thanks FND)

GorillaPad Goes Magnetic, Letting You Attach a Tripod to Your Fridge [Gorillapod]

View original post found on Gizmodo authored by Adam Frucci

GorillaPod, the bendy tripods you know and love, just announced its newest version: GorillaPod Magnetic. This guy has magnets on each of its feet, allowing you to stick it to pretty much any magnetic surface.

Of course, it’ll still work without sticking to a surface, as it’s still a normal GorillaPod above the feet. But if you feel the need to have your camera attached to the side of your car door, well, now you’ve got the ability to. It’ll be available in April.






Infinitec Unlimited Storage Streaming Flash Drive [USB]

View original post found on Gizmodo authored by Mark Wilson

I don't know how to best sum up Infinitec's new "flash drive" in a headline—which is obvious at this point. But what it can do is pretty unique, once you wrap your head around it.

Infinitec has created a USB stick that contains an 802.11n module capable of creating an ad hoc network through any device’s USB port. But on the receiving end, it appears as nothing more complicated than a flash drive.

In other words, you can stream media to devices that aren’t necessarily so thrilled with you streaming media. Placed in a DVD player, for instance, you need not worry about the player’s supported network standards or your PC’s sharing settings. Just set the Infinitec stick to anywhere from 1GB to 1TB+ (depending on how much storage you expect your player to support), then load MPEG4s right from the stick…streamed from your PC loaded with accompanying software.

I could see several uses for Infinitec's little device—namely, adding a media extender to any room that has a TV with a USB port. That is, if the price is right whenever it eventually comes out. [Engadget]






Chromakey is everywhere

View original post found on Boing Boing authored by Cory Doctorow

Alan sez, “A great, but slightly disturbing, look at how pervasive green-screening has become in simply every scene in television these days. Pretty much everything you think is outdoors is faked, at least to some degree. I particularly like the faked ferry fire…”

Stargate Studios Virtual Backlot Reel 2009

(Thanks, Alan!)

Previously:






50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

View original post found on Smashing Magazine Feed authored by Smashing Editorial
Smashing-magazine-advertisement in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)
 in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)  in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)  in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community.

This is where we come in. We are always looking to collect such articles for our posts so that we can deliver the most useful and relevant content to our readers. In this post, we present an overview of useful CSS/jQuery coding tips, tricks and techniques for visual effects, layouts and web form design to help you find solutions to the problems you are dealing with or will have to deal with in future.

You may want to look at similar CSS-related posts that we published last months:

[Offtopic: By the way, did you know that Smashing Magazine has a mobile version? Try it out if you have an iPhone, Blackberry or another capable device.]

CSS Layouts: Techniques And Workarounds

Facebook Style Footer Admin Panel
Learn how to re-create the Facebook footer admin panel with CSS and jQuery. Also check out part 2.

Css-technique-15 in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Adaptable View: How Do They Do It?
This tutorial explains how to manually change a layout, and it shows two great examples and “how they did it.”

Css-technique-01 in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Easy Display Switch with CSS and jQuery
A quick and simple way to enable users to switch page layouts using CSS and jQuery.

Css-198 in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Quick Tip – Resizing Images Based On Browser…