Category Archives: HTML 5

HTML 5

Google – Use spreadsheet with codepen.

If you want to share your spreadsheet from your Google Drive then you need to have proper security settings. This settings can be done from main menu : File – Share – Publish to web, see the next image: See the Pen google_001 by Cătălin George Feștilă (@catafest) on CodePen. This is a simple example… Read More »

Web – Google Book A.P.I. and codepen.

The tool website called codepen.io is a very useful tool in which you can test HTML, CSS, and JavaScript source code with the related libraries. In this short tutorial, I show you I translated a simple example from Google Books A.P.I. in the codepen.io web interface. The basic example of the source code from the… Read More »

Web – ACE online editor.

This is an embeddable code editor written in JavaScript with many features: Syntax highlighting for over 110 languages (TextMate/Sublime Text.tmlanguage files can be imported) Over 20 themes (TextMate/Sublime Text .tmtheme files can be imported) Automatic indent and outdent An optional command line Handles huge documents (four million lines seems to be the limit!) Fully customizable… Read More »

Test with an button effect.

This tutorial is about how to create a button with a good effect. First, the HTML 5 source code comes with the button using the div tag:

The next step is to use a CSS format to add the font style and create these settings: button settings for after, before and hover; two rectangles… Read More »

HTML5 – remove outline around input.

This tutorial is about how to remove outline style around input boxes in chrome using CSS. The answer is very simple, use this:

See the Pen Input_remove_outline by Cătălin George Feștilă (@catafest) on CodePen.