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

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

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

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

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

Case Study into CSS3 Effects on Popular Websites

May 21, 2012 by Jake Rocheleau

It doesn’t seem like the many CSS3 standards are so “new” anymore. Web designers have been implementing these properties into most of the new layouts I run into. Rounded corners and text shadows are commonplace for the modern web.

I want to use this article as a small case study into CSS3 effects. I’ll be examining some big-name websites and how they are building unique web interfaces. The techniques are not exclusive to any single entity – and it’s actually simple to put together some code of your own. But it is my hope these examples can spur new ideas in budding developers.

Filed Under: CSS

How to Design a Dribbble-Style Homepage Layout

January 26, 2012 by Jake Rocheleau

The popular design network Dribbble has grown substantially in just a few short years. Graphics designers and illustrators from all over the world have flocked onto the web seeking invites. But aside from the exclusivity their layout design has become a prominent factor of the entire branding.

I love the simplistic nature of their gallery-style photo boxes. It matches well with a community of designers excited to share their latest pixels with the world. In this tutorial I’ll go over techniques for constructing a similar design in HTML5 and CSS3. You can build a very similar page structure with just bare-bones essential CSS. Yet when we can utilize new browser-supported properties like box shadows the process becomes much more captivating.

Dribbble home page design layout

Live Demo – Download Source Code

Filed Under: CSS, Tutorial

33 Fresh jQuery And CSS3 Tutorials

December 27, 2011 by Brant Wilson

In this post we have compiled some useful jQuery and css3 tutorials. Enjoy!!

If you like these tutorials you might also want to check out our previous posts below.

33 Excellent jQuery Tutorials

19 CSS3 and jQuery Tutorials for Perfect UI Design

Hover and Click Trigger for Circular Elements with jQuery

Filed Under: CSS, jQuery

22 Useful HTML5 CSS3 Form Tutorials

October 21, 2011 by Brant Wilson

Using HTML5 and CSS3 you can create creative web forms with great specifications. So in this roundup we are featuring 22 CSS3 form tutorials.

Slick login form with HTML5 & CSS3

Filed Under: CSS, HTML5, Tutorial

  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 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