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

Draw with CSS: Using CSS To Draw Elements

October 22, 2018 by Alex Fox

With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how […]

Filed Under: CSS, Tutorial Tagged With: css, drawing, tutorial

An Introduction to Photoshop Selection Tools

October 15, 2018 by Alex Fox

Your Photoshop selection tools are perhaps the most powerful part of the application. By making effective selections, you unlock the power of the rest of the application. This includes localized image adjustments, compositing, and accurate mockups and object placement. Sloppy selections always show in the final product, so it pays to learn to make a […]

Filed Under: Tutorial, Uncategorized Tagged With: adobe photoshop tutorials, photoshop, Photoshop tools

Tracking Users In An Age of Ad Blockers

July 16, 2018 by Alex Fox

According to the Interactive Advertising Bureau, 26 percent of desktop users employ ad blocking extensions while using the Internet. 15 percent of mobile users employ similar content blockers, with the largest segment of both groups being men between the ages of 18 to 24. While this might be higher among your own peer group of […]

Filed Under: Tutorial, UX Tagged With: ad block, advertising, web design

How to Optimize, Compress, and Save Images For the Web

July 9, 2018 by Alex Fox

It’s not a sudden discovery that the size of web pages are increasing. Developers minify their code, ditch expansive libraries, and shift code to the server side, all in an attempt to shave 100 kB off their code base. You may even be asked to drop valuable libraries like jQuery in an attempt to speed […]

Filed Under: Resources, Tutorial, Uncategorized Tagged With: images in web design, loading time, page load speed, web design

Simple Bootstrap Powered Login and Signup Form

May 18, 2018 by Spyre Studios

bootstrap code

These days, the bulk of the traffic to websites originates from devices other than desktops. A small portion of it is from laptops but the major portion is from mobile devices of various screen sizes. Gone are the days when businesses used to create separate desktop and mobile versions. In addition to being cost inefficient, […]

Filed Under: Tutorial Tagged With: bootstrap, bootstrap code examples

Building Effective Navigation Menus

April 9, 2018 by Alex Fox

Designing effective navigation menus should be a core competency of any decent web designer. A good navigation menu will be short, well-organized, sufficiently descriptive and effective at corralling user intent. There no secret recipe involved: it comes down to empathy for the user and understanding of their intentions.

Filed Under: Tutorial, UX Tagged With: navigation, Navigation Menus, ui, user interface, ux, web design

Why You Need to Include Quality Images And Video in Your Online Content

March 23, 2018 by Spyrestudios Blogger

Conventional online content isn’t enough to stand out any more. If you’ve been producing brilliant blog posts for the last few years, the chances are you’ve enjoyed the success of being one of the first to the content marketing party. Content marketing has been an essential ingredient for online success for some time, but the […]

Filed Under: Blogging, Tutorial Tagged With: how to include quality images and videos in your online content, how to use images and videos, online content

Getting Started with Chrome Developer Tools: Advanced DevTools

March 19, 2018 by Alex Fox

The most common tool in Chrome Developer Tools is Inspect Element. As we’ve covered, this tool allows you to view the CSS and HTML associated with specific on-screen elements. But there’s more power than that within DevTools.

Filed Under: Development, Tutorial Tagged With: developer tools, development, Google Chrome, web development

Getting Started with Chrome Developer Tools: Inspect Element

March 12, 2018 by Alex Fox

Google Chrome is one of the best consumer browsers on the market, but it also contains a number of powerful developer tools. We can reveal some of these tools with Chrome’s Inspect Element (or “Inspect”) tool. This developer tool provides insight into how websites are constructed and styled, and it can help you debug your own […]

Filed Under: Development, Tools, Tutorial Tagged With: developer tools, development, Google Chrome, tools, web design tools, web development

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