The PSD to HTML service CodeMyConcept is giving away prizes for two(2) lucky SpyreStudios readers. Grab your chance to win $250 (1st prize) or $150 (2nd prize) worth of PSD to HTML conversion services. The contest is open for anybody to join. The prizes are great and we will announce the winners once the contest […]
Building Internal Content Scrollbars using jQuery
Mobile web applications and some more advanced layouts are commonly seen using internal scroll bars. These are custom-made scroll features which are nested inside another container on the page. I feel these have become more popular since the rise of dynamic content and the popularity of jQuery plugins. Keep in mind that most webpages still […]
Coding a Horizontal Navigation Bar with jQuery Dropdown Menus
It is very common to find dropdown navigation elements within website layouts. Developers use these types of hidden menus for displaying extra links which are typically related to the main topic. Other examples may use sliding panels or varying accordion-style menus to accomplish the same interface. But for this tutorial I want to build a […]
32 Unique E-mail Contact Forms in Website Layouts
Website forms are especially unique in that user input is often garnered based on the sense of design. You do not see people jumping to redesign their forms elements. But a good design can entice users who may be more interested to send you a message. Also designers may improve the general UX to include […]
Collection of 26 jQuery Plugins for Handling Website Media
Over the course of 2012 and well into 2013 we have seen lots of open source projects come to fruition. Developers are more than happy to publish their codes online if not to support and help other developers with the same problems. Most notably the jQuery JavaScript library has grown to amass a huge following […]
How To Build an Alphabetical Page Index using jQuery
Most web developers are probably familiar with the anchor link solution for jumping to sections of the page. You can setup anchor links with a specific name attribute, and use the hash symbol as an href value to skip down the page. This effect has worked fantastic when listing very long sets of data. However […]
Code a Dynamic Questions & Answers FAQ Page with jQuery
You can perform many various effects using the jQuery JavaScript library. It’s an open source project which has been gaining followers for a couple years now. Aside from the many jQuery plugins you can build a lot of custom web functionality right from scratch. I want to use this tutorial to showcase how we can […]
Building a Live Textarea Character Count Limit with CSS3 and jQuery
Dynamic character counters are a common feature which I see requested frequently by web developers. You may have a form input field or textarea for users to enter data but want to limit the content. You could do this using maxlength which has been a property since the HTML4 specs. However we want to provide […]
The Historical Evolutionary Timeline of HTML5
Modern web development trends have improved dramatically in just a few short years. Looking back at the era in 2001-2002 there were far fewer less open source projects available. Not to mention that common libraries such as jQuery were not even created yet! It’s been an interesting history looking back over the web. Developers are […]
Coding a Minimalist Contact Form with CAPTCHA Spam Protection
Website contact forms are almost a staple of the modern day Internet. Most company websites will have a small contact form where visitors can share their thoughts or suggestions to the webmaster. But there are also so many bots available that these forms can become plagued with spam. To counter this we need to setup […]