recentpopularlog in

rtopitt : html5   40

HTML5test - How well does your browser support HTML5?
The HTML5 test score is an indication of how well your browser supports the HTML5 standard and related specifications. Find out which parts of HTML5 are supported by your browser today and compare the results with other browsers.
html  html5  navegador  test  compatibility  standards  webdev 
july 2018 by rtopitt
HTML5 Game Engines - Find Which is Right For You
Listed are the cream of the crop of HTML5 / JavaScript game engines - frameworks that are respected and maintained. Click "More Details" for a full description, reviews, important links, and sample games.
jogo  game_engine  engine  html5  javascript  programming  development  game_development  top10  lista  reference 
june 2018 by rtopitt
Wufoo · The Current State of HTML5 Forms
Browser support for the different features of HTML5 forms is quite varied. Let's explore.
html5  webdesign  formulário  comparação  navegador  html  css3 
april 2012 by rtopitt
HTML5Pattern
HTML5Pattern should be a source of regularly used Inputs-Patterns.
html5  regex  padrão  input  html  reference 
april 2012 by rtopitt
✔ h5Validate - The HTML5 Form Validation Plugin for jQuery
h5Validate is a jQuery plugin that understands HTML5 forms and knows how to validate them, even in browsers that don’t yet support HTML5.

In browsers that do support HTML5, h5Validate adds some much-needed features, such as the ability to customize the user interface when an input fails validation.
jquery  html5  html  validação  plugin  navegador  javascript  formulário 
april 2012 by rtopitt
Dive Into HTML5
Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. The final manuscript has been published on paper by O’Reilly, under the Google Press imprint. Buy the printed Work — artfully titled “HTML5: Up & Running” — and be the first in your Community to receive it. Your kind and sincere Feedback is always welcome. The Work shall remain online under the CC-BY-3.0 License.
html5  html  livro  online  e-book  webdesign 
february 2011 by rtopitt
Head JS :: The only script in your HEAD
Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.

