Skip to main content Screen Reader Website Version

Jquery Simple Fadeout

A cute little snippet to show a simple green bar upon a successful edit.

<?php
if(isset($_GET[‘edit’])){
?>
<div id=’notifyy’> Edited Successfully </div>
    <script type=”text/javascript”>
    $( ‘#notifyy’ ).show(function(){
    $(this).fadeOut(5000);
    });
    </script>
<?php
}
?>
The CSS:
#notifyy{width:100%;background:#2f5001;padding:4px 15px;color:#fff;}

Always, Gainesville Web Design

More Web Design Blog Content
Neon AI on a keyboard

How Contractors Can Use AI to Work Smarter, Not Harder

Brought to you by Livewire – Web Design and Digital Solutions for Contractors In an industry where time is money and efficiency is key, artificial intelligence (AI) is no longer just a tech buzzword—it’s a practical tool that forward-thinking contractors are starting to use every day. From saving

Responsive Design and Why it is important for your Small Business Website

Responsive design provides users with quick seamless access to the same content regardless if they are using a smartphone, a tablet, or a laptop/desktop. “Web Design is responsive design, Responsive Wed Design is web design, done right.” – Andy Clarke A responsive design website responds to the device

Haile’s Angels Pet Rescue has a New Website

Customized WP theme – a great choice for a great organization. Haile’s Angels continues to do some great work in our community focusing on our four legged friends. They take in a good number of pets each month and try to find them forever homes. As a no-kill

Using Red In Website Design

A key component of website design is color, and many designers choose the color red in particular. Red is a passionate, vivid color that may elicit strong feelings and emotions, making it a fantastic choice for designing a strong, compelling website. These are several justifications on why red

Session Timeouts

We’re currently fixing a set of issues with a shopping cart created through a different developer for a local client. They did a pretty good job but forgot about session timeouts. A lot of developers gloss over this aspect of their ecommerce site and unfortunately customers pay the

Preloading Images with Jquery

There are times when preloading images is an important step in keeping your site/page/program running smoothly. This is especially true in the era of mobile. Here’s a cute little snippet that does just that. function preload(yourarrayOfImages) { $(yourarrayOfImages).each(function(){ $(‘<img/>’)[0].src = this; }); } preload([ ‘img/image1.jpg’, ‘img/image2.jpg’, ‘img/image3.jpg’ ]);