SpyreStudios

Web-Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

40 Impressive HTML5 Templates for Entertainers and Creative Designers

November 11, 2013 by Jake Rocheleau

Website templates are some of the best ways to get started on your next project. Without needing to design a full mockup you can jump right into somebody else’s code and get things moving forward. You’ll save a lot of time on the backend, which allows you to focus more on the website content and […]

Filed Under: Resources Tagged With: html5, premium, templates, website layouts

Create an HTML5 Inline Text Editing Page Effect using jQuery

August 20, 2013 by Jake Rocheleau

After testing many jQuery plugins recently I have found something exquisite. The Popline.js script allows inline-editable content from users. It will generate a unique toolbar for creating headers, formatted text, hyperlinks, and other neat features. You can also generate a separate view-only mode where visitors can share content out to social networks, or search the […]

Filed Under: Tutorial Tagged With: editor, howto, html5, plugin

CodeMyConcept Giveaway: $400 Worth of PSD to HTML Services

June 14, 2013 by Jake Rocheleau

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 […]

Filed Under: Giveaway Tagged With: coding, contest, giveaway, html5, psd

Building Internal Content Scrollbars using jQuery

May 31, 2013 by Jake Rocheleau

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 […]

Filed Under: Tutorial Tagged With: css3, dynamic, howto, html5, javascript, scrollbars

Coding a Horizontal Navigation Bar with jQuery Dropdown Menus

February 22, 2013 by Jake Rocheleau

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 […]

Filed Under: Tutorial Tagged With: css3, html5, jquery, open source, tuts, webdesign

32 Unique E-mail Contact Forms in Website Layouts

February 15, 2013 by Jake Rocheleau

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 […]

Filed Under: Design Tagged With: contact, css, forms, html, html5, input, inspiration

Collection of 26 jQuery Plugins for Handling Website Media

February 13, 2013 by Jake Rocheleau

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 […]

Filed Under: Resources Tagged With: audio, download, html5, jquery, plugins, showcase, video

How To Build an Alphabetical Page Index using jQuery

December 20, 2012 by Jake Rocheleau

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 […]

Filed Under: Tutorial Tagged With: anchor links, howto, html5, jquery, tutorials, tuts

Code a Dynamic Questions & Answers FAQ Page with jQuery

November 23, 2012 by Jake Rocheleau

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 […]

Filed Under: Tutorial Tagged With: coding, css3, howto, html5, javascript, jquery, web development

  • « Previous Page
  • 1
  • 2
  • 3
  • Next Page »

Search SpyreStudios

Web Design Jobs

Development & Programming Jobs

Graphic Design Jobs

Computer & IT Jobs

UX Design Jobs

LiquidWeb

Level up professionally!

Coursera - Hundreds of Specializations and courses in business, computer science, data science, and more

Envato

SpyreStudios © 2021