Having a menu at the top of the screen with inner anchor
If you want to have a menu that will change what is selected depending of where you are on the screen, this can be done. First, you need to define your menu. Second, you need to have anchor inside your...
View ArticleClik here to view.
How to flip a div with JQuery and CSS3 animation
If you are curious about what we will discuss in this blog post, you can visit JsFiddle for the code and an example of how to flip a div with CSS3 and some javascript. First of all, here is the Html...
View ArticleFlipping a div (part 2)
In a previous post, we have discussed about how to flip a division. However, Javascript was involved with CSS3 while only CSS3 could have been enough. For the curious, here is the code/JsFiddle (most...
View ArticleClik here to view.
Modifying BootStrap Tab Control for Extra Small Device
If you are using BootStrap and the Tab control you may have a weird rendering for Extra Small Device (under 768 pixel). To fix this, it is possible for you to add this code. It removes the borders and...
View ArticleClik here to view.
Asp.Net Editor Template with BootStrap for Currency Field
If you are developing an application that require to have money, they are big change that this money must be in a currency. So, every time you have to select a money, you have to select the currency...
View ArticleClik here to view.
JQuery Calendar And Input-Group Of BootStrap Problem With Z-Order
BootStrap has a class named input-group that allows you to have a input box with a button, before or after. The problem is that it set all inputs with a z-index to 2. JQuery Calendar is bound to...
View ArticleClik here to view.
Creating an Home Page with Multiples Section with Parallax
The front page of your site must contains all the information to allow the user to do an action. In the creation of a web application, the front page must states clearly what the application is doing,...
View ArticleClik here to view.
Css3 shining animation for Html element
In the current application I am developing, I wanted to have an Html element to have a shining effect with CSS3. The goal is to make an Html’s element to look new. Here is an animated gif that show the...
View ArticleClik here to view.
CSS Stacking Context
If you are only using z-index to set the depth position of html elements, than you may reach the situation of not having the final behavior your want. Z-index is a Css’ property for the order...
View ArticleClik here to view.
Bootstrap Loading Spinner With CSS3
If you are using Bootstrap library and are using the button to load something from Ajax you may want to have the button to be disable and display a waiting message. The easiest way to do is to use the...
View ArticleQuick Add Html Button with CSS3 and JQuery
This is a small JavaScript and CSS control that allows to have some edition from a textbox in a fashion that this one is only a button to minimize space and once clicked become a more extended version....
View ArticleClik here to view.
How to create a bottom-right fixed button in CSS with expanding hover animation
If you need to have a button with minimal information and when the user hover this one give more input before executing the action, here is something interesting. The code illustrates a use case that...
View ArticleClik here to view.
How to cache Html element with Html5 Canvas and LocalStorage
This caching idea is limited to some scenarios where you have defined html zones. For example, if you are working with dynamic charts or having a complex logic to render Html controls or even complex...
View ArticleClik here to view.
CSS Sticky Position
Before going any further, this is supposed by Chrome 56+ and not many browser yet. The actual Chrome stable version is 56, hence it should be used with a good fallback. Sticky position is a new CSS...
View ArticleClik here to view.
Visual Studio Code with NPM and TypeScript (Part 8 : SASS & CSS)
Transforming SCSS into CSS is a matter of using less than 5 lines of code. NPM has a package that you can use with Gulp. In less than 5 minutes, you can have SCSS configured to compile all your files...
View ArticleClik here to view.
How to have Chrome Style Inspector to Show Input Placeholder
One habit I have is to set the classes to my HTML elements and then go in Chrome to write all the style. Once I am satisfied, I copy paste everything in the style sheets. Recently, I had to modify the...
View ArticleClik here to view.
How to create a toast notification in few lines of code
I recently was about to ship a new system when I remember that many months ago I decided to create an error message at the top of the application which was having few constraints. My initial thought...
View Article