background preloader

Presentation tool based on the power of CSS3 transforms and transitions in modern browsers

Presentation tool based on the power of CSS3 transforms and transitions in modern browsers
Aren't you just bored with all those slides-based presentations? Don't you think that presentations given in modern browsers shouldn't copy the limits of 'classic' slide decks? Would you like to impress your audience with stunning visualization of your talk? then you should try It's a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers. visualize your big thoughts by positioning, rotating and scaling them on an infinite canvas the only limit is your imagination have you noticed it's in 3D*?

http://bartaz.github.io/impress.js/#/bored

Related:  Website Toolstechnologies webWeb developmentHTML5 jeu canvas

Wordpress Theme Generator - Create your own Wordpress Theme. This online generator creates your own custom unique WordPress Theme. Without any need for HTML, JS, PHP, or CSS knowledge. Change the colors, settings, layout, preview live, click "save" and download your unique Wordpress theme zip-file. tubular, a YouTube Background Player jQuery Plugin Video controls:Play | Pause | Volume Up | Volume Down | Mute Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world

Online Courses from the World's Experts Have you been thinking about becoming a web developer but don’t know where to start? This course was designed as a comprehensive resource for anyone seeking to learn web development and launch projects of their own. Each section of course includes instructional content, as well as an example project that requires you to build upon your newly learned skills. Become a “Full Stack” Developer and Master These Skills With Lifetime Access CSS3: Animations vs. Transitions In CSS, you have two techniques for visualizing change that are competing for your attention: Animations & Transitions. In this article, let's examine the similarities and differences between them so that you can know when to use which. To make the most of this article, it would be helpful for you to be familiar with using both animations and transitions.

iPad/iPhone/mobile HTML/CSS template for web apps (responsive, no javascript) iPad/iPhone template made in pure HTML and CSS (no JavaScript needed) that works perfectly on any modern browser (iPad (including iPad 3), iPhone, tablets, mobiles, laptops, etc.). The template uses responsive queries to hide the sidebar in iPad portrait mode and in the iPhone and smaller screens (you can disable that easily if you want to). Here’s how it looks in the iPhone (click image to view full size): Web And Design Trends 2013 The Internet, as an important part of emerging technology, keeps changing and evolving, depending on the major direction that people are pursuing. Therefore, we have decided to create this complete trend guide to show what’s going on, what’s on the table and what is definitely setting the direction to follow in everything related to graphic and web design and development, which by the way, are getting way closer to each other each passing day. As the fields of Web design and web development increasingly intertwine, the need to use concepts that can be understood by both designers and developers becomes crucial.

HTML5 & CSS3: Take Your Design to Another Level While both languages for HTML5 and CSS3 aren’t fully complete yet, taking the time time to familiarize yourself with some of the pointers in this post can really help you achieve that clean look and feel for your site. Let’s take a deeper look at them. HTML5 is the latest version of HTML or Hypertext Markup Language. It is currently only fully supported by a handful of browsers but the next year should see a large increase in usage.

Video Screencasts #130: First Moments with Grunt There are all these tasks that we need to do as front end developers. Concatenate and compress our files. Run our preprocessors. Optimize images. Run tests. Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This The Top 10 Web Design Skills You WILL Need! Here are my top 10 web design skills that you WILL need to master to become an effective web designer. If you’re serious about mastering web design and marketing, check out the Pro Web Design Alliance. See how Jordan benefited from the course forum and Google hangout sessions to make his and his clients’ sites better. Look at Jordan’s site and the testimonials from his clients here.  The personal interaction with Ben and fellow students while  working on live sites makes the learn by doing course philosophy start generating money for you while you are still in the course. Your priorities may be different (and my priorities may be different a few months down the line).

WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: The Psychology of Web Design A great website design is so much more than just delivering content and making it look good. When visitors come to your site, they produce a set of feelings about your website and your organization. The type of feelings they produce – positive or negative – are entirely in your hands and should not be overlooked when designing content. Over the years, there has been a body of knowledge produced to help designers create effective visuals that play into the psychology of their viewers.

Related:  ressourcespluginsPresentationsGraphic Design Resources and Toolshtml slideshowRessources Présentationideas & goodiesjsInformation Tech.Formation bureautiqueResearchImpress.jsJavascriptPresentationing