TWF Blog What's New?

15+ Handy Online Tools for Web Development

The great thing about web-based online tools is that there’s no need to download or install anything to use them, all you need is a browser and an Internet connection. In this post, I have compiled a list of online tools that you may find useful for your web development….

Using Signature Pad with ASP.NET MVC

Signature Pad is a JavaScript library that allows you to capture user signatures in desktop and mobile browsers. It’s HTML5 canvas based and uses variable width Bézier curve interpolation for smooth signature drawing. The other good thing about the library is it doesn’t depend on jQuery. In this tutorial, you…

How to Prevent Caching in ASP.NET MVC

Any page that potentially contain sensitive information should not be cached on the user’s browser and proxy servers. In ASP.NET MVC, you can use the OutputCache attribute to prevent caching for a controller action. For example: This will result in the following headers: Cache-Control: no-cache, no-store Pragma: no-cache Expires: -1…

Clear Button in Bootstrap Input Group Component

By default, Internet Explorer 10 and 11 show an ‘X’ button (clear button) at the edge of non-empty text input. In this post, we’ll add such button for input group component in Bootstrap 3. It will look something like the following screenshot: HTML We use Bootstrap feedback icon and add…

Copy to Clipboard (Without Flash) Using Copy Command

Recent versions of the popular browsers (except Safari) now support copy to clipboard natively through the document.execCommand() method. Calling the method with ‘copy’ command will copy the current selection to the clipboard. Before the copy command support was added, developers had to use Flash-based approach such as ZeroClipboard to provide…

TWF Bootstrap Starter Template

TWF Bootstrap Starter Template is a custom starter template for Bootstrap 3. This template features a fixed top navbar, sticky footer, and custom content scrollbar, as seen on codesr.thewebflash.com. The vertical scrollbar starts under the fixed top navbar, it does not overlap the navbar. This template also uses the scrollbar…