There are so many creative ways to embed audio and video content in your website, once you step away from default players and explore custom plugin options. Whether you are showcasing content that you created yourself—as a musician, podcaster, filmmaker, or YouTuber—or simply want to add music or video content to your website, you know… Continue reading 15 Best WordPress Audio Player and Video Player Plugins
Month: November 2018
The Best Online Portfolio Maker Websites for Web Developers
November 30, 2018 by Spyrestudios There are too many people in the world. Back in previous generations, when the population was logarithmically smaller, it was far easier to get the attention of people. There were simply fewer people vying for attention. As any creative can well attest, the days of easy attention are far gone… Continue reading The Best Online Portfolio Maker Websites for Web Developers
Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)
In this tutorial we’re going to take a bunch of ordinary thumbnail links and turn them into a responsive CSS grid gallery with a blurred hover effect. We’ll also use a great CSS trick to make sure touch screen users don’t miss out! Here’s what we’ll be creating: A Little Background Recently, Rachel McCollin wrote a… Continue reading Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)
Five pitfalls to avoid when writing UX research questions
UX research, as a discipline is growing rapidly. When I started my UX career, the few UX researchers I knew about were all based in Silicon Valley and were almost always from a HCI background. Things have changed, for the better, with UX research evolving as a separate discipline and more people becoming UX researchers.… Continue reading Five pitfalls to avoid when writing UX research questions
Boost Your Vue.js Workflow With Vue CLI 3
We can hardly imagine modern web development without the help of Command-Line Interface (CLI) tools. They tremendously facilitate and speed up the development workflow by reducing the amount of repetitive and tedious tasks. Setting up a project manually, with all the linting, building, testing, preprocessing, optimizing, and dependency tracking features, doesn’t sound like a fun… Continue reading Boost Your Vue.js Workflow With Vue CLI 3
Create Style Variations for WordPress Gutenberg Blocks: Part 1
Now is an exciting time for WordPress developers with the official release of version 5.0 just around the corner. This will mark the debut of the brand new editor, code-named Gutenberg. If you have anything to do with WordPress on a regular basis, whether as a developer or as a user, then you’ll probably understand… Continue reading Create Style Variations for WordPress Gutenberg Blocks: Part 1
How to Pick the Best Prototyping Tool for Every Project
“If a picture is worth 1000 words, a prototype is worth 1000 meetings.” – David Kelley, Founder IDEO Every prototyping tool has its own particular strengths and weaknesses. Without having tried them all, it’s hard to know which are the best for your needs. Most articles tend to just list many different tools and make you… Continue reading How to Pick the Best Prototyping Tool for Every Project
How to Create a Vintage Photo Effect in a Sergey Prokudin-Gorsky Style
What You’ll Be Creating This week is dedicated to Russian culture, so I would like to introduce you to the artworks of the famous Russian photographer Sergey Prokudin-Gorsky. He made a large number of color photographs of the early 20th century using his three-image method of photography. He was able to capture in his photos not… Continue reading How to Create a Vintage Photo Effect in a Sergey Prokudin-Gorsky Style
Animosa: Free sans-serif font family
Animosa is a free font family, “high in spirit and even in temperament” as its creator Stefano Giliberti says. Font is freepersonal and commercial use and it provides support for 93 languages, 508 glyphs and 5 weights! Animosa is very versatile, you can use it for web and any other graphic design project (e.g. poster,… Continue reading Animosa: Free sans-serif font family
Perfect Holiday Gift Ideas for Designers
We know that designers are usually very unique people – it takes a certain type of artistic, crafty, and inspirational individual to become one. So why not take inspiration from what your fellow designers love to do the most and give them a unique present this holiday season that screams it was meant for a… Continue reading Perfect Holiday Gift Ideas for Designers
How Graphic Designers Can Work With Web Designers
November 28, 2018 by Spyrestudios Graphic design and web desig overlap a lot in the modern marketing world. For this reason, it can be challenging for graphic designers to showcase their value apart from larger web design agencies. On the other hand, graphic designers may not be able to identify why they should work with… Continue reading How Graphic Designers Can Work With Web Designers
Heuristics and the Wikipedia of Galactic Babel
Photo by Jeremy Thomas on Unsplash Galactic Babel What would you do if I didn’t smile at you? I mean, not me in particular, but me as the stranger that you passed yesterday morning while checking the mail. You said, “hello,” because you’re a nice person — everyone knows that. But I didn’t respond. I grimaced. And I’m… Continue reading Heuristics and the Wikipedia of Galactic Babel
Freebie: Luxury Wedding Logo Template (PSD)
Free download beautiful and luxury wedding logo templates used as a wedding monogram for your wedding stationary for example, on save the date cards, your cake, cocktail napkins, table numbers, menus, your presents or candies, as a gobo for floor or wall projection, on place cards, on wedding photo backdrops, for wedding photographer, photo album, wedding lawn, boutique, jewelry… Continue reading Freebie: Luxury Wedding Logo Template (PSD)
CSS Variables: An Introduction, With Code Examples
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… Continue reading CSS Variables: An Introduction, With Code Examples
Codester – A Developer’s Helping Hand
Let’s say you are a developer with hands full of new jobs and opportunities, a lot to do and so little time to finish your project and meet your client’s needs. You know what to do, you just need some trustworthy help. Or, you could be on a quest to find your place in a… Continue reading Codester – A Developer’s Helping Hand
Building a Legal Website: 5 Major Mistakes to Avoid
If you are a website designer, you probably already know that every niche is different and there are certain rules to follow if you want to meet the users’ expectations. Some designers have already learned from their own mistakes but if you have almost no experience designing legal websites, it is better to be safe… Continue reading Building a Legal Website: 5 Major Mistakes to Avoid
35 New Useful Free PSD Mockup Templates
Another big list of 100% free realistic PSD Mockup Templates, all are available for commercial and personal use. Free product presentation mockups uses smart object feature which help you change the design just in seconds. In this showcase there are professionally designed product presentation mockups included like iPhone X mockups, branding, stationery items, logo, t-shirt mockups, packaging mock-ups in different perspective angles and styles. Ultra… Continue reading 35 New Useful Free PSD Mockup Templates
Try This New Short Course on JavaScript Form Validation
JavaScript form validation is now a lot easier than it used to be, thanks to HTML5 and the Constraint Validation API. Learn how it works in our new short course, Practice JavaScript and Learn: Form Validation. What You’ll Learn In this short course, Jeremy McPeak will show you how to take advantage of the Constraint… Continue reading Try This New Short Course on JavaScript Form Validation
25+ Best Free Gothic Fonts for Fantasy Lettering Art Designs
Need a Gothic font that is also free? Then dive into this amazing list of freebies below! The Best Free Gothic Fonts So what is a Gothic font? Gothic fonts draw their influence from the medieval period in European history. Now designers use this inspiring age to create artistic recreations of blackletter handwriting and hand-made… Continue reading 25+ Best Free Gothic Fonts for Fantasy Lettering Art Designs
Nappy: a digital solution to nap at work — a UX case study
Nappy iOS app design During my bootcamp to learn UX/UI at Ironhack Paris, I had to create a digital solution in the wellness field. I decided to focus on tiredness at work. In less than two weeks, my goal was to identify the problem regarding how to deal with tiredness at work & solve it. To… Continue reading Nappy: a digital solution to nap at work — a UX case study
Target CSS for Specific Content With WordPress Template Tags
What You’ll Be Creating Learning WordPress development isn’t just about learning to code PHP. You’ll also need some HTML and CSS skills if the sites, themes and/or plugins you create are going to work well. In this tutorial, I’ll show you an incredibly useful feature of WordPress that mixes PHP with some simple CSS. It’s… Continue reading Target CSS for Specific Content With WordPress Template Tags
3 Signs It’s Time For a Logo Refresh
The logo has an incredibly important meaning in every company. It is a face of your brand, so everyone wants their logo to be to most amazing. However, each company needs to be constantly developed in order to be successful and so does the logo. Is it time for a logo refresh in your firm?… Continue reading 3 Signs It’s Time For a Logo Refresh
Using Figma for SVG Design
Figma is becoming very well known as a UI design tool, but on top of its excellent performance in this arena, it is also becoming a favorite for its robust vector design tools and SVG capabilities. In our new short course, Using Figma for SVG Design, you’ll learn how to use Figma for vector editing… Continue reading Using Figma for SVG Design
27 Simple & Clean CV / Resume Templates with Cover Letters
Professional, simple and clean CV /Resume Templates ready to print design can help you land that great job. All resume templates are fully customisable; easily edit the typography, wording, colors and layout. These cv/resume template are perfect for those who want to make a good impression. All templates are perfect for photographers, designers, and developers with easy to customize fully Photoshop layered PSD files.… Continue reading 27 Simple & Clean CV / Resume Templates with Cover Letters