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

Avoid These When Working on Open Source Projects

November 16, 2020 by Sangalang Kristine

Every website developer should work on open source projects once in their career. It is a great way of getting feedback on works. Working on these kinds of projects is also a good way of learning how to create codes that are flexible enough to fit other developers’ works. Developers could get not only feedback […]

Filed Under: Development, Matrix Tagged With: open source

Recreating Photoshop Effects in CSS – Part 2 – The CSS Code

May 27, 2015 by Jake Rocheleau

In part 1 of this tutorial series I demonstrated how to create vector shape buttons with layer styles in Photoshop. For part 2 I’ll explain how to write code to recreate these layer styles in CSS. Modern development techniques have advanced along with browser support to make CSS3 a viable option for everyone. Photoshop layer […]

Filed Under: Tutorial Tagged With: css3, open source, tutorial, web development

33 Open Source Sass-Based CSS Code Snippets

May 21, 2015 by Jake Rocheleau

Nothing says experienced frontend developer quite like Sass. From agencies to freelancers, it seems like everyone is talking about Sass/SCSS development. Although it may seem daunting at first, Sass is easy to learn with just a bit of practice and patience. Once you understand SASS basics your dev workflow will improve dramatically. Beyond the basics […]

Filed Under: CSS Tagged With: css, gallery, open source, sass

Best JavaScript Libraries for Building Web Interfaces

May 15, 2015 by Jake Rocheleau

Web application development is typically considered the realm of PHP and Ruby. Granted these are both safe and recommended languages for larger applications, but JavaScript has become useful as an intermediary. And with all the free information online it’s easier than ever to teach yourself how to build JS-powered webapps.

Filed Under: jQuery Tagged With: javascript, libraries, open source, webdev

25 Free jQuery Plugins for Custom Tabs & Accordions

April 23, 2015 by Jake Rocheleau

Modern web designers simply adore dynamic page elements. Dropdown menus, carousels, tabbed links and accordion menus are just a few examples. All of these effects can be recreated using free jQuery plugins without much code. The toughest part is finding the perfect jQuery plugin to fit with your current project. In this gallery you’ll find […]

Filed Under: Development Tagged With: gallery, javascript, jquery, open source, plugins

Modern Tools for Advanced CSS Development

December 26, 2014 by Jake Rocheleau

Web development has taken a turn towards more candid and fluid information. More people are willing to release free open source code just to help the community and other developers working on similar projects. But aside from free code samples there are dozens of handy webapps, resources, tools, and programs built to enhance the frontend […]

Filed Under: CSS Tagged With: css, css3, open source, tools, web development, webapps

28 Free Online Tools & Resources for Web Designers

November 27, 2014 by Jake Rocheleau

With the increasing popularity of web design there are more online resources available now than ever before. In the past we’ve covered top design tools that included both premium and free options. But since most designers would prefer to use free tools that $0.00 price tag is much more useful and in-demand. In this gallery […]

Filed Under: Resources Tagged With: fonts, freebies, open source, resources, webapps

33 Amazing Frontend Design Patterns using CSS3 and jQuery

September 25, 2014 by Jake Rocheleau

Website layouts are typically seen as a combination of design and development meshed together. UI design can be performed using graphics software, code, or in most cases both. This subject offers an interesting combination of skills that work hand-in-hand with each other. Frontend inspiration can offer a lot of great ideas for anyone who builds […]

Filed Under: CSS Tagged With: code, css3, frontend, gallery, open source

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

  • 1
  • 2
  • 3
  • 4
  • 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