Posts tagged with: jQuery

Welcome to the August 2021 monthly roundup of Web Design and Development resources. This month’s edition features security in web development. No coding environments are becoming increasingly popular but at who’s expense! I’ll be investigating the pros and cons of no or low code environments. On another note, there be the latest and greatest find’s in the web design and development field.

jQuery is one of the most used frameworks there is and it is renowned for being simple, flexible and easy to learn. There are literally hundreds, if not thousands of plugins to choose from. Here are a few plugins that I have previously used or would...

Many years ago web designers were limited to JavaScript when adding functionality to web sites. This was before the official release of HTML5 and CSS3. JS added oomph to any website, making it more appealing and sexy. If the user disabled JS in the browser then web sites had to be functional without it.

In this tutorial, we will highlight hovering over a clickable div which contains an image and a title. With the magic of HTML5 and CSS3, you can now insert a <div> which is a block element, inside of a <a> which is an inline element. Previously this would have resulted in HTML errors. Feel free to check out the code and also the demo which is included.

In this tutorial, I will show you how to display your recent blog posts in your WordPress theme in a news ticker style format using the jQuery news ticker script. If you want to link to the external RSS feed(s) try this tutorial. If you want to add a news ticker to a website that doesn’t use WordPress primarily but features a WordPress powered blog section then try this tutorial.

In this tutorial, I will show you how to display single or multiple RSS feeds using SimplePie in your WordPress theme in a news ticker style format using the jQuery news ticker script. If you want to link to your blog content try this tutorial. If you want to add a news ticker to a website that doesn’t use WordPress primarily but features a WordPress powered blog section then try this tutorial.

The following tutorial will display your latest WordPress posts in a news ticker format. The code is basically the same as my popular post Display Your Latest Posts on a Static Page except that the output is in an unordered list for the jQuery news ticker to work. This tutorial is meant for non WordPress websites to access their WordPress powered blog. To add a news ticker to your WordPress powered blog to display your latest posts try this tutorial. To add a news ticker to your WordPress blog with external RSS feeds try this tutorial.

Being a big fan of jQuery I have put together a selection of jQuery tutorials. Tutorials that range from simple tooltips to navigation menus and image galleries. Do you have any favourite tutorials or do you reach straight for the plugins?

Here is a simple little snippet that uses jQuery to enable or disable text input boxes in forms using a checkbox. When disabling the text boxes it prompts you to confirm it so that you don’t accidentally delete your data. This might be useful for forms elements that need to be enabled or disabled when a certain checkbox is checked like on an options page.

I have been learning jQuery alongside PHP to help with my event manager project. Here is a tutorial on how to get the values of a checkbox array, post it via a jQuery Ajax call and subsequently delete the values from an MYSQL database. This tutorial also makes use of the jQuery UI which we will use to display our dialogues. This script has now been included in wow playground with new and updated features.