SpyreStudios

Web Design and Development Magazine

33 Open Source Sass-Based CSS Code Snippets

by

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

30 Content-Heavy Online Magazine Website Layouts

by

Online magazine design is a complex topic, but one consistent element is the value of typography. Great web design hinges on typography and this is especially true for blogs & magazines. The following examples have been hand-picked to showcase excellent typographic techniques for magazine layouts. These websites must account for thousands(or millions) of unique visitors […]

25 Free jQuery Plugins for Custom Tabs & Accordions

by

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

40 Vector Illustration Scenes for Website Layouts

by

Digital art has engorged into a tremendous field of painting, vectors, and even animation. Designers who can build impressive scenes with Illustrator or Sketch have a leg up on the competition. But if you’re still new to vector design it may help to study other work and learn from those with more experience. Dribbble is […]

32 Inspiring Websites for Automotive Companies

by

Car companies are streamlined by some of the most talented engineers of the modern era. Thus a modern website is vital to the success of an automotive company’s product design & branding. Whether you’re creating a new project or doing some freelance work, these automotive website layouts are perfect for anyone in search of inspiration. […]

22 Smartphone Perspective PSDs for Conceptual App Mockups

by

Perspective photo mockups are beyond useful when it comes to interface design. These mockups offer designers the ability to craft pixel-perfect interfaces and display how they would look on a real device. Most files are released as PSDs with editable smart objects. Simply copy & paste the final screen design and the mockup is instantly […]

36 Sketch Freebies for Web & UI Designers

by

Most UI designers have probably heard about the ever-popular Sketch 3. It’s an application built for OS X which combines the detail of Photoshop layer effects with the versatility of Illustrator vector shapes. It’s a powerful piece of software that offers the ideal work environment to craft pixel-perfect digital interfaces. Although Sketch is relatively new […]

32 Shopify eCommerce Websites for Design Inspiration

by

Selling stuff online has moved from a seemingly underground process into a greatly respected career path. Lots of entrepreneurs have accumulated solid revenue online selling physical or digital products. Technology seems to be constantly advancing to keep up with the times and I’m not really sure who is making these advancements – but we should […]

30 Brand New Freebie Vector Iconsets

by

Is there anyone in the design community who truly abhors freebies? Perhaps the Grinch and Scrooge McDuck but I’m not sure their opinions count. Also they’re cartoons. But generally speaking freebies are excellent for crafting swift mockups or learning how to design your own graphics from scratch. Professional designers can make a name for themselves […]