background preloader

Hakim El Hattab

Hakim El Hattab
Device Loop Animation View the device loop A device loop animation that I created for the new slid.es home page. Flexing Pagination View Flexing Pagination A UI experiment with pagination arrows that "flex" when you hover or press them.

http://hakim.se/

Related:  robsonfernandezHTML5

Create an animation online with AnimateStar ABCya is the leader in free educational computer games and mobile apps for kids. The innovation of a grade school teacher, ABCya is an award-winning destination for elementary students that offers hundreds of fun, engaging learning activities. Millions of kids, parents, and teachers visit ABCya.com each month, playing over 1 billion games last year. Apple, The New York Times, USA Today, Parents Magazine and Scholastic, to name just a few, have featured ABCya’s popular educational games. ABCya’s award-winning Preschool computer games and apps are conceived and realized under the direction of a certified technology education teacher, and have been trusted by parents and teachers for ten years. Our educational games are easy to use and classroom friendly, with a focus on the alphabet, numbers, shapes, storybooks, art, music, holidays and much more!

Inspitrational HTML5 Websites Inspirational HTML5 websites that will give you ideas, inspiration for your next web project. There’s been a lot of talk about HTML5. What does this mean for designers and how will it change the way we design. what makes HTML5. HTML5 promises to make the Internet more functional and interactive. 30 Essential Web Developer Cheat Sheets The list of skills a given web developer must possess is growing everyday. With the massive growth of web technologies, comes the demand for developers with a wide skill set. A useful tool in any developers tool box can be the well known 'cheat sheet'. Today, we will have a look at 30 essential web developer cheat sheets, ranging from MySQL to Photoshop.

Create Something. Donate Login Remember Me Create An Account Forgot Password // Provide alternate content for browsers that do not support scripting // or for those that have scripting disabled. Responsive Design: 160 useful tools, plugins and resources Since many of you out there are still struggling to find it all in one spot, when all you may need is just one main source that answers all your questions on Responsive Web Design, here at webdesignshock.com we’ve summed a full collection of 160 Resources that cover all Web Responsive Design related topics sorted in categories that go from framework, grid, bookmarklet, typography, tutorial, media-centric, useful articles, WordPress and Google Chrome; so that whatever it is that you’re looking to find related to web responsive design you’ll find it here at webdesignshock.com. Because With the on growing production of alternate devices’ over the past couple of years, have grown the amount of web responsive resources on the web, and the demand of web designers for them. Responsive design went from being the new “it” word of the web design world, to becoming the biggest growing trend of web design in 2011, to now being the up most necessary implementation when designing a website. Skeleton

Useful JavaScript and jQuery Tools, Libraries, Plugins - Smashing Magazine Advertisement Recently we’ve been receiving more requests for carefully selected, useful round-ups. We try to avoid round-ups on Smashing Magazine, but sometimes the format is useful and — if the resources are relevant — can be extremely helpful. Besides, we are glad to drive traffic to some obscure, yet useful resources and thus support the developers of these resources. In this round-up, you’ll find some of the useful JavaScript and jQuery tools, libraries and plugins that we have stumbled upon recently. Hopefully, you’ll find them valuable for your upcoming projects.

A suite of Javascript libraries and tools designed for working with HTML5 Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon). New class model, with big performance increases 31 Modern HTML5 Demos That Can Beat Flash Recently there has been a lot of talk about HTML5, mostly, because of the apple and Adobe conflict. A lot of people even started comparing HTML5 to Adobe’s Flash. Even if Flash can be rather extensive and can create some magical breath-taking things it is not without its bugs and does tend to crash computers a fair bit when it’s not developed right. When this happens, HTML5 comes as a great alternative to the ever-loved Flash.

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. Fullscreen Gallery with Thumbnail Flip Dreamer Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Crusader Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. Website wireframe A wireframe document for a person profile view A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.[1] Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.[2] The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content.[3] In other words, it focuses on what a screen does, not what it looks like.[4] Wireframes can be pencil drawings or sketches on a whiteboard, or they can be produced by means of a broad array of free or commercial software applications. Wireframes focus on:

// Animated Gifs 01 - Matthew DiVito // MOTION // GRAPHIC // DESIGN // Animated Gifs 01 What started as a little experiment has grown into something more. Selections from my blog mrdiv.tumblr.com

Related:  html5, css3, et webHTML5 / CSS3CSSCSSrandom pics 1HTML5web design(processing)CreativeWebmaster