Most designers create their SVGs in software like Illustrator and that’s a legit way to go. But it’s also possible to embed SVG content into a webpage solely in code. No HTTP graphics to download, no extra file to add into the page. This process is slowly growing in popularity...
CSS variables, also known as CSS custom properties, expand the script-like functionality of CSS into something that resembles a programming language. If you’re at all familiar with any type of programming language, you know that variables are the foundation of any action. Variables are set, compared, altered, and saved throughout the program as the means […]
The post CSS Variables: An Introduction, With Code Examples appeared first on SpyreStudios.
The GIF format is just as popular as its ever been. It may even be more popular than ever before. People love sharing short, auto-playing clips on social media. and the GIF accidentally became the chosen format for that purpose. Unfortunately, the GIFs popularity doesn’t mean that the GIF is a good format. While functional, […]
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 […]
You're reading How to Import Custom HTML Email Template from Postcards to Intercom (YouTube Tutorial), originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! In this video, I will show you how to...
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 […]
You're reading How to Import a Custom HTML Email Template from Postcards to Salesforce [YouTube Tutorial], originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! In this video, I will show you ho...
You're reading How to Import a Custom HTML Email Template to HubSpot [YouTube Tutorial], originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Welcome to a new video tutorial where we’ll learn a...
You're reading How to Import a Custom HTML Email Template from Postcards to Zoho CRM [YouTube Tutorial], originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!
You're reading How to Create and Customize an Email Newsletter Template [YouTube Tutorial], originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! In this video, you’ll learn how to create an ema...
You're reading How to Create a Minimalist Website Design [YouTube Tutorial], originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Today I will show you how to create a minimal style website usi...
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 […]
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 […]
The post How to Optimize, Compress, and Save Images For the Web appeared first on SpyreStudios.
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, […]
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. Address The User’s Need Before you build […]
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 […]
The post Why You Need to Include Quality Images And Video in Your Online Content appeared first on SpyreStudios.
The post Getting Started with Chrome Developer Tools: Advanced DevTools appeared first on SpyreStudios.
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 […]
The post Getting Started with Chrome Developer Tools: Inspect Element appeared first on SpyreStudios.
Would you like to create video content that is more engaging and draws in and retains more viewers while also attracting more shares, likes, comments, and other reactions? If you do then you should know that engagement needs to be ‘baked into’ video content, and that starts from the time you sit down and begin […]
Firefox may not be as popular as Google Chrome, but with the release of the super fast Firefox Quantum, it’s likely that the user base will grow in the future. To take advantage of what’s sure to be a growing population of users, you can build a Firefox extension (“add-ons” in Firefox parlance). This actually […]
In this article am going to illustrate how you can change the background color of a button after it has been clicked when using jQuery. This kind of functionality makes a website or web application more responsive and interactive with the user especially when you have many buttons or links and you want your users […]
The post How to Change the Background Color of a Button on Mouse Click When Using jQuery appeared first on SpyreStudios.
Remember the old days of the Internet where you have to scroll sideways? It’s a bit annoying, especially if you’re reading a lot of texts that had been extended to the side. Thankfully, web pages can be coded to wrap text, and you can choose to wrap it according to the text container width or […]
The post How to Change Default Text Wrapping with HTML and CSS appeared first on SpyreStudios.
Google Material Design is a major part of the modern web’s design language. This is especially true for mobile websites and apps. It’s a clean, legible design with visually distinct elements to draw the eye and make user interaction simple. Material design apps, by and large, use flat, paper-based designs that rely on graphic color […]
The post How To Use Google’s Material Design On Your Own Site appeared first on SpyreStudios.
Writing user tutorials is essential to launching any new software project. But writing helpful user tutorials requires a careful hand, with a correct understanding of the user’s needs and expectations. With a solid foundation of empathy and understanding, we can build user tutorials that will educate our users without losing their attention or going over […]
The post How to Write Helpful User Tutorials and Onboarding Guides appeared first on SpyreStudios.