Tag Archives: HTML 5

html 5 programming

JavaScript – page settings – 004.

This is an example of source code from an HTML page with basic settings:

<link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" 
integrity="sha512-...==" 
crossorigin="anonymous" referrerpolicy="no-referrer" />

href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"

integrity="sha512-...=="

crossorigin="anonymous" referrerpolicy="no-referrer" />

The integrity attribute is used to ensure that the resource is loaded – in this case, the CSS file from the external CDN. The attribute value contains a cryptographic hash of the file contents, which is checked against the downloaded… 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 – Online tool with all CDN libraries.

The intro of this website tool is very simple; Everyone loves the Google CDN right? Even Microsoft runs a public CDN. The problem is, they only host the most popular libraries. We host all the popular libraries – JavaScript, CSS, SWF, images, etc! Basically, you can search and use one of the large databases of… Read More »

Web – About CodeMirror editor.

This is a great component for creating editors and parse the content by programming languages and not only that. The last version can be found at the GitHub project. Another step in using this tool is the next generation of the CodeMirror in-browser editor, see the codemirror.next. If you want to use it with Google’s… Read More »

Web – Detect errors show by Blogger theme.

The problems with the Google Blogger websites are the same you cannot have good control over the theme and the newest features are in progress. A few days ago, I wrote some tutorials and because I published it without seeing it looks good. Yesterday I take a look at the blogger and I see this:… 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 »

HTML5 – Use this URL in production with githack online tool.

This web tool helps you with the request for a development URL. The raw.githack.com serves raw files directly from GitHub, Bitbucket or GitLab with proper Content-Type headers. You can see an example created by strangerintheq: https://codepen.io/strangerintheq/details/oNNNYNm.

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:

<div class="button effect">This is a issue!</div>

1	<div class="button effect">This is a issue!</div>

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 »