Curso de HTML5 Video 01
Curso de HTML5 Video 02
Curso de HTML5 vídeo 03
Getting Started with Three.js
30 Inspiring WebGL (Chrome) Experiments
SVG (or Scalable Vector Graphics) is an XML-based file format that enables developers and designers to create high quality, dynamic graphics and graphical applications with a great level of precision.All modern browsers support rendering SVG: however, for older browsers like IE6, 7 and 8 without native support, you can fall back on polyfills such as SVG Web that use Flash for rendering content. This enables you to easily target the majority of users online without worrying about compatibility issues. For mobile web developers wondering about compatibility, I'm happy to report that iOS 3.2+, Opera Mini 5+, Opera Mobile 10+ and Android 3+ also support rendering SVG graphics out of the box. Canvas offers a high-performance canvas best suited to rendering raster graphics for games such as sprites, image editing and applications that require per-pixel manipulation capabilities. Read all our web design articles here 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19.
20 examples of SVG that will make your jaw drop | Web design
Tobi's Story - This is the story of a young designer aiming to make a difference
eSimply - Email marketing tools and programs
Scrolling Parallax examples Simple scrolling parallax effect Multiple, layered parallaxes for a nice depth effect Parallax in all directions: vertical and horizontal scrolling Parallax called on a piece of inline HTML markup About Scrolling Parallax Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. Basic use of the Scrolling Parallax plugin is extremely easy. The Scrolling Parallax plugin is also very versatile. Download the Scrolling Parallax Plugin for jQuery Scrolling Parallax for background images Using the parallax for a background image is incredibly easy. $.scrollingParallax('img/background-parallax.jpg'); This will append the image to the page, and stretch its dimensions as described above. This would stretch the background width to 200% of the screen size, and enable the parallax to work on horizontal as well as vertical scrolling. Scrolling Parallax on jQuery objects $('div.parallax-div').scrollingParallax(); staticSpeed : .2
Scrolling Parallax: A jQuery Plugin
Genial.ly: un modo... geniale per creare presentazioni online
Ecco un altro strumento molto ricco e versatile per creare presentazioni (e molto altro) online. Si chiama Genial.ly, è gratuito e vi sorprenderà per la ricchezza di strumenti ed effetti presenti. La struttura ricorda molto powerpoint e potrete inserire tutti i contenuti multimediali che vorrete, utilizzando il pannello comandi che trovate sulla sinistra. Sulla destra invece avrete la possibilità di aggiungere tutte le slides che vorrete, attingendo anche a una ricca serie di modelli preimpostati che potranno impreziosire l'aspetto grafico della vostra preesentazione. Quello che vedete sopra è un esempio che ho preparato rapidamente per mostrare solo alcune delle tante funzionalità di genial.ly. Ricordo che genyal.ly puo' essere utilizzato anche per creare poster, documenti, ecards e infografiche. Le presentazioni realizzate con questo strumento sono visualizzabili su qualsiasi tipo di dispositivo. Articoli correlati
Niftio: creare presentazioni in html5 online
Niftio è una nuova suite per creare splendide presentazioni in html5, disponibile in un versione gratuita beta, si spera ancora per molto. Con Niftio è possibile visualizzare attraverso qualsiasi dispositivo presentazioni interattive ed eleganti che non richiedono particolari abilità e competenze in fase di costruzione. L'editor è infatti piuttosto intuitivo ed integra una libreria di oltre 4000 immagini free, 600 font, 1000 forme. E' possibile scaricare le presentazioni in html, in pdf o potrete naturalmente condividerle online. Per rendervi la vita ancora più semplice Niftio vi permette di scegliere fra 4 impostazioni predefinite per le transizioni: Grid, Circle, Wave e Accordion. E' possibile utilizzare queste presentazioni sincronizzandole con un pubblico in remoto attraverso un link ed una password. Per scoprire Niftio cliccate qui Articoli correlati
Dive Into HTML5
This short tutorial is meant for people who want to start using CSS and have never written a CSS style sheet before. It does not explain much of CSS. It just explains how to create an HTML file, a CSS file and how to make them work together. After that, you can read any of a number of other tutorials to add more features to the HTML and CSS files. Or you can switch to using a dedicated HTML or CSS editor, that helps you set up complex sites. At the end of the tutorial, you will have made an HTML file that looks like this: The resulting HTML page, with colors and layout, all done with CSS. Note that I don't claim that this is beautiful ☺ Sections that look like this are optional. Step 1: writing the HTML For this tutorial, I suggest you use only the very simplest of tools. Don't use a wordprocessor, such as Microsoft Word or OpenOffice. Step 1 is to open your text editor (Notepad, TextEdit, KEdit, or whatever is your favorite), start with an empty window and type the following: <! <!
Starting with HTML + CSS
IE Class High School Web Design Curriculum & Certification
HTML5 or Native Apps: Which one should choose?
Native Vs PhoneGap Application Development
HTML 5 Vs. Native Apps: What's Best For Developers?
Debate rages on about whether an HTML5 Web application or a native platform application is the best solution for your project team. We've put together this list of arguments -- five for HTML5 and five for native apps -- to help frame the debate. 1 of 11 HTML5 is one year old -- at least officially. Last October, the spec was frozen on HTML5. Despite the growing popularity and acceptance of HTML5, debate rages on about whether an HTML5 Web application or a native platform application is the best solution for your project team. We certainly don't expect to resolve the debate. [Building apps for iOS? It's important to note where the debate doesn't go. A year ago there were very real issues around how each Web browser interpreted HTML5. That's not to say there are no issues with HTML5. The debate will continue. Curtis Franklin Jr. is executive editor for technical content at InformationWeek. More Insights
Mobile Apps: HTML5, Native or Both?
7 Best PhoneGap Plugins for PhoneGap Mobile Application Development - Mobiloitte Blog -
Develop HTML5 Applications for Multiple Platforms using PhoneGap
Posted in - Mobile App Date - 02 Nov. 2015 Small and medium-sized enterprises (SMEs) drive industry growth and employment in the European Union (EU) and United States (US). Ninety-nine percent of companies in EU (over 20 million) and US (over 28 million) are SMEs. Web and mobile technologies are helping SME’s grow rapidly as business becomes increasingly global and competitive. However, they face specific challenges in the process that begins at idea conceptualization and ends at final product creation for customers. Enterprise Mobile Application Development Using PhoneGap & HTML5 HTML5 mobile app development with PhoneGap is one approach that can be used to achieve faster time to market by creating enterprise applications for multiple platforms. Here are some plugin repositories based on the PhoneGap framework that can be used for faster mobile app development: Simplify Data Access – User data access and management are one of the prime concerns for SMEs.
Understanding HTML5 mobile application development
Creating automation tools for custom themes (Gulpjs)
Last updated April 30, 2016. Created on January 12, 2016.Edited by sarathkm. Log in to edit this page. Using automation tools simplifies the task of creating themes. Here we are going to use gulpjs to create an automation tool for a custom theme. 2. Create a gulpfile.js manually using cmd/terminal or using right click and create new file or other.touch gulpfile.js Copy and Paste the entire code Note: I placed my raw files inside 'src' folder and production ready files in custom theme root folder. 3. 4. 4. Looking for support?
10 Principles Of Effective Web Design
Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now! Usability and the utility, not the visual design, determine the success or failure of a web-site. We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information. Please notice that you might be interested in the usability-related articles we’ve published before: Principles Of Effective Web Design Guidelines Link How do users think? Users appreciate quality and credibility. 1. 2. 3. 4. 5. 6. 7. 8. 9.
Tutoriais CSS | Web Standards | Acessibilidade | Tableless
75+ Best Free Html5 Css3 Website Templates |Designrazor
Outsourcing LESS Framework
Outsourcing Twitter Bootstrap
Color Picker — HTML Color Codes
HTML Table Style Generator by eli geske
Outsourcing 960 Responsive Grid Agency
Outsourcing SASS Framework India
Outsourcing CSS 3 Ontwikkeling
Sturlly Responsive One Page Multipurpose Template by themezaa | ThemeForest
MEE - Responsive Resume / Personal Portfolio by themezaa | ThemeForest
Brando Responsive & Multipurpose OnePage Template by themezaa | ThemeForest