In the last few month I had to prepare quite a few presentations and slides. This is not something that I’m very familiar with, so every time I end up with either LibreOffice or Google Slides or some other overpowered tool. Clicking around, formatting and reformatting, and having absolutely no version control that I am so used to for my programming and system administration needs – I thought there must be a better way.
Sitepoint has a helpful list of “5 of the Best Free HTML5 Presentation Systems“. Some of the links are broken, but even those that work have enough options to choose from:
I have a big and important presentation to prepare next week, so I’ll give these three a go and see which one I like the most.
- Styles and color
- Compositing and clipping
- Pixel manipulation
- Hit regions and accessibility
It also provides a few useful tips, inspiration, and links to other resources.
HTML5 mockups of popular devices, to showcase your portfolio and spice up your website. Demos are here.
Front-end development bookmarks – a huge list of frontend development resources Dmitriy Navrotskyy has collected. Sorted from general knowledge at the top to concrete problems at the bottom.
Here is an update from the “learn something new every day” department – using <input> tag outside of (or, in other words, without) <form> tag is perfectly valid. It’s valid in the newest HTML5 spec, and it was valid with earlier versions of HTML and XHTML too.
Interesting, that today was the first time I came across this, after doing HTML for almost 20 years.
DevDocs.io – a local cache of searchable documentation
I’ve heard about this project for a while now, but tried it only today. This blog post left me no options. And I’m glad. Because DevDocs are absolutely awesome!
Echo is quite handy for web developers. On those pages that feature a lot of images, things can get slow and the server might get too much of an abuse (with more traffic thrown at it). One way to work around this is to only load those images that are in the visible part of the screen. Here is a demo of how it works. Just keep scrolling down and notice how by default you have a blank.gif image shown, with a standard loading indicator and a split second later you see the actual image which was supposed to be in there.
Simple, easy, elegant – and that’s how I like it.
9 Mind-Blowing Canvas Demos
Some really nice examples of what’s possible with the modern web technologies… My favorite of the list was the tear-able cloth.