Implement a Timer in JS ES6+

This page is more like an exercise on coding in Javascript. You should be able to learn about the bind functionality and how to deal with a timer via the setInterval function. The codebase is fully written using the syntax provided since 2015 with the ECMA script norms. You can browse the new features by following […]

Recursive files update by extension in Python

We are going to implement a script in Python to update recursively many html files at once. A more generic codebase has been built in order to take other similar cases. We will walk through the lines on this page. At any moment you can retrieve the Python classes onto Github Python snippets repository. I’ve […]

HTML Auto-Hiding menu with lock

We will build from scratch a navigation menu which can appear on mouse hover and auto hide otherwise.  Locking / Unlocking the menu will also be possible when clicking on a button on top of the menu. Checkout the result before diving into the code : Don’t bother the ugly template, just add some icons […]

Adding array elements into a form using Zend 3

Form collection Zend 3 tutorial

You already know how to add elements to a form and attach filters and validators to them, but often you will need to add new elements dynamically or add several elements with the same name. In HTML it will end up with a name followed by square brackets [] : As an example check out […]

Ajax, Json and autocomplete form input example with Jquery

Autocomplete event - jquery ui example

We have a demo page for this so no worries about it – Today we implement several features to deal with a form input : Autocomplete of the input Ajax call to an external url using JQuery Parsing JSON data from the external url We will follow the tutorial on appending form inputs with Jquery […]

Appending form inputs within a form using Jquery

Append form inputs jquery

Learning by examples is the way we do and as we often ask us about JQuery tutorials, today we are adding a new one which will be followed with further integration such as Ajax calls and API programming. Example of appending form inputs inside a form JQuery offers such a powerful tools’ set, it would […]

Adding Session Data to your authentication system using ZF 3

Session Management in Zend 3

If you have been following the tutorial on ZF3 authentication, you already have the user email stored in session as this is the default behavior of the Zend/Authentication module provided by Zend platform. The Zend authentication module & session management We will overview a little how is handled the session system within the authentication module […]

Adding Custom CSS style to Magento 2 Theme

Magento2 CSS import Theme

How to quickly apply a new CSS stylesheet to a custome Magento 2 theme by extending a layout from a default parent theme. A basic tutorial with code snippets to learn the best way to achieve this on your website.

Nested CSS Responsive Text on Wide image & 3 columns

Text Box on Banner

Today we are back to CSS design and we are going to implement a simple page with a wide banner on which we apply a static text box. Below the banner will be placed 3 square boxes of same size. On smaller devices, boxes will take the full screen width and text will be centered, […]

Populate Database using Doctrine and Zend 3

Zend 3 DataFixtures Doctrine

Some applications need to integrate data and using Zend and Doctrine all together requires us to do it properly. Of course you could simply insert your entries inside the database using the Mysql command line which is pretty straight forward but how about the case you need to automate the process with a different database, […]

Learn Yaml with Doctrine in a Zend 3 project

Yaml

It’s been some time I planed on talking about Yaml and more precisely about its use for Mysql configuration tables and Entity generation. So today we will overview Yaml for Mysql automatic table integration using Doctrine and Zend 3. If you have never heard about Yaml, well you are better late than never ! What […]

Debugging a Php project with NetBeans

NetBeans Xdebug tool

Getting stuck while coding and testing right away happens to any programmers, sometimes looking at the logs is not enough to fix things quickly, that’s when using a debugger becomes really helpful. We are going to integrate XDebug inside our NetBeans configuration so we can debug Php 7 projects. Following is the configuration I will […]

NetBeans IDE and Zend 3

For those who have never heard about NetBeans, no worries, you’ve just missed a powerful tool to work with, depending on the language(s) you employ the most, choosing between IDEs (Integrated Development Environment) might not be easy and once you get used to one in particular then why switching ? There are so many comparison […]

Sign up function on Zend 3

Today we are going to implement a sign up form within our authentication module we’ve set up before. Note that we don’t want to be in competition with Zf Commons with their registration and login module, this article is more like a tutorial to train you on using Zend and handling a form. In later […]

Use of GIT – Contribute to Projects

Getting around Git can be a daunting task. But using Git is essential when it comes to sharing your development with a team or a community, it allows you to keep track of the changes and follow the version of the project. Anyway if you are here you don’t want to listen anymore on the […]

Retrieve list of items from parent window using JQuery

In this example, we will show how to retrieve a list of items rendered using div elements on a opened window. Here is the list to retrieve : You may check the demo page by clicking the following link : Onclick event – Parent elements Here is the javascript code handling the click event on […]

Customize Facebook Share button

Using the default share buttons from the facebook developpers center will make you add some code such as the following : The above code is to be added within the page right after the body tag. Then you need to add this one : You can change the url as described in the developer page […]

Onclick event & JQuery – Transfer table rows into another table

We’ve already used the JQuery library for retrieving some data within a table row after a click event. Now we will fill a second table with the row clicked. As the last example, following is the demo page : table row_event fill table At first you should download the library if you want to test […]

Onclick event & JQuery – Table row

Now that most modern websites use the JQuery library, we should use the correct way of handling click events; This article takes the example of a click triggered onto a row inside a table to highlight the row and load some details inside a field. You may check out the demo to get a glance […]

Replace a logo image – Make use of @font-face

Don’t you know already that there is no need of an image to make a clean looking Text logo ? Using a font of your own or one you’ve downloaded from the many free fonts websites available on the Internet, is possible without much code. The @font-face style tag is here for us and highly […]

Want more information?

Related links will be displayed within articles for you to pick up another good spot to get more details about software development, deployment & monitoring.

Stay tuned by following us on Youtube.