The HEAD section is the worst place to load scripts. It's painfully slow. The more and the bigger the worse it gets. Move scrips to the bottom and you run into dependency issues and you cannot safely use HTML5 and CSS3. Enter Head JS. A compact solution to these universal issues.
head  javascript  framework  biblioteca  performance  website  webapp  importante  alpha  navegador  paralelo  download  html5 
december 2010 by rtopitt
nude.js | Nudity detection with JavaScript and HTMLCanvas
nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and afterwards decide whether it should be displayed or not. The detection algorithm runs at the client, therefore it's possible (with user interaction) to display the image even if it's identified as nude (false positive)
html5  javascript  filtro  nudez  geek  zexy  software_livre  cliente 
november 2010 by rtopitt
sjs: 37signals' Chalk Dissected
I dove into the JavaScript a little and explained most of it. Sam Stephenson tweeted that Chalk is written in CoffeeScript and compiled on the fly when served using Brochure. That's hot!
37signals  javascript  coffeescript  how-to  html5  ipad  webapp  cache  zepto  mobile  inspiração  analysis 
november 2010 by rtopitt
CoffeeScript
CoffeeScript is a little language that compiles into JavaScript. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it.
dsl  javascript  node.js  coffeescript  linguagem  futuro  importante  html5  programming 
november 2010 by rtopitt
DropMocks
DropMocks is the easiest way to create and share beautiful image galleries online. Just drag your image files onto this page, and we’ll do the rest.
arrastar_e_soltar  drag_and_drop  webapp  inspiração  geek  imagem  web2.0  grátis  html5  sharing  photo  gallery 
september 2010 by rtopitt
Periodic Table of the Elements - Josh Duck
The table below shows the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk).
html  html5  css3  webdesign  gráfico  geek  tabela_periódica 
september 2010 by rtopitt
Rails 3, HTML 5 and client-side forms validations using Validator « Slainer68's Blog
I found Validator by the flowplayer team. This Javascript library is just great. Why? Because it uses some HTML 5 new attributes to define validations on the form inputs. And guess what? It works perfectly with the new Rails 3 HTML 5 helpers.
You can just map this library on all your <form> tags in your application.js, use some HTML 5 attributes and get instant and unobtrusive client-side validations.
validação  rails  3  html5  formulário  javascript  framework  biblioteca  importante  webapp  view  tip 
september 2010 by rtopitt
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on. Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.
html5  framework  css3  html  css  webdesign  htaccess  javascript  jquery  template  modelo  importante  boa_prática  reference 
august 2010 by rtopitt
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus
The developers of TinyMCE brings you Plupload, a highly usable upload handler for your Content Management Systems or similar. Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.
upload  rails  javascript  flash  html5  plugin  jquery 
august 2010 by rtopitt
10 Free Online Books for Web Designers | Freebies
There’s a never ending supply of information out there for us web designers. If there’s something we need to learn, we can find it in one form or another. Sometimes it may be on a blog or it could be in a book. While you may have to shell our some money for a good web design book, there are a number of them out that have online versions that are totally free. Here are 10 you should find very useful.
webdesign  livro  e-book  top10  how-to  importante  html  css  html5  tip 
july 2010 by rtopitt
html5shiv - Project Hosting on Google Code
Public repo for the latest HTML5 JavaScript shiv for IE to recognise and style the HTML5 elements. Also include's @jon_neal's latest printable HTML5 elements. To use, include the following script in your <head> element above your CSS.
html5  ie  internet_explorer  javascript  upgrade  compatibilidade  html  software_livre  biblioteca  tip 
july 2010 by rtopitt
Guia de Referência - Apostila sobre HTML 5
A Visie foi escolhida pelo W3C do Brasil para ministrar um treinamento sobre HTML5 para os seus membros e alguns convidados. Para tanto, construímos uma apostila com todo o conteúdo abordado neste nosso curso. Essa apostila está sendo agora publicada sob Creative Commons aqui no Tableless. Esperamos que ajude a comunidade de desenvolvimento web brasileira.
html  html5  apostila  guia  manual  w3c  webdesign  reference 
july 2010 by rtopitt
HTML5Rocks - Home
Because HTML5 and its related technologies cover so much ground, it can be a real challenge to get up to speed on them. That’s why today we're sharing HTML5 Rocks, a great new resource for developers and teams looking to put HTML5 to use today, including more information on specific features and when to use them in your apps.
html5  google  how-to  novidade  webdesign  html  css  css3  reference  compilation  tip 
june 2010 by rtopitt
Bowline
Bowline is a framework for making cross platform desktop applications in Ruby, HTML and JavaScript. If you've ever wished creating a desktop application was as simple as creating a Rails website, Bowline's for you. Bowline respects MVC, you can design your views in HTML5/CSS3 - then bind them to your Ruby models. There's no request/response cycle - any changes in models automatically get reflected in the view.
bowline  ruby  1.9  desktop  mvc  html  javascript  html5  css3  webkit  framework  gem 
june 2010 by rtopitt
HTML5 Globals and You | Nettuts+
Much has been written on the big ticket changes in HTML5, like forms, semantics, and media, but information on the less splashy changes is sparse. While global attributes aren’t the most sexy change of HTML5, they are the change that you will be using over and over and over as you migrate to the new specification.
html  html5  especificação  edição  webdesign  campo  formulário  tip 
june 2010 by rtopitt
HTML5 Demos and Examples
HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an OR filter).
canvas  css3  html5  html  css  webdesign  demo  javascript  exemplo 
may 2010 by rtopitt
Guacamole
Guacamole is an HTML5 + JavaScript (AJAX) viewer for VNC, which makes use of a server-side VNC-to-XML proxy written in Java. The current version is almost as responsive as native VNC and should work in any browser supporting the HTML5 canvas tag.
vnc  java  servlet  html5  ajax  acesso_remoto  software_livre 
may 2010 by rtopitt
RGraph: HTML5 canvas graph library based on the HTML5 canvas tag
Interactive javascript canvas graphs using the HTML5 canvas tag for all platforms. RGraph is a HTML5 canvas graph library. It uses features that became available in HTML5 (specifically, the CANVAS tag) to produce a wide variety of graph types: bar chart, bi-polar chart (also known as an age frequency chart), donut chart, funnel chart, gantt chart, horizontal bar chart, LED display, line graph, meter, odometer, pie chart, progress bar, pseudo radar chart, scatter graph and traditional radar chart. RGraph is covered by the RGraph License.
canvas  html5  framework  gráfico  webdesign  javascript  futuro  importante  html 
april 2010 by rtopitt
Ruby & WebSockets: TCP for the Browser - igvita.com
WebSockets in HTML5 change all of that as they were designed from the ground up to be data agnostic (binary or text) with support for full-duplex communication. WebSockets are TCP for the web-browser. Unlike BOSH or equivalents, they require only a single connection, which translates into much better resource utilization for both the server and the client. Likewise, WebSockets are proxy and firewall aware, can operate over SSL and leverage the HTTP channel to accomplish all of the above - your existing load balancers, proxies and routers will work just fine.
ruby  chrome  push  html5  importante  safari  firefox  api  w3c  assíncrono  server 
december 2009 by rtopitt
Browser Pong
Pong no navegador, via javascript, usando janelas do navegador como bola e raquetes.
navegador  javascript  bizarrice  videogame  jogo  pong  geek  html5 
december 2009 by rtopitt
Modernizr
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies. Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that! The syntax is very intuitive, too.
javascript  framework  html5  css3  funcionalidade  importante 
december 2009 by rtopitt
HTML5 Doctor, helping you implement HTML5 today
We will publish articles relating to HTML5 and it’s semantics and how to use them, here and now. We will also be inviting questions, in the form of ‘Ask the doctor’ to help answer people’s queries and questions. Answers will be posted in the form of articles for all to learn from.
html  html5  how-to  importante  webdesign  padrão  w3c  reference  tip 
december 2009 by rtopitt
Web Designer Notebook » How to use Modernizr
There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites.
webdesign  javascript  html5  css3  how-to  navegador  compatibilidade  importante  biblioteca  html  css  tip 
december 2009 by rtopitt
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA
Plugin para jQuery de geração de gráficos via javascript a partir de tabelas html, que degradam graciosamente e funcionam em todos os navegadores.
tabela  javascript  jquery  plugin  gráfico  importante  html5  webdesign  canvas 
july 2009 by rtopitt
Carsonified » 30 Essential CSS3 Resources
Web designers around the world are extremely excited about the power of CSS3 and the creative freedom it offers. With that in mind, we’ve rounded up 29 resources for you to learn more
css3  webdesign  html5  top10  how-to  html  css  tip 
july 2009 by rtopitt
Carsonified » 23 Essential HTML 5 Resources
Everyone is excited about the possibilities of HTML 5, but there’s a lot to learn and absorb as well. With that in mind, we’ve compiled a list of articles to get you started!
html  html5  top10  webdesign  css3  tip 
july 2009 by rtopitt
HTML5 Drum Kit | RandomThink Labs
Mesa de sampler em HTML5 (requer Firefox 3.5)
javascript  html5  demonstração  bateria  sampler 
july 2009 by rtopitt
HTML 5
This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability.
html5  manual  padrão  webdesign  css3  w3c  html  reference 
july 2009 by rtopitt
John Resig - HTML5 Shiv
Script para permitir a estilização dos novos elementos do HTML5 no Internet Explorer
ie  html5  javascript  workaround  gambiarra  script  webdesign 
july 2009 by rtopitt
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+
In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along.
html  html5  css  css3  how-to  webdesign  importante  w3c  tip 
july 2009 by rtopitt
Some sexy demos
Demos das novas tags video e áudio, HTML5, CSS3, canvas, etc, disponíveis no Firefox 3.5
html  css  html5  css3  javascript  firefox  3.5  demonstração  mozilla  svg  png  geek  video 
july 2009 by rtopitt

Copy this bookmark:





to read