Fonts come in all kinds of styles. With so many to choose from, it can be hard for a developer to know where to start. Your brand and voice are identifiable by your colors, photos, other design elements as well as the fonts that you choose.
Use these following tips to help select that fonts that enhance your design.
1. What type of personality matches your brand’s tone?
Are you Traditional, Reliable or Respectable? If so, you want to choose traditional fonts like Butler, Georgia or Times New Roman.
How about Contemporary, Modern or Progressive? Try modern fonts like Simplifica, Raleway or Prime.
Or are you Strong, Bold or Stable? Strong fonts like Glamour, Code or Nexa might work for you.
Maybe you want to convey Elegance, Vintage or Romance. Try handwritten script fonts like Allura, Sofia or Pinyon Script.
If those don’t fit you, you may need a more custom or unique font. Stylish fonts like Butch or Moon may work for you.
2. Is the font easy to read?
Do you have to concentrate to read the words? If you are getting exhausted trying to reading the font, then your customers will too. You want them to be able to read without any effort.
3. Does it look good in different situations?
You want to choose a font that looks no matter what you do to it. When you bold or italicized it. It should be easy to read when large and small. Some fonts look better on top of photos. Your brand colors can affect how readable the font is.
4. Do the fonts look good together?
After you have chosen the type of fonts that convey your personality, you want to pair fonts that compliment each other. You’ll need to decide how your headlines, content and calls to action will look like. Pairing fonts can be challenging. You can learn the basics for choosing fonts that fit your personality.
You can use these additional resources for pairing fonts:
An easy to read dashboard has from 5-9 pieces of information on it. By combining color, fonts and icons, you can make a dashboard simple and easy to use. I found these three examples on CodePen that you can use to inspire your own designs.
Bootstrap 4 Dashboard Stats Example
Bootstrap Dashboard Indicators
When you design a dashboard, you’ll need to use different type of indictors to display information. Herman Starikov shows you how to use Bootstrap to create different indicators. He combines Font Awesome, Flexbox and CSS Animation. Herman also uses icons as decorative background elements. With CSS and Animation, your dashboard doesn’t have to be plain or boring.
Full Dashboard Design
Why use it?
JSON is readable and light weight. It requires less formatting than XML. JSON’s structure is a key-value pair format that is rendered in curly braces. You can choose to use it in a file (*.json), a string or as an object.
How do I create a JSON object?
Use curly braces to define the beginning and ending of the object
Put data in key/value pairs
Use a colon to separate the key from the value
Keys are strings
Values can numbers, strings, objects, arrays, booleans or null
Modifying the website
I tweaked the CSS to put a border on each superhero member to make it look a little more card-like.
Want to improve your skills as a programmer? You can solve a coding puzzle or challenge. By solving different types of coding puzzles, you can sharpen your problem-solving skills.
Why do a coding challenge?
You want to learn a new programming language. You want to practice software design. You want to keep your programing skills current. You want to get ready for a programming interview. You want to have fun completing a challenge.
What can I do with the code from my challenge?
Write a blog post and share your solution. Share your solution on Twitter and other Social Media platforms. Make it part of an app.
Where do I find them?
It depends on what type of coding challenges that you want to do. Some coding challenges are mathematical, front end or part of a competition. You may need to sign up for an account before solving the challenge.
Project Euler has a series of mathematical and computer programming challenges for you to solve. You can use your own computer and favorite coding editor to solve their problems. Then, you can post your solution on their website.
CodePen has themed challenges that help you to improve your skills by building things. You need a CodePen account to sign up.
Scotch.io Code Challenges
Daily Programmer on Reddit
Daily Programmer has 3 weekly challenges. They are easy, intermediate and hard. These challenges are open to beginners and experienced programmers. You need to join the Reddit Daily Programmer community to post your solution.
Whether you want to join a coding community or not, coding challenges can help you to learn more about programming and keep your skills sharp.
What tools do you use for creating great content? Writing is challenging. When you need to write for the web, the pressure to create and publish great content makes it even harder.
You can choose to start writing. Force yourself to start with an idea and a blank page. Which may result in not so great content. Or you can use a tool or framework to plan out what you want to talk about.
You can use simple tools like mindmapping or an outline like you used in school to write an essay. These are great tools for getting started planning. For some types of writing, you are going to need a different technique.
The Core Model
The Core Model
What is the Core Model? It is a tool that helps you to map out your business goals, user tasks and context. The Core Model is useful in deciding how users find the content you are planning and sketching out the main content. It helps you to focus on your business goals and user needs before you start writing.
The Content Framework is a form that you can use to answer questions that are vital to the writing process. Questions like who is going to read this, what business goals does this page support, and what tasks do we want the user to do. It helps you do think about what you want to say and who is your audience before you start writing.
What is Pair Writing? It is borrowed from an agile software development technique called “pair programming“. In Pair Programming, two programmers work together on writing code. One programmer writes the code while the other one reviews it. The second programmer offers suggestions for improvements. The two programmers frequently switch roles. This technique takes longer but generally produces better quality of code.
Pair Writing follows a similar pattern. One person writes while the second person observes, asks questions and provides suggestions. The two writers switch roles to take turns writing and offering suggestions for improvements. This technique can take longer but you get greater involvement from all members of your team.
Writing for the web is challenging. When you have a team of designers, developers, content writers and management, using a writing process like The Core Model makes thing easier. It helps you to plan out your goals, answer questions on what the content should be about and do and create content that focuses on your customers.