Full Stack web developer building great user experiences within the WordPress Block Editor as a Theme and Plugins developer @Melapress.
During the holidays I had enough time to go trough entire WordPress 6.8 Field Guide, and from a developer perspective I can point out two important improvements. Security is now more strengten by replacing phpass with bcrypt for password hashing which improved resistance to brute-force attacks and it is now alignned with current industry best…
Read more about Developers perspective of important WP 6.8 features
This tutorial is on how to integrate Bootstrap 3 navbar into WordPress Theme I assume you already know about Bootstrap and use it in mock-ups for development. This raises the question: “How can you integrate Bootstrap components into a WordPress theme?” And above all most useful and essential Bootstrap component for integration into WordPress is definitely…
PHP count and display items in a 2D (multidimensional) array This is a short snippet about counting elements in array and displaying all items. Below is a sample 2D (two dimensional) array. Columns represents respectively: SKU, NAME and PRICE. $products = array( array(‘TIR’, ‘Tires’, 100), array(‘OIL’, ‘Oil’, 10), array(‘SPK’, ‘Spark plugs’, 4), array(‘WPR’, ‘Wiper blade’, 3)…
jQuery Snippet – setting height based on another div height This still represents a tutorial rather then a snippet because I wanted to introduce you to a situation in real life. For example if you have an old client with whom you have a good relationship. I personally will skip creating PSD designs, when my old…
If you missed first and second part of this tutorial, you can find them here: Learning HTML5 Fundamentals – part 1 Learning HTML5 Fundamentals – part 2 In part 3 of this tutorial we are going to continue on learning HTML5 Fundamentals – section, article, aside elements. The HTML5 section element This elements can really be confusing.…
If you missed first part of this tutorial, you can find it here. Hands on improving template – HTML5 fundamentals Today I am going to show you some new html5 elements. Here is an html5 template but there are some tags that can be replaced for more semantic html5 elements. I want you to notice…
HTML5 introduction The easiest thing you can change to start using HTML5 fundamentals is a doctype. What we have here is an old template from maybe 2009. year. There is many things to remove here but before we do that take a look at the doctype. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <html…
At the point when making a site there are a considerable measure of things you have to give careful consideration to. The code needs to be clean and the website should look similar no matter what browser a visitor is using. If possible it should be responsive and react to the user’s device and screen resolution. When using…
HTML5 Payment Form Here we’re going to investigate how to style a wonderful HTML5 form structure utilizing some exceptional CSS and CSS3 methods. You will want to style your form after you’ve read this article. This is one of tutorials back from days when I was learning HTML5, I just enhanced it a little and make it…
DOWNLOAD CSS Sprites – What They Are? You’ve probably heard of them, but do you really understand them? The name sprites might bring a little misleading, because sprites aren’t little images like you might be picturing, a sprite is actually in most cases is one big image. You probably have seen or used the CSS technique where hover state…
Read more about CSS Sprites – What, Why and How To Use them?
In this second part of the tutorial we will be building the CSS styling and jQuery to make this HTML5 website responsive. Please be sure that you have worked through the first part of the tutorial where we have built the basic HTML markup and included all necessary scripts. We have already included Eric Meyer’s “Reset CSS”…
PREVIEW DOWNLOAD In this responsive web design tutorial we will create an simple but impressive responsive HTML5 website template from scratch. I tried to include many different features, so we will be dealing with a jQuery, CSS3 transitions and CSS Media Queries. Please note that this tutorial is made for people who already have an intermediate knowledge level. Some…