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

Routines for Practicing your Frontend Development Skills

August 15, 2014 by Jake Rocheleau

Let’s face it – any skillset worth acquiring takes time and lots of practice. The most fitting yet ironic way to improve is by screwing up and learning from your mistakes. While this process may not benefit the aspiring counterfeiter, mistakes are often the quickest and most resilient teaching methods. Web development is perhaps one […]

Filed Under: Development Tagged With: css3, frontend, html5, jquery, tips

28 Free Open Source CSS3 Code Snippets

July 10, 2014 by Jake Rocheleau

Web developers are constantly building awesome stuff and releasing the code online for free. Open source code allows other developers to recreate page elements without spending hours of time writing code again from scratch. This can range from website navigation to image sliders and even CSS dropdown menus. As a developer myself I have learned […]

Filed Under: CSS Tagged With: css3, open source, snippets, web development

38 Free Open Source CSS Dropdown Navigation Menus

May 8, 2014 by Jake Rocheleau

Constructing a website from scratch has become easier and less stressful over these past few years. I find myself ripping out fewer and fewer hairs as more open source projects become available. One of the most common UI elements would be a dropdown menu for multi-tier navigation. In the past I’ve written about coding a […]

Filed Under: CSS Tagged With: css3, navigation, Navigation Menus, open source

36 Open Source Twitter Bootstrap Code Snippets

April 22, 2014 by Jake Rocheleau

We all love to save time on frontend web development – especially when you’re coding something every week! Twitter Bootstrap has provided an enormous framework to jump start any new web project. You can find plenty of Bootstrap examples all over the Internet with brilliant designs. But how should you get started coding with Bootstrap? […]

Filed Under: Development Tagged With: bootstrap, css3, frontend, html5, open source

40 CSS Apps, Tools, and Resources for Web Developers

April 9, 2014 by Jake Rocheleau

The task of coding a new website is often repetitive and time-consuming. It takes effort and hard work to build an HTML/CSS layout fitted properly in all browsers. Alternatively the design process is much more fluid to allow for new ideas and thought patterns. If you feel the web development cycle takes a bit too […]

Filed Under: CSS Tagged With: applications, css3, web development, webapps

How To Code a Hidden Dropdown Search Form using jQuery

March 17, 2014 by Jake Rocheleau

Expanding search fields have become a popular choice for designers looking for extra room on the page. Almost every website is going to need a search field somewhere in the layout. It’s practically a necessity for any visitor who is looking for a specific page or bit of information. As trends advance user interfaces are […]

Filed Under: Tutorial Tagged With: css3, howto, jquery, open source, search

Coding a Magazine-Style Blog Post Layout with CSS3 Effects

January 20, 2014 by Jake Rocheleau

Average weblogs have slowly been transformed into content-packed online magazines. Over the past 5 years I have noticed a rise in digital magazines curating their posts online instead of print. One early example would be Mashable but today there are hundreds of different sites. For this tutorial I’d like to demonstrate how to build a […]

Filed Under: Tutorial Tagged With: css3, howto, open source, web development, website layouts

20 Free Open Source CSS3 User Interface Kits

July 16, 2013 by Jake Rocheleau

The power of CSS3 design offers unique trends for building custom website interfaces. And with the help of the open source movement, it is now easier than ever to make your own customized layout design. CSS3 user interface kits have become more common and you can find these published within various websites and blog. For […]

Filed Under: CSS Tagged With: css3, freebie, showcase, ui kit

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

35 Online CSS Design Galleries to Submit your Web Projects

May 6, 2013 by Jake Rocheleau

There have been online CSS galleries running for a decade or longer. These websites are more like curated directories which contain the best examples of website design. I will often use these resources for ideas on new layouts and interface features. CSS galleries are very common and there are so many to choose from – […]

Filed Under: Resources Tagged With: css3, gallery, inspiration, showcase

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

SpyreStudios © 2019