Modal or popup windows are very useful elements of websites or webapps – you can display in it a notifications, additional or detailed information or it can be a “dialog window” in which user must take some decision, let’s say “Are you sure you want to delete the file?” So in general – there are hundreds of ways modal windows…
Category: tips front-end
I will show in this article how to create cookies (or in general: terms and conditions) notification bar only with pute HTML, CSS and JavaScript, without any kind of library which would support us here. Of course you can find tens of well-working modules which will give you solution just like that. But there are many situations, that it is…
Tables are strange HTML elements. If we put CSS rule to whole table: width: 100%; then columns inside that will try to use space of whole table, sometimes it will fit the longest word in one column, sometimes it will just try to fit columns widths more or less proportional to the longest word in each column. In our example…
This is quite long topic and but shortly I will describe here how to use HTML5 forms validation. You must remember that it can’t replace the validation of the data done in the back-end. HTML5 form validation is only a pre-check of data entered by user into form. You can add following attributes to your inputs elements in HTML5: required …
HTML semantic elements It is very important to use HTML elements in a proper way. If we want to list some text items, the we must create a normal list with <ul> or <ol> tags, not <p> or <div> tags with some additional CSS styles. So what semantic elements do we have in HTML. There are more than 100 semantic…
If you are a beginner in front-end world or you are back-end programmer, like C#, Java, Python or SAP-ABAP and from time to time you must do some coding in HTML, CSS or JavaScript, than you are in a right place! I will show in this short course the most important parts of Front-End world, which will allow you to…
Many methods in JavaScript uses callback functions. Let’s consider e.g. Array “map” method. You can have a variable containing array like: const numbers = [9, 8, 7, 6, 5, 4] and you can chenge all it’s elements by running a “map” method with a callback function which will do the same operation on every element in array, like e.g. multiplying…
I will show in this short article how to add “scroll to top” button or arrow. This is a popular solution used on blogs or “one page” websites – so in situation when web page has a long content, which require a lot of scrolling, then user has easy option to go smoothly to top of the website. There are…
If you are running a website, you must know how annoying are AdBlock users. You try to give the best possible content for your users for free and you want simply to earn some money by external advertising services like Google Adsense, but AdBlock users are constantly minimizing your incomes. So… JUST DETECT ADBLOCK! Sounds clever, doesn’t it? There are…
🠗 Skip reading – scroll down to solution 🠗 Why it is so important to verify if variable is an object or array? In JavaScript it is easy to be flooded. The same is with objects and arrays. Many times we must check if some variable is an object or array. Short example – we receive some data from REST…