Bootstrap 5 CheatSheet – This interactive reference will help you navigate the latest version of Twitter’s CSS framework.
Make Animated Content Placeholders with HTML and CSS – Add user-friendly placeholders with this tutorial.
Why Is Focusing on Long-Term Goals So Difficult? – Ways to help you home in on the future of your design business.
Exploring the Complexities of Width and Height in CSS – A look at how CSS computes the width and height dimensions of elements.
Rotating Loading Animation of 3D Shapes with Three.js – An example of rubber-like 3D shape rotations that are perfect for loading animations.
Majesticons – Check out this free collection of 200+ scalable SVG icons.
As a Designer, Is Failure a Necessary Part of Success? – Failure isn’t fun. But it can provide you with valuable life experience.
Is it really a design system? – One company’s journey in building a design system (or not).
Continuous Typography Tester – This tool will help you see how type changes at different viewport sizes.
Trispace is now on Google Fonts – Use this free, versatile font with a whopping 40 styles in your projects.
How to pick a Typeface for User Interface and App Design? – Helpful tips on choosing the right fonts for your UI.
Barebones CSS for Fluid Images – An in-depth look at ensuring your images scale on every screen size.
CSS Stripes Generator – Use this browser-based tool to create beautiful striped patterns.
BlobsIcons – A colorful collection of 300+ free icons.
Color Spark – An open-source color scheme library for Figma.
The post Weekly News for Designers № 579 appeared first on Speckyboy Design Magazine.
Potential employers are busy people. They have the time-consuming task of reading many applications and resumes before finally selecting the perfect person.
When you have the task of looking through so many resumes, you’re not only looking for those candidates that have the most experiences and best skills, you’re also looking for, especially when applying for jobs in the creative industry, something memorable and unique.
And that is where the design of your resume plays such a critical role in the application process.
There are plenty of web-based services for creating a resume, and yes, the internet is chock full of free resume templates, but not many of those have been built with much creativity in mind. They certainly don’t consider modern design trends, nor do they take into account the competitiveness of applying for a creative role.
The free resume templates we have for you have all been created by designers for designers. They’re all perfect templates for creating your own resume that will hopefully help you land your dream design job.
If you’re looking for HTML & CSS resume templates, take a look at this post: 10 Free Professional HTML & CSS CV/Resume Templates.
This clean resume template can be edited in Photoshop. The template has a minimalist design with pops of yellow that bring attention to different resume sections.
This resume template has an elegant design and features 2 pages for the resume which can be edited in Photoshop, InDesign, and Word. The resume also comes with a matching cover letter.
Make a great first impression with a resume that features beautiful and bold typography. This template can be edited in InDesign as well as in Microsoft Word.
Blair Reed is a professionally designed and elegant resume template for Word that would be perfect for all creatives.
This minimalistic resume template has a clean design that’s neatly organized into two columns. There’s also room for your profile photo and the template can be edited in inDesign and Word.
The Asana resume template and cover letter is perfect for showcasing your education, skills and accomplishments. It comes in Photoshop PSD and Illustrator AI formats.
This resume template has a bold and unique design that’s perfect for promoting your skills and projects. The template can be edited in Illustrator and features a two-page design.
This resume template is available as a part of your Envato Elements subscription and features a classic resume design. The template can be edited in InDesign and includes a matching cover letter.
If you want a more traditional design, be sure to take a look at this resume template. It uses a two-column layout and has enough space for your education, work history, and skills.
The Vanessa resume is a modern and creative resume template with a two-column layout. The template can be edited in inDesign.
Try this resume template if you’re on the lookout for an elegant resume design. The template comes in two paper sizes including US Letter and International A4 and can be edited in InDesign.
Use this resume template if you’re applying for a corporate position. The template has a two-column layout with a dark sidebar and has enough space to include your profile photo at the top.
This resume template can be edited in Illustrator, Photoshop, and Word so you have plenty of possibilities to customize the design. The template includes a single-page resume and a detailed help file.
This is another resume template designed in minimalistic style and is perfect for any type of job. The template can be edited in Illustrator.
When you download this resume template, you’ll get a complete package needed to impress your clients. The set includes a resume, cover letter, and a business card and can be edited in Photoshop.
If you want a creative resume design, be sure to take a look at this resume template. You can edit it in Photoshop and use it to apply for a job in any creative field.
This resume template has a clean, two-column layout that’s easy to edit. The template was designed in Photoshop and comes with well-organized layers.
Check out this resume template featuring a modern and minimalist design. The template includes a one-page resume made with Adobe Photoshop and well-organized layers for easy editing.
This resume template was designed in Illustrator and contains a two-page resume along with a matching cover letter. Thanks to its minimal design, it can be used for any type of job application.
Capture the attention of any employer with this beautiful resume template. It has a beautiful header image and uses modern and clean typography that’s easy to read.
Thanks to this resume template, employers will be able to easily put a name to a face. The template features a two-column design and can be edited in Photoshop.
If you prefer to work in Sketch, don’t miss this template. It has a simple, one column layout and elegant section borders that add a touch of organization.
This resume template has a high-end design which makes it a great choice if you’re applying to work in a fashion, beauty or jewelry industry. The template can be edited in Word and InDesign.
Here’s a resume template that’s easy to edit in Photoshop. It has well-organized layers and a bold design that’s sure to capture the attention of any employer.
This clean resume template has the standard two-column layout where you can easily showcase your education and work history in the larger column and use the sidebar to share your contact information and skills. The template can be edited in Illustrator.
The post 20 Beautiful & Free Resume Templates for Designers appeared first on Speckyboy Design Magazine.
Designers often like to critique other designers. It’s just a natural side effect of being creative. We see a website or app and immediately start looking at how it all fits together. What challenges might have our brethren faced along the way? Would we have done anything differently?
Of course, no designer is perfect. We all have those projects in our portfolio that we’d like to forget. But let’s not dismiss the role clients play in this chaos.
More often, a questionable decision comes down to an opinionated client. No matter how much we try to sway them, they’re going full speed ahead towards a design disaster. I’ve experienced this more times than I can count. Eventually, it becomes pointless to continue pleading your case.
Today, we’re going to celebrate (or roast) the features that we implement in order to keep clients happy. No, they don’t meet our highest ideals. In fact, we’d probably rather hide under a blanket than have them tarnish our street cred. But we go along in the spirit of compromise (and wanting to get paid).
Home Page Sliders
Sliders and carousels have been used as a key component of home pages for years. Yet they are often lamented as ineffective and difficult to use. This doesn’t mean that they aren’t of some value – just not the perfect solution they’re made out to be.
Yes, you can place a lot of information into a limited amount of space. But it can get to the point where you’re expecting users to navigate through irrelevant options or (even worse) wait for the information they need. Not to mention the sometimes-overdone special effects and their impact on performance.
Still, it can be a challenge to steer clients in a different direction. I’ve had several experiences where a client overruled a static hero area in favor of a big old slideshow.
Why? It might be because you see sliders pretty much everywhere. And if the competition is using one, you may as well jump on the bandwagon. In these situations, all you can do is try to make the feature as unobtrusive as possible.
Multicolumn Text Passages
There are a number of print design staples that work nicely on the web. But some are geared towards dealing with the limited space on a printed page – a challenge that doesn’t impact websites so much.
Multicolumn text would fit into this latter category. You see it all the time in newspapers and magazines. Articles span across multiple narrow columns in a smallish font. It’s a great way to squeeze a lot of content onto a page.
But when you see this technique on the web, it generally makes content more difficult to digest. This particularly true on large desktop devices, where content widths could be well in excess of 1,000 pixels. Attempting to read anything of significant length is frustrating – particularly if scrolling is involved.
I recently encountered a long press release utilizing this format. The only thing I could do was mutter an exasperated “Why?” under my breath.
Inaccessible Color Schemes
Clients can be very insistent when it comes to their website’s color scheme. It’s easy to see why. After all, colors are a vital part of branding and public image.
Color also plays a huge role in website accessibility. We designers have had this concept drilled into our heads over and over. If you don’t implement acceptable color contrast ratios, your website won’t be accessible. Simple as that.
But you still see some really funky color combinations that give even those with 20/20 vision a hard time. Strangely, it’s not just outdated mom and pop websites that have their colors mixed up. You’ll also find the occasional big brand that has lousy contrast ratios.
However, there may be some hope in this area. With designers pushing accessibility harder than ever, and with so much at stake, clients will hopefully come to their senses. Besides, there are plenty of creative ways to use a brand’s color scheme while keeping accessibility at the forefront.
Modal Windows
Remember those old pop-up ads from the early 2000s? You’d visit a website and be inundated with little windows scattered across your screen. Common decency (or, more likely, browser technology) knocked them out of existence years ago – only to be replaced by modal windows.
Modals are certainly sleeker and can be effective under the right circumstances. But, like their popup ancestors, they can be easily abused. What users are left with is a barrier to entering (or leaving) a website and doing something useful.
Clients tend to think that modals are great attention-getters. Maybe so, but they are just as likely to annoy a potential customer. Therefore, you’d better have some killer content inside that little box.
The worst abuse? When you dismiss a window, only to have it show up the next time you’re on the site. That’s just plain cruelty.
Chatbots
I’m probably going against the grain on this one. But I can’t think of a single instance when a chatbot was actually helpful to me. Sure, they can be rather polite. At the same time, they tend to run users around in circles.
It has become the web equivalent of telephoning a large company. Only instead of feverishly dialing “0” to speak to a human, you now have to type in multiple phrases, hoping to elicit signs of intelligent life.
Beyond that, these contraptions can’t provide you with anything that you couldn’t already get by using a search feature. Only the trusty search bar is more likely to direct me to the right place – and without asking me how I am. Like they really care?
Clients tend to see this as a way to personalize their website. It’s like having a customer service representative on hand 24 hours a day. They only think this way because, well, they don’t have to actually communicate with the chatbot.
The Price of Keeping Clients Happy
Many of us in the web design industry like to think of ourselves as purists. We heed the instruction of knowledgeable peers and try to build projects that follow best practices. But the reality is not so simple.
Whether we realize it or not, web design is a service industry as well as a creative one. We serve our clients and work with them to produce a satisfactory result.
And no matter how much good advice we give, the final decisions still rest with the client. Sometimes, despite our efforts, they make a choice that goes against our wishes. So be it.
With the exception of accessibility, the items above may not be our taste – but they won’t lead to the end of civilization (there are plenty of other people working on that). In the end, it’s about making the most out of a project – no matter what obstacles we face.
The good news is that we still get to make those fun critiques. Doesn’t that make you feel better?
The post My Client Made Me Do It: True Tales from the Grumpy Designer appeared first on Speckyboy Design Magazine.
