I want to focus on adding real-time commenting to a blog post so let’s start from a template.
This template re-uses the HTML5 layout defined in the post on Coding An HTML 5 Layout From Scratch and the file structure we’ll start with is as follows (with some additions that we don’t need to worry about at the moment):
Those times when neat image effects were achieved with Flash are gone. jQuery has drastically changed the way developers work. Because its light-weight, easily customized and has unlimited possibilities, jQuery has become the new standard for displaying visual media on the web. For this roundup we’ve prepared 30 fresh, useful and simply awesome jQuery image and slider plugins that we’ve found this year. You’ll find some really stunning gallery solutions for every taste as well as some creative image effect plugins there.
Today we’re going to creat a cascade content show with CSS3. The key point is using the checkbox buttonand a combination of the :checked pseudo-class with sibling combinators.
Please note that the CSS3 properties will only work in browsers that support them.
A few months back Bartek Szopka released impress.js, a JavaScript presentation tool that uses CSS3 for all of the transitions and transformations in modern browsers.
While impress.js is a little different than the projects we usually cover on the changelog, it is a very cool tool in it’s own right. Being one of the highest watched repositories on github, it obviously has drawn the attention of many.
Impress got it’s inspiration from prezi.com, and the possibilities are endless. Using it takes a little setup (developing, designing, and laying out your “slides”). Once your content is setup, initializing impress is simple:
<script src="js/impress.js"></script> <script> impress().init(); </script>Use the source, Luke!
Bartek strongly encourages you to read through the source to understand what impress is doing. If you look at the official example, you will see commented source code explaining how to use impress.js.
As the documentation explains:
The only limit is your imagination
Checkout a few more examples to see it in action. You can also browse the source at GitHub.
(via gregbabula)
Source: thechangelog
6 Color Scheme Tools
COLORlovers
The biggest resource community for colour palettes as well as patterns. Plus points that they spell “colour”correctly my British way.Kuler
From Adobe it pretty much works the same way as COLORlovers where you also create your own schemes or edit others accordingly.Colorotate
This site is a little more interactive and fun with the 3D elements. In addition there are few fun mixing/blending options.Color Scheme Designer
The Wheel! A great resource for creating schemes as well options for “light-er” or “dark-er” versions.Pictaculous
There are a few picture-to-colours applications but this is my favourite as, in my opinion, its most accurate. In addition to finding you colours from an image you’ve uploaded, it suggests other similar colour schemes from Colourlovers and Kuler. You can also download swatch files which I find useful.Color Palette Generator (DeGraeve.com)
If you’re lazy or don’t have the image on your computer, this site lets you use URL’s instead.
These progress loading bars have been crafted using pure CSS3. They look great on light backgrounds, are easy to implement and come in a variety colours for you to choose from.
Check out the live preview.
Supported in all modern browsers, and will degrade gracefully to varying degrees in Internet Explorer versions.
We also have a set of Dark CSS3 Loading Progress Bars available!
A versed engineer and perfectionist with good taste, ready to take ownership of entire features.
What you’ll do:
What we’re looking for:
Tools we like:
Founded by David Karp in New York City in 2007, Tumblr is a microblogging platform that allows users to effortlessly share anything. Tumblr now hosts over 50 million blogs with over 20 billion posts to date. Our pageview to engineer ratio is 1 billion PV per month to 1 engineer. This means every line of code every developer writes has a huge impact. We are focused on building tools and technologies that will advance the state of the art in dealing with massively scaled websites as we quickly grow past 30,000 requests and 1,300 posts per second. We are also excited to deliver a range of new products that will enable users to share their own creative content, discover content, and connect to one another in new ways.
Source: tumblr.theresumator.com
Listed below are our design principles and examples of how we’ve used them so far. These build on, and add to, our original 7 digital principles.
Source: gov.uk
Top
