250+ Free Responsive HTML5 CSS3 Website Templates All professional free premium responsive HTML5 and CSS3 Templates have functionality and features of HTML5 and CSS3. Using HTML5 and CSS3 features are popular among web designers nowadays. HTML5also provide great features to create animation on web instead of flash animation. Websites developed in HTML5 animation will not require adobe flash support on your web browser anymore, provided that your browser supports HTML5. Ultra-Modern – Free Responsive Design Agency Theme This clean responsive template is a perfect basis for displaying a vast amount of content in a coherent manner, thus promoting your web design agency or other projects related to this business niche. Demo More Info Free Responsive HTML5 Corporate Template You can effectively deliver your business ideas with Free Responsive Corporate Template, professional freebie designed. Demo More Info Brandi – Free Corporate Responsive Template Brandi is a corporate template that is perfect for individuals or businesses. Demo More Info
CopperLicht - 3D Open Source WebGL 3D engine with editor CopperLicht is a commercial grade WebGL library and JavaScript 3D engine for creating games and 3D applications in the webbrowser. It uses the WebGL canvas supported by modern browsers and is able to render hardware accelerated 3d graphics without any plugins. Optimized, Fast, and Free CopperLicht originally was the WebGL rendering backend of the CopperCube editor, and was made free to be used by anyone. Many supported 3D file formats Currently, the following 3D file formats are supported by the editor: 3ds, obj, x, lwo, b3d, csm, dae, dmf, oct, irrmesh, ms3d, my3D, mesh, lmts, bsp, md2, stl and more, see below. Read more about CopperLicht on the features page Games using CopperLicht T-World T-World is a cross programming language web platform for Artificial Intelligence research and education, created by Sergio Burdisso from the National University of San Luis. Endtime at Home Mafia Empires Latest News CopperLicht 1.9 released. CopperLicht 1.8.1 released.
Responsive Multi-Level Menu A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. View demo Download source Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels. Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. Please note: this only works as intended in browsers that support the respective CSS properties. The structure of the menu contains an unordered list that can have an arbitrary number of sub-lists: Animations are defined in animation classes: And the plugin is called as following: We hope you like this little experiment and find it inspiring!
EaselJS Recent Updates Follow @CreateJS November 2014 Updates in preparation for next release (coming soon).New class model, with big performance increases October 2014 Lots of bug fixes and pull requests.New 'Extras' folder in GitHub with useful tools and classes July 2014 Major overhaul of Graphics to include a useful command pattern, and a big performance increase.Added Graphics.store() / unstore() The Story Why we built EaselJS About EaselJS EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas. Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries. By b10b b10b
Responsive Web Design: Using Fonts Responsively Typography is one of the most important aspects of responsive web design, and optimizing your fonts for mobile devices is an absolute necessity if you want your content to be palatable across all screen sizes. Fortunately, the process of building flexible fonts is not very difficult. When we talk about flexibility (which is the guiding principle in this case), we cannot overlook the specified size of the font we’ve chosen to adapt for our responsive website. We may use different metrics for this purpose, including pixels, ems, rems, or percentages. Choosing the right metric is critical for designing a malleable, responsive interface. In this continuation on responsive web design, I’ll explain how to manage dynamic fonts responsively, and I’ll analyze all of the aforementioned metrics, comparing the strength and weaknesses of each choice. Pixels For a long time, pixels have been the unit preferred of web designer due to its inherent precision and accuracy. Ems Percentages Rems Conclusions
Responsive Website Design | Blue Fountain Media NYC What is Responsive Website Design? A responsive website is a single website that adapts to the device of each unique visitor, whether desktop, smartphone, or tablet. A responsive website dynamically re-sizes its content and imagery for a variety of different screen sizes in order to ensure the website is effective and easy to use on any device. Why should I use Responsive Website Design? Rapidly growing mobile usage Mobile web usage is growing at an extremely rapid rate that presents enormous opportunity. Best practice for ranking high in mobile search results Responsive design is the preferred option when it comes to making your website both mobile and search engine friendly. Efficient in terms of both time and cost Responsive website design can drastically cut down on development time and cost.
Unheap - A tidy repository of jQuery plugins Tiny Circleslider: A lightweight circular carousel for jQuery What is it? Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Features IOS and Android support. Need support or custom features? Anything is possible! Examples $(document).ready(function(){ $('#circleslider1').tinycircleslider();}); Note: There is no lightbox natively in tiny circleslider for this example fancybox was used. To get a better understanding of how it all comes together I made a (corny) styled example. Constructor Properties Methods Events Usage The image below displays how you calculate the radius of your circleslider.
JavaScriptSource.com - Free JavaScripts, Tutorials, Example Code, Reference, Resources, And Help Codrops Geeklist - A place for geeks to share what they've done, who they did it with and connect with great companies Tridiv | CSS 3D Editor