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 »
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 »
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 »
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 »
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 »
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:
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 »
In this tutorial, I will show you a simple use of the radial-gradient. Read the documentation here. I used the codepen online editor and you can see my example online. First, you need to create a div tag into HTML5 area and add a class named circles:
1 | <div class="circles"></div> |
Into the CSS area you need to… Read More »