How to Make a Personal Resume Website: From a WordPress Theme
What You'll Be CreatingIn the modern work world, a simple resume is often not enough. Sure, it’s imperative to send it along with any job application, but if you truly want to stand out you need to go a step further. And nothing makes you stand out more than a personal website that showcases your education and experience, just like a standard resume would.However, there are a few reasons why personal resume websites are far better than traditional resumes. In today’s article, I’ll explain the benefits of having a personal resume website and walk you through the steps of how to make your own personal resume website, with help from premium WordPress resume themes.Why Having a Personal Website Is Better Than a Resume AloneA personal website is the most important asset of your professional career. It’s your home on the Internet and you can include as much or as little information as you want. You can present it in a visually appealing way that reflects your personality. Also, you can use it in addition to your traditional resume. Here are four reasons why a personal resume website is better than using just a standard resume on its own:1. A Website Is More DynamicMost resumes follow a traditional one-page format. It goes without saying that it’s crucial to be concise and include only the most relevant information, which doesn’t paint the most accurate picture. Your website on the...
How to Make an Animated Beating Heart with SVG
It’s Valentine’s day! So let’s get into the spirit of things, getting all pink and smooshy in the process, and code ourselves a simple animated beating heart with SVG.
Here’s what we’re going to create:
This is a great exercise for familiarizing yourself with SVG syntax and authentic animation. We’re going to take a premade SVG heart, remind ourselves how the viewBox works, then add an animateTransform element to control the beating movement. After an initial “easy” approach, we’ll discuss what’s wrong with it and make some improvements. Let’s begin!
1. Create a Heart IconIn your vector tool of choice, draw a simple heart icon. It doesn’t need to be perfect, but make it one continuous path for the sake of ease. I created mine on a canvas of 100x100px and filled almost the whole thing. Download the Illustrator and SVG versions of mine if you want to use those.Copy and Paste Into a Text EditorIn most vector applications nowadays you can copy objects and paste the resultant SVG code into a text editor. So do that with the heart object. We’ll come back to this SVG snippet in a moment.
2. Start Writing SVGIn Codepen (or a blanco HTML file) begin by writing the bare bones of an SVG element:<svg width="100" height="100" viewBox="0 0 100 100">
</svg>Here we’ve given our SVG the same height and width as our original canvas. We’ve also set the viewBox at 0 0 100...
20 Best WordPress Resume Themes: For Your Personal Website
Whether you’re fresh out of college or looking to find a better job, you will need a resume to showcase all your skills and help you stand out from the competition.
Nowadays, however, a standard resume or a CV is not enough. A better way to impress HR managers and describe your expertise, education, and experience is to create a personal website with the help of a resume WordPress Theme—like those shown here: Best WP Resume Themes, available for sale on ThemeForest.
A good personal resume website has these key benefits when compared to a standard resume or CV:
It puts you in control: It’s not uncommon for employers to turn to Google when selecting candidates for a position. Your personal website has higher chances of showing up as a top result in the search and it allows you to control which information is immediately visible.
It makes you easier to find: Someone looking to hire a person with particular skills may not know your name but if you take the time to polish the content of your website, you stand a better chance of showing up in the search results when they search for those skills.
It shows off your personality: A personal website lets you show your personality and go into more detail about your previous experience.
What Are the Key Features of Great Resume Themes?
There are many WordPress resume themes available on the market today (such as those...
Animations to Take Your Basic HTML Template to the Next Level
Animations can lift your website presentation to the next level. The right animation will have a positive impact on your site’s UX, reinforcing each interaction and creating a memorable experience. On the other hand, poorly chosen animation can ruin the experience, confuse users, and potentially dampen performance too.
In this article I will share with you some practical animation examples and techniques to make your basic HTML web page shine like a star.Categorizing Animations
To make it easier to work with animation, I first like to classify and organize the different facets. Each animation will have five parameters, with a range of potential values:
Type: single, group, related
Sequence: sequential, random, simultaneous
Event: load, scroll, click, hover, resize, etc.
Size: small, medium, large
Repeat: no-repeat, repeat
Note: this is not a W3C standard, this is my personal system to keep things clear.
Keeping these parameters in mind will help us make better animations. We’ll walk through each of these five things one by one. After
that I will show you how to animate anything on the web using jQuery in combination with animate.css.
There are situations when you’ll need to animate one single
Then there’ll be times when you’ll need to animate grouped elements–siblings–for example: icons, images in a gallery, columns in a single row etc.
New Course: Customize a Template With VisBug
What You'll Be CreatingRecently, we gave you a quick introduction to VisBug, a new browser extension for Chrome that allows you to make point-and-click changes to the look of any website, all from within the browser. In our new course, Customize a Template With VisBug, you'll dive further into the features of VisBug by using it to make extensive changes to an HTML template, modifying both its look and its content.They're both short courses, so you can easily take them one after the other with an all-inclusive Envato Elements subscription.What You’ll LearnWhile VisBug is no replacement for a coder, it can help you to get a major portion of the job of customization done by yourself before you need external assistance.When you have finished this course, you will have modified the color scheme of a premade template from Envato Elements and replaced its images and text content, all using VisBug and a tiny bit of DevTools, without leaving the browser.Watch the Introduction Take the CourseYou can take both our VisBug courses straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. Plus you can download unlimited items from the huge Envato Elements library of 890,000 creative assets. Create with unique fonts, photos...
20 Best Real Estate WordPress Themes for 2019 Websites
It can be difficult to differentiate yourself in the real estate industry, but a beautiful website can certainly help. Finding the perfect real estate theme is a challenge, considering the sheer number of themes available. That’s why we’ve curated a premier selection of our responsive WordPress real estate themes, so you can easily find the features you want along with an attractive site design made for 2019. Best Creative Real Estate Website Templates for 2019 on Envato MarketEnvato Market’s WordPress real estate category, home to almost 200 premium real estate themes has you covered: Best real estate premium templates for 2019, available for sale on Envato Market. Here’s a collection of the best-selling responsive WordPress real estate themes currently available on Themeforest:
1. MaisonCo - Single Property WordPress ThemeLet’s begin our list with a very stylish and elegant theme, built to market a single property. Whether you’re promoting a high-class apartment, a holiday villa, or even office space for rent, MaisonCo puts your property in the right light. Three homepage options, all equally stylish, give you options straight off the bat. The “property showcase” and “schedule visit” form will make your website functional, and the “dynamic nearby places” feature will give users an instant feel for which restaurants and...
An Introduction to CSS Exclusions: The Future of Complex Web Layout
CSS layout has never been more powerful than now. The days of float hacks, margin magic, and all their fragile companions are behind us as our layout dreams are finally on the verge of coming true. Need to center an element? Easy peezy. Want a sticky footer? No sweat. What about achieving magazine-esque layouts? Getting there. “CSS exclusions” is an addition to our layout arsenal that will become another game changer, assisting with whatever complicated layout scenarios we crave. In this article I’ll introduce you to CSS exclusions, and explain how to raise your voice for browser adoption in order to help progress for the future.
Hold on–It Isn’t Ready Yet!
Just like the title says, the spec as of the time of writing hasn’t been fully adopted; IE10+, and Edge 12+ are the current trailblazers. This clearly demonstrates how Microsoft is pushing the web forward by participating and becoming willing to experiment (we have them to thank for the development of CSS Grid if you recall).CSS Exclusions Level 1There are certainly articles that softly suggest it’s a waste of time, or even a pipe dream, but I’m here to say right now (and going forward) that we as developers help to navigate, and lead browsers down the path of initiative and innovation. Our browsers are better than they’ve ever been, and the community they reside within is just as supportive. The time to move forward...
New Course: How to Build Your Website With Envato Sites
What You'll Be CreatingSometimes, you just need to publish a website quickly and easily. You'll learn how to do that (and create a professional-looking end result) in our new course, How to Build Your Website With Envato Sites.What You’ll LearnEnvato Sites is a free and simple website builder that allows you to quickly create and publish a website. In this course you’ll learn, step by step, how to create a simple four-page website by using one of the predefined themes and the available content blocks in Envato Sites. Adi Purdila will show you exactly how to create each page, along with essential elements like the header and hero section. You'll even learn how to customise details like the colours, fonts, site information, and favicon.
Here are some free lessons from this course, as a preview of what you can expect:Creating the Website PagesThe first step when creating your website is to create the actual pages and update the navigation. In this video, you'll see how to create the homepage, a page for your work or your portfolio, one for “about”, and one for contact. The HeaderIn this video, you'll begin building your homepage. You’ll start from the top, so the first piece you’ll create is the header. The Hero SectionIn the previous video, you created and customized the header of your homepage. Now, moving down the page, you'll create the “hero” area. Take the CourseYou can...
20+ Best WordPress Directory Themes to Make Business Websites (2019)
Making your own business listing website can be difficult. Thanks to quality WordPress directory themes, however, you can get the job done right and fast. Listify: multipurpose WordPress directory theme that continues to trend in 2019
Here we showcase over twenty of the best WordPress directory themes fromThemeForest. They’re packed with professional website design features.
What Features to Look for in the Best WordPress Themes for Directory Website
Aside from the obligatory responsiveness and fast loading times, the following features are quintessential for business directory WordPress themes:
Ease of Use - A good directory theme will be easy to use and navigate. Use of search function and the ability to filter the listings is included in quality directory themes.
Integration with Google Maps - Allowing for users to readily find listing locations, such as apartments, tourist attractions, or other featured locations.
Monetization - Easy integration with payment gateways so you can accept payments or ad networks to display ads on your site.
Front-End User Submission - Allowing visitors to add their own business or attraction from the front-end.
Any theme you choose must have these features if you want to have a successful directory site. There just aren’t compromises allowed here. Full-featured, responsive WordPress directory themes.
A Comprehensive Guide to Flexbox Sizing
Flexbox sizing makes it possible to create flexible layouts that fully adapt to the screen. If you set up everything correctly you won’t have to rely on media queries to support different viewports, layouts, and orientations.
In this guide I’ll show you how to use the following flexbox sizing properties:
Filling up Free SpaceOne of the most challenging aspects of writing CSS is figuring out how to allocate the free space that remains on the screen after the page has been populated with content. At some viewport sizes, you’ll often find there’s too much remaining space and you want to fill it with something. At other viewport sizes, you might find there’s not enough space, and the layout breaks in one way or another.Flexbox’s sizing properties allow you to make decisions about three kinds of scenarios:
flex-grow: how flex items should behave when there’s a surplus of free space (how they should grow).
flex-shrink: how flex items should behave when there’s a shortage of free space (how they should shrink).
flex-basis: how flex items should behave when there’s exactly as much space as needed.
As flexbox is a one-dimensional layout, as opposed to CSS Grid which is two-dimensional, you can allocate free space along the main axis (whether that be top to bottom, bottom to top, left to right, or right to left). You can set the direction...
16+ Best WordPress Themes for Writers and Authors (2019)
There is no shortage of professional WordPress themes for making a website in 2019, for every niche imaginable. Whilst you can use almost any theme for your writer’s website, there are some text-based WordPress themes out there that are better suited for anyone who wants to showcase their writing skills.Whether you’re a writer trying to break out into the world of freelancing, an established author looking to create a platform to promote and sell your ebooks, or a pro blogger ready to take your website to the next level and grow your audience; your website should have a professional design with features focused on highlighting the written word. WordPress theme with professional features made for writers and authors.What to Look for in Great Writing Themes in 2019?When you set out to find the best WordPress theme in 2019 for your online writing platform, consider the following features:
Clean and Optimized Typography: A WP theme with strong typographic features will ensure your content is always legible no matter which device your visitors are using.
Responsive and Minimal Design: Consider foregoing flashy design elements in favor of a minimalistic design to allow your content to shine.
Portfolio/Gallery Support: If you’re looking to attract new clients, a portfolio or gallery support is a must to present your content in a visually appealing way.
19+ Best WordPress Themes for Consultants & Coaches (2019)
Helping businesses and individuals increase their revenue, realize their true potential, and accomplish their goals is an exciting and rewarding career. But, as a business coach or a consultant, you need a beautiful and modern online presence.
Having a great business website is necessary no matter what your niche is. However, as a coach it’s critical. Your website will help you get more clients and sell more consulting sessions without you having to rely on cold calls or emails.
With a modern consulting website, you’ll be able to share all the services you offer, add booking forms, and have potential clients fill out questionnaires that will give you the necessary information you’ll need during the coaching call.Coaching and consulting WordPress themes on Themeforest
Whether you’re a high-performance business consultant, financial advisor, life coach, or health guru, the right WordPress theme can help you make a great coaching or consulting website in 2019 more quickly.
Now let’s jump into the most popular coaching and consulting WordPress themes from ThemeForest.
Best Coaching and Consulting WordPress Themes of 2019
Here we showcase the best of our coaching and consulting WordPress themes that will allow you to create a gorgeous and functional website for your business. Browse through them to find the design that fits your business best: