Skip to main content Jump to list of all articles

Tag jQuery

Hot Web Design and Development Resources – August 2021

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.

in Web Development

Hot Web Design and Development Resources – August 2020

Welcome to August’s monthly roundup of Web Design and Development resources. In this month’s edition, there have been updates to major players on the web sphere. If you are keen to get into the web development field then I hope you will find the resources helpful. As always there is a little something for everyone. Enjoy!

in Web Development

Coding JavaScript – 10+ Worthwhile Beginner Resources

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.

Will JavaScript ever die? must have been on many peoples minds.  Well, the answer to that is no. JavaScript has become popular over the years. JS Frameworks like jQuery, MooTools, _Underscore, Backbone gave JS a new lease of life.  These 1st generation frameworks are still used in today’s environments.

in Web Development

WordPress HTML5 Clickable Div – Highlight Hover Post

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 WordPress

WOW Playground – PHP Checkboxes Revisited

Having checked back at some of my popular PHP and jQuery posts I decided to create WOW playground which unites all of my previous checkboxes and radio button form tutorials into one handy script.  I have updated to newer, modern technologies like HTML5, CSS3 and PDO, to handle the database.  jQuery and jQuery UI has been updated to the latest versions with a few new features and the odd tweak here and there.

in Web Development

Jquery News Ticker – Display External RSS Feeds

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.

in Web Development

Jquery News Ticker – Display Recent Blog Posts

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 Web Development

Display WordPress Posts as a News Ticker

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.

in Web Development

Top 10- jQuery Tutorials

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? Please feel free to comment.

in Web Development

jQuery Disable and Enable Form Elements Using a Checkbox

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. The code itself is quite self-explanatory but please feel free to ask if you are having any problems.  This script has now been included in wow playground with new and updated features.

in Web Development