Parallax Effect in Photography [Photoshop tutorials]


This time, Chris from Spoon Graphic blog will show us how to create the parallax effect with three cool examples. It is not the usual step-by-step photoshop tutorial (hence the 6 minute length), but it does gives us a lot of useful tips and tricks.

And that’s all for today. What do you think about our list? Do you feel interested to try any of them? If you think there is another cool tutorial we forgot to add, please share it in the comment section.

In this 12-minute video tutorial, Brandon Bradley will guide you on the necessary steps to convert your standard 2D photo into a fun 3D parallax video.

Made by Lankapu Chen, this tutorial is a 2-parter, each less than five minutes long. It shows us the basics on how to collaborate Photoshop and After Effects to create a simple parallax effect with two flowers patches.

This video from 2-minute Design channel will show you how to achieve parallax effect using only Photoshop CC. The video is short (hence the 2 minute timeframe) but it does give us a lot of tricks on how to deliver this effect.

cover-tutorial

Check his work in this video below:

In this professionally done tutorial, Joe Fellows shows us how he’s able to bring photos to life using the parallax effect with Photoshop and After Effects. It’s so exciting to watch because with the right tools and creativity, we can “freeze time” or imitate a “slow motion scene” with these tricks.

Parallax Effect – 2-Minute Design

Inspired by Joe Fellow work’s for WWF, Patrick David played around with open source software to achieve the 2.5D parallax effect. You guessed it, he successfully combined Blender and Gimp to achieve the parallax effect. You can read his full step-by-step guide here.

Animate Photos in Photoshop – Michael Tierney

And here is another good example:

Here is an example of the parallax effect in action to illustrate what I’m trying to describe.

2.5D Parallax Effect Photoshop Tutorial – Spoon Graphic

The effect can also be called the 2.5D parallax effect. 2.5D refers to the visual depth perception in an otherwise 2-dimensional image or view. If you want to adopt this parallax effect in your photographs, you can, with the help of Photoshop.

Ken Burns Effect – Photoshop Training Channel

We’ve been collecting some of the best tutorials on Parallax in Photography. Some of them may require extra video editing software like Adobe After Effects to execute. If you don’t have it, you can check out the tutorial which creates the parallax effect with open source software.

Parallax Effect Tutorial – Lankapu Chen

Create a 2.5D Parallax Video – Brandon Bradley

In under 5 minutes Steve Martin will teach you how to to "fake" the popular parallax effect in Final Cut Pro X. He will show you how to use Pixelmator to create two layers, then import them into FCPX. The finished result looks very cool.

How To Animate a Photo – Joe Fellows

The Parallax Effect is also known as the Ken Burns effect, which is named after the filmmaker who made this effect his signature visual style in his documentary films. This technique is a panning and zooming effect that is used to create something like a video from still images. The zooming and panning across photographs gives the feeling of motion, which keeps the viewer visually engaged.

Using only Photoshop layers and a timeline panel, Michael Tierney guides us on how to animate more complex parallax photos comprising buildings and a bridge in the shot. In 12 minutes, you would know more about creating parallax effect than before.

2.5D Parallax Effect using free software – Patrick David

Photoshop Training Channel give us this awesome 30 minute long step-by-step Photoshop tutorial. What these guys do differently is animate both panning and zooming simultaneously, which is super cool. They’re using Photoshop CS6 in this tutorial.

Faking a Parallax Effect in Under 5mins – steve Martin


40 Mobile Apps Onboarding Designs for Your Inspiration

This onboarding design is part of of a presentation for an app called Bemyspot which appears to be shopping app that rewards you for selfies, discovering new spots and social sharings. It is designed by Rosario Sarracino and Ivan Paudice.

Here is a smart use of icons on walkthrough screens. Green highlights on illustrations with greyed out portions look great. Designed by Nitesh Chandora.

The onboarding screens describes an app that is fast, mobile, and friendly with appropriate illustrations that get the message across. Designed by Wayne Baryshev.

Check out these smooth illustrations and animated onboarding screens by Virgil Pana for inspiration. It’s designed with an education institution in mind.

Drawn and designed by Anandu Sivan, here are some funny and creative illustrations on the tutorial screen of an app. It doesn’t say however what sort of app it is but the illustrations deserve a highlight.

onboarding-animations

A walkthrough screen for an app which finds identical photos on your computer and phone and removes them. This creation by Tetiana Zahorska plays with the white on bold background color approach.

user-onboarding-screen

I like the human illustrations and different background colors used in this onboarding app by Melvin Johnson. This will probably stay a concept since it became too fun for its original purpose, as mentioned by the designer.

bemyspot

Speaking about colors, these onboarding screen by Dux Nguyen are amazingly bright and colorful. They clearly show that you can play games with your friends and chat with this app.

onboarding-screens

George Gao chose grey as the running color theme for these onboarding designs. The mascot is a nice touch, and it makes an appearance on every design for continuity.

space-onboarding-screen

These illustrations by Ivy Mukherjee are funny and creative, however, the wordings are a bit small and difficult to read. This however is the perfect example to show why well-done illustrations play a major role in the onboarding experience.

the-planet

"May the force be with you!" An onboarding screens where the planets get a makeover; inspired by Star Wars, created by Anton Chandra.

debut

The very first thing users see when downloading an app these days is an onboarding screen. An onboarding screen is like a walkthrough, aimed to introduce what an app does to a user and of course how to use it. Thta’s the simplest way of describing it. Designing it however is a totally different thing.

bicycle-event-onboard

These illustrations are similar to the orbital stylings of Ghani Pradita but are adopted throughout all the onboarding designs. These designs are by Faiz Al-Qurni.

ios-app-illustrations

This is one more onboarding screen with awesomely minimalistic illustrations with a green-eco theme going on. Navigation buttons are placed at the bottom of the screen for convenience. Designed by Martin Strba.

onboarding-walkthrough-screens

But let’s take a look at these 40 examples of onboarding screen designs from creatives from all over the world then you can tell me in the comments whether or not you are on board with the onboarding screen idea.

onboarding-screens

These are onboarding screens for budget hotel apps. Blue and white seem like a safe but still relevant color combination for a hotel booking app. This is designed by Muhammad Watsik Dzawinnuha.

world-places

We finally see an onboarding screen design for e-Commerce, an industry that probably needs this type of design most. These are created by Katya Dihich to aid in the shopping process.

onboarding-screen

The onboarding illustrations for what seems to be a travel app features sceneries on the same rounded mountainous background. Designer Anggit Yuniar Pradito has a few more onboarding design ideas in his portfolio.

diaryibadah-guidescreen

In a few line illustrations Aika explains what you can do with this travel app. You can slide the screens or close them with the X.

onboarding-screens

Sasha Gorosh produced an engaging and fun onboarding screen inspired by Space travel. The illustrations are simple and can get you "on board" in no time.

onboarding-screens

Such playful illustrations will definitely make the onboarding experience more enjoyable. As you may have already guessed, these screens are made for a florist app. A nice color scheme and design by Jocelyn Crankshaw.

onboarding

These funny screens encourages you to find some food. I love the way illustrations are connected on both screens in a step-by-step way. This is designed by Syafrizal Wardhana.

onboarding-screens

Sometimes illustrations can take a secondary role in delivering instructions, like how Carlos Ramos does it. These drawings are smaller but still detailed.

onboarding-screen-illustration

The chat bubbles and the globe on the illustrations are drawn quite detailed. I can imagine how great it would look as an animation inside any discovery app. Nice work by Ghani Pradita.

e-commerce-onboarding-screens

This is an onboarding design for a lock screen but which fits for a weather or travel app as well. Brilliant use of colors. The designer Xiu Yuan has more oriental designs in her portfolio.

greeting-screen

Jinyi Fu shows you how to pair colors and bold illustrations. It probably is still a work in progress because it lacks the text to give meaning to the drawings.

zing-play-onboarding

A greeting screen designed by Anggit Yuniar Pradito, this one shows a successful booking and isn’t afraid of using more than just one or two colors. Simple and minimalistic.

onboarding-preview

These are onboarding designs for an international calling app by Ivy Mukherjee. The bright green color scheme reminds me of WhatsApp.

mobile-onboarding-screen

A clean and funny onboarding screen designs by Anwar Hossain Rubel for a travel app. I like the watercolored clouds on the background and colorful dots which add something magical to the design.

onboarding-screen-chinese

The layout, gradient, illustrations and use of color in this design is amazing. The CTA button is highlighted in orange which looks strangely awesome upon a deep blue background. A nice design by Murat Gursoy.

app-onboarding-mockup

Each image on these screens is placed into postage stamps which alludes to the service it provides: delivery. Anastasiia Andriichuk understands that humor goes a long way as shown by astronauts and hot air balloons doing the deliveries.

finance-app-intro-screen

Here is one more onboarding screen design created by Anton Chandra. Anton has a space inspiration thing going on in his designs, including this one.

travel-onboarding-screen

These colorful screens for the ModMom app is pretty much the most welcoming of all the designs featured on this post. The funny background illustrations also help. Stunning work by Staci Carpenter.

onboarding-screen

These onboarding screens are my favourite. I love the use of illustrations and the color scheme here. They look minimalistic, detached, yet still meaningful. Designed by Mariusz Onichowski.

onboarding

These illustrations show different places to visit around the world. It looks like a concept of onboarding for a travel guide app. Brief descriptions of the locations add to the allure. Another great piece by Anton Chandra.

tutorial-screens

I love the use of outline buttons here by Wenhui Yu. The designs looks light and minimalistic, in spite of the general use of bright colors and clever illustrations.

sembako

An onboarding screen needs to be designed in the most simple, welcoming and user-friendly way possible. Onboarding screens like empty state pages created to inform and educate users. Not every app needs an onboarding screen although I think onboarding screens save users from the frustration of having to figure out on their own that new app they are trying out.

app-onboarding-screen
weelio-onboarding

These cute little people were drawn to show you the app’s possibilities and features. They look pretty cute, in serious working mode, bu still cute.

modspot

Ray Martin created these for a social app. The use of gradient onboarding screens for the app called Vue gives off a stunning effect. Sometimes we just have to be brave with color choices.

kptncook-screens

These onboarding screen were made for sea transport app. I think that day and night in the designs shows that this transportation company works 24/7. The influence of Material Design is strong int his one, by Ivan Bjelajac.

onboarding-screens

These onboarding screens seem to have their own personality. Each screen is highlighted with different colors and a person-centric illustration. The designer, Min had fun with this project.

onboarding-screens

A recipe app with fun possibilities, the onboarding designs here created by Eva Hoefer really drive home the idea of how to use this app.

onboarding-screens-interphotos

Another Wenhui Yu creation, this one uses photographs insead of illustrations. It’s for a fun fashion app for teenagers and the designer nailed it.

onboarding-screens-modmom


How to Refactor CSS – A Guide

After a while, CSS files usually begin to abound in unused rules that we need to identify and clean out during refactoring. There are many online tools that enable us to investigate these obsolete rules, and sometimes also allow us to quickly ditch them.

If we want to play safe with our CSS file structure, there are also ready-made architectures, such as SMACSS or ITCSS, that offer effective techniques about how to organize CSS files in a scalable way.

The best-known tool for this purpose is probably UnCSS, a Node.js module that makes it possible to get rid of unused CSS rules fast, and it also provides us with sophisticated configuration options that make it easy to fine-tune the cleaning process.

It mainly depends on the project how best to organize our files, but there are some universal rules, such as to use a separate normalize.css file for CSS reset styles, a separate global.css for global styles that are used across the whole project, and to store 3rd party libraries in a separate folder.

1. Conduct an Initial Audit

The main problem with !important declarations is that if we want to override them in the future, we need to put even more !important declarations in use, so it’s best to weed them out wherever it’s possible during the refactoring process.

Unused CSS investigates unused CSS rules, while linting tools, such as CSS Lint, make it possible to quickly find compability, maintainability and other issues.

It’s therefore a good idea to trace forward these additional modifications we’ll need to perform, and build them into our refactoring schedule along with the primary, CSS-related tasks.

In refactoring, the goal is to decrease the specificity of selectors (keep them short) as much as it’s possible, as selectors with higher specificity significantly reduce selector reusability, and lead to a bloated code base.

Initial Audit

2. Set Up a Manageable Plan

Refactoring helps prevent CSS explosion, improves code readability and reusability, and makes CSS sleeker and faster to execute.

If we used them inconsistently in the past, we need to convert them so that they can constitute a concise system

3. Track Progress

The lowest specificity (0001) belongs to selectors that only target one general HTML element, such as <h1> or <li>. The more inner selectors a compound selector contains, the higher its specificity is.

Git Version Control

4. Stick to a Coding Style Guide

It’s important to take into account that we don’t necessarily want to remove unused rules from all the CSS files we have, for example from global, reset, or 3rd party stylesheets, so we need to exclude them while performing the cleaning.

To have a better picture about what we need to refactor, it’s the best to start with a comprehensive audit to see what we currently have.

  • naming conventions
  • formatting rules
  • declaration order
  • units and values we want to use
  • commenting rules

Refactoring is usually needed after a while, as even projects that started out with a concise and organized code base sooner or later begin to lose their clarity; consistency, obsolete rules and duplicate code parts appear; and we also start to override styles and employ more and more hacks and workarounds.

Coding Style Guide

During our everyday CSS workflow, sometimes we bump into issues we can’t solve, and we begin to use so-called magic numbers, values that work for some reasons but we don’t understand why. For instance take the following example:

5. Set Up a Coherent File Structure

The same rule of thumb applies for hard-coded values as well. Probably the most frequent occurrence of hard-coded values can be found in line-height rules:

 .class1 { position: absolute; top: 28px; left: 15.5%; }

The main problem with magic numbers is that they are circumstantial, and they embody the “programming by permutation” antipattern. During the refactoring process we need to remove these arbitrary rules from our code, and replace them with more reasonable solutions wherever it’s possible.

Certain selectors, such as id or selectors coming from inline styles, have higher priorities because they override the styles belonging to more generic selectors. For example the specificity of the #id1 selector is 0100.

It’s not enough though to just introduce a coding style guide, we also need to stick to it when we rewrite the code during the refactoring, and expect the same from everyone else who works on our project.

6. Get Rid of Unused and Duplicate Rules

The best way to keep our CSS code base maintainable is to stick to the “refactor early, refactor often” rule of thumb. In this post we will take a look at some tips about how we can conduct an effective CSS refactoring process.

CSS rules followed by the !important statement override regular style rules. Using !important rules sooner or later lead to incoherent code. It’s not a coincidence most linting tools mark them as error.

UnCSS

Along with obsolete rules, duplicate rules also lead to superfluous code bloat and performance loss. We can remove them by using the CSS Purge Node.js module, but we can also work with CSS linters in order to search for duplicate rules in our CSS files.

To make maintenance and debugging easier in the future, and to avoid failures that can stem from using different units, such as em and px, simultaneously, we need to stick to coherent rules about how we use relative and absolute values.

7. Reduce Specificity

After we are ready with the preparations, the first thing we need to do is to set up a proper CSS file structure that pays attention to the cascading nature of CSS.

Reduce Specificity

Online tools, like CSSDig mentioned in Step 1, can be used to quickly find these high specificity selectors. It can also be useful to set up a rule in the coding style guide about things like the maximum level of nesting, or a limit on using id selectors.

The important things to decide upon are:

Refactoring working code is always a daunting task, but we can ease the pain if we create a plan about what we need to do, slice up the refactoring process to manageable chunks, and make a feasible schedule.

It’s also important to manually scrutinize the code during the initial audit, as many problems on the architectural level can only be caught this way.

  1. Qualified selectors, such as p.class1 (defining the p tag is unnecessary here, as it makes it impossible to use the same class with other HTML elements)
  2. Deeply nested selectors, such as .class1 .class2 .class3 .class4 ...
  3. IDs, such as #id1

In CSS refactoring there’s a crucial thing we always need take into consideration: some things that we refactor, e.g. changing selector names, will make it necessary to adjust the code of the relevant HTML and JavaScript files as well.

8. Weed Out !important Rules

If we don’t want to create our own coding style guide, we can also use someone else’s, such as ThinkUp’s which can found on Github.

The 3 main types of high specificity selectors are:

There are many great online tools that can help us in this endeavour. CSSDig is a powerful Chrome extension that analyzes the CSS of a website, and explores its weaknesses, such as too specific selectors or repetitive properties.

9. Clean Out Magic Numbers and Hard Coded Values

The specificity of a CSS selector is calculated from the number and the types of the inner selectors it contains. CSS specificity is expressed as a 4-digit number that’s the easiest to understand if we check out this visual CSS specifity calculator:

If we use too many similar colours on our site, it can also be a wise thing to rationalize the colour scheme by reducing the number of colours we employ. (Here’s a post on how to choose a website colour scheme in a practical manner.)

CSS refactoring needs to be an essential part of the front-end development workflow, if we want to have a manageable and optimized code base. When we refactor CSS, we clean up and reorganize our existing code without adding any new features or fixing bugs.

 /* bad, we'll need to add extra fixed line-height rules to the child elements of .class1 */ .class1 { font-size: 20px; line-height: 24px; } /* good, the flexible line-height rule can be safely used by child elements as well */ .class1 { font-size: 20px; line height: 1.2; }

Hard-coded values make our code less future-proof and more rigid, so as part of refactoring we need to dig them up, and replace them with flexible values.

10. Refactor Units and Values

When we need to write CSS quickly, we may begin to rely on them though because of their simplicity.

A coherent coding style guide can remarkably improve code readability and maintainability, so before we start to refactor it’s essential to set up a CSS coding style guide.

Before embarking on refactoring, it’s an essential step to back up our initial files. Introducing a version control system, such as Git or Subversion, into our workflow can also significantly improve the refactoring process, as we’ll have a registry about the sequential steps we’ve taken, and we will be able to return to a previous stage if we want to redo things.

Refactor Colours


10 Things I Learned from Going to Global Conferences

One of the sure-fire ways to fail at a conference is to let yourself be swept away by all the excitement and rely on memory alone to keep you on track.

Having said that, you should also remember to sleep, eat and dress to impress, because the dark circles of desperation around your eyes aren’t going to help you sell anyone on your big idea. It’s a high-wire balancing act, trying to get to where and who matters to your strategy, without burning out – and that’s especially true for a 3+-day event, so be careful not to run out of energy.

Accept that you can’t be everywhere and you’ll have more peace of mind during the event, which in turn will let you take advantage of the opportunities it presents. If you can, bring someone along with you (or hire an intern for the event) so they can be at the fixed location (stand) assigned to you while you work the room.

The thing to remember here is that not every event, however well-attended, will be a right fit for your needs. And it’s your job to make sure it’s worth your time at this particular point in time. How you do that is by reviewing the speakers, attendees and connected events/workshops/talks on the event website, as well as by contacting the organizers directly with your questions or concerns.

1. Not every conference is right for you, no matter how big and glitzy

Arrive as early as possible in order to get through registration in the first wave and take in the space at your leisure. Map it out and commit the venue to memory. That way, you’ll always know where you’re going and you won’t risk a wrong turn delaying you from a meeting.

Tips for Attending Conferences

You never want to be caught off-guard, and if you are, you’ll certainly want it costing you as little valuable time as possible.

When I’m going solo to multi-day events, I like to pack high-protein snacks to keep me going well into the evening (but do read the room before you start peeling that banana!).

2. Strategize in advance

Also, pool your notes and ideas touched on at the event, with an eye to extracting value from them by way of content for your blog, and other places you might want to guest write on, as well as for infographics, whitepapers, presentation slides or other types of engaging nuggets you can turn out.

The big names on the speakers’ roster are used to being wooed, so much so that they’ll sniff out a pitch way before you can get a word in. You can’t afford to abuse their time or openness, and you’re unlikely to have another shot at impressing them.

Brush up on your research and stalking skills to get a feel for what those influencers or companies or competitors (etc.) are about: what kind of stories that reporter covers; what kind of product that startup is offering; what kind of outreach initiative that influencer is keen on, and so forth.

If your docket is looking too crowded, set up reminders on your phone, so you can sit back and enjoy the moment without fidgeting in your seat or looking at your watch every 30 seconds.

And, let’s not kid ourselves, making all the travel and ticket-booking arrangements, not to mention the interruption in your daily activities for the duration of the event – will most likely seem like a pain. The trick to it is easing that pain by attaching actionable goals to this effort.

3. Don’t scramble for success, practically plan for leads instead

So you should aim for your pitch to blend seamlessly into a chat, perhaps, at one of the after-hour events. It’s so much more likely for that sort of chill conversation to stand out in someone’s mind – how much it stands out will ultimately depend on your personal charm and gift of the gab.

You’ve little use for a three-day break in your routine building the next big thing in IoT if the only thing it might get you is an insight into social media marketing. Not that marketing won’t tie into your launch at some point along the way, but if time is of the essence and delays could make or break your launch strategy, you’re probably better off attending such a conference at a later date.

Everyone’s looking for the exact same thing you are – networking, one-to-one face time with the big shots, the tech titans and the influencers. So you’ll want to get your QR-equipped business cards (and your Intro app) ready, as well as install the event app ahead of time and tinker around to know its functionalities by heart before you land

Presentation Ready for Pitching

While you do have to clear your mind to soak up all the information available, it will come from both your best-laid plans and pure happenstance, so you’ll most likely feel bombarded throughout.

You’ll also need to mark out your time there to the minute, so that you ensure everything goes your way: every meeting, every talk, every cocktail you’ve marked out on the event schedule, you should make a point of getting there with time to spare.

4. Take in the room(s) and schedule your steps like a wire-walker

Most of all, keep track of answers and mentions that relate to your posts, as the always-in-the-now nature of social media can help you pick up where the face-to-face nature of conferences leaves off.

You’re likely going to have one shot at reeling out your presentation, so put your best foot forward. That means never ever running out of juice midway through and having someone from the developer team on hand back home to remotely fix whatever glitches might come up.

know your venue

Going out of town for a conference will often put the entrepreneur in a tense, salesy frame of mind – but s/he can’t afford to forget that those precious contacts he aims to seek out while there are most likely traveling for the fun of it.

Even without the prospect of bending an investor’s ear, pencil in a night or two of going out on the town – mainly because the whole point of the trip is meeting people and getting feedback on your idea.

5. Factor in the physical limitations at a crowded event

That way, when you find yourself face to face with them "by chance," you’ll have a nice ice-breaker to smooth the way to the conversation you’re aching to have.

Even if it’s not readily actionable, this information can prove to be a treasure trove, and you owe it to your business to bring back as much of that to your team (that’s aside from the souvenirs).

There’s a lot going on in the hallways, in the restaurants, cafes and hotels the conference is partnered with: useful feedback on speakers, tips on how to approach them, tidbits about your industry, anything can help you move your business forward.

Do your homework on the attendees and speakers, find the ones you’re most likely to benefit from talking to, and hone in on them.

6. Keep your wits, and your notes, about you

Even if your ultimate goal is getting your product in front of the right people, the conference halls will always be chock-full of information you won’t even know you needed but could prove valuable in the short and long terms.

I can’t stress this enough: you can’t afford to be walking aimlessly around the conference venue during the event.

For one thing, because you’ll be thrown off your game when you eventually forget your notepad at the hotel; and, for another, because the notes you take on your phone, under a new, dedicated (set of) tag(s), will be easier to skim through and follow up on at home.

Take notes

The first thing you need to do, even before you register your attendance, is review the event and how it fits your purposes.

7. Ride the social media waves & trends like a pro

For that impromptu pitch (and the meetings you’ve already set with attendees by contacting them beforehand), be sure to come prepared with all the devices and power cables you might need.

A global conference is the best place to meet influencers, get prospects and/or feedback on a new project. That being said, if you’ve looked over the information about the conference in question and decided it’s a good investment of your time and money – the next step is planning your moves once you are there.

Having said that, resist the temptation to drink and pitch – it’s a losing combo, trust me on that.

But as a first-time attendee there are a few things to keep in mind. If it’s the same for you, I’d advise you to keep a checklist like mine before registering for any global conference, otherwise you run the risk of going through the trouble in vain.

8. Keep your eyes peeled and your ears pricked up

The thing about being a bootstrapping entrepreneur is that you’ll often find yourself being a one-man band as well. To maximize the takeaways from a global conference, you have to be engaged at all times, preferably around a common conference hashtag.

For the first two weeks or so after the conference closes its doors, the subjects discussed and the contacts made are still fresh in everyone’s mind.

It’s also worth looking into whether a one-day pass will do for your present purposes (i.e. if you just want to bend the ear of an influencer that’s scheduled to be attending or talking on a particular day).

9. Getting the most out of a conference is also about having fun!

While getting ready to attend a web submit, I found myself reviewing the fundamentals of attending such industry events. The good vibe, and constructive feedback you can get from one of these always makes them worth the ticket, in my book.

People might be more inclined to chat in an informal setting, plus of which you yourself will have an easier time pitching a potential lead or influencer (without seeming desperate) when you’re more at ease and no one else is vying for their attention.

The only way you can stay on top of all this rapid-fire info, contact details and business ideas, is by constantly taking notes. Well-tagged notes, at that. My advice to pen-and-paper holdovers is to ditch their notepad and install Evernote on their phone already.

after hours party

Whenever you can spare a couple of minutes, pull up the contacts you’ve just made and look them up on Twitter, where you can engage with them right off the bat on the subjects raised at the conference, without the interaction seeming forced.

Tweet, gram, re-gram and post to every social channel already included in your marketing strategy, but remember not to hashtag it up on Linkedin, the professional nature of which doesn’t quite jibe with the millennial hash.

Any idea can be spun out into a (highly converting) article, if you put your mind to it which you definitely should – it’s not for nothing that "content marketing" is the top buzzword of our age!

10. Strike up follow-ups while the conference is still hot

If more of your team can be present at the event, direct them on where to be in advance, so you can cover more ground together. If you’re on your own, pick your best bets and prospects according to your goals and hope it all pans out.

Forget the old adage about God laughing at your plans, because there’s nothing like winging it to kill your chances of getting the most out of an event that draws a crowd of others trying to do the same.

follow up

Trust me on this, going to a conference unprepared will only land you in a sea of people you won’t know the first thing about, or what to do with.

Jump on that (narrow window of) opportunity to follow up with the people you’ve met, driving conversions where you can and building relationships that you might convert later.


10 Project & Task Management Tools To Try

Updatey offers various good features which include:

Con(s): There are limitations to the free plan as in only 100MB of free storage, and 5 allowed integrations. The paid version gives up to 20GB free storage and user rights management, but no Gantt Charts.

Freedcamp

Bambam offers among its many features:

Freedcamp

Twoodo keeps your work and team organized and lets you your assign projects directly from conversations, giving this project management tool a "social" twist. Twoodo uses hashtags (#) to keep a topic organized with a particular set of people. You can also generate actionable workflows from team discussions and that doesn’t require filling additional forms or templates.

  • tasks management via to-do lists or sticky notes (kanban board)
  • sync with Google Calendar
  • extendable with extensions

With Comindwork, you can:

Taiga

Con(s): This extensive project management tool does not come with Gantt Charts. Plus, there is no free plan, only a 2-week free trial with no limits on the number of users. After the trial period is over, pricing plans start from $10/mth for 1-3 users.

Taiga

Among some of the cooler features HiTask has include:

  • issue tracker which classifies the issue and lets you assign a person in charge of it
  • integration with various tools like HipChat, Slack, and more
  • Taiga’s API is made available

Some highlights of this AceProject are such as:

Restya

HiTask is a project-sharing platform that doubles as a to-do list. It synchronize tasks among co-workers, and also integrates with Google Calendar. With HiTask, you can avoid the headache of completing large projects with benefits like email integration, import and export tool, media attachments, developer APIs, etc. It’s also a big fan of the drag-and-drop movement which makes changes easier to make and reorganize.

Restya

Along with its social allure, Twoodo also lets you:

  • extensibility with apps such as Slack, GitHub and more
  • supports workflow automation with more than 500 apps via Zapier
  • integration with Amazon Echo (premium feature)

Comindwork is a premium cloud-based tool with integrated CRM, featuring time tracking, billing management, and customizable Gantt charts for better collaboration with team and co-workers. With Comindwork, you can manage your tasks easily by auto-scheduling your work. Comindwork is a centralized program which keeps your work organized and allows early-bird view on project statuses.

Bambam

If you find it difficult to manage your team and projects or find difficulty in keeping them at top productivity levels, then a project management tool is your best bet to see better results. To help you find the finest project and task management tool, we’ve compiled below a list of 10 project management services that offer essential features at zero or minimum cost.

Bambam

Con(s): You can’t set user permission for edit or viewing roles, and with its focus on its reporting features, there isn’t a Gantt chart available.

  • smart news streams
  • unlimited disk space
  • permission management
  • custom apps and triggers
  • time tracking

Taiga is an award-winning, open-source project management for agile development, designed to make work management flexible. It supports elasticity among all industries and all types of work. And it lets you list the issues that require enhancement and allows tasks management to accomplish each goal including its sub-tasks.

AceProject

Con(s): There is no management of product backlog like Taiga does, even though it is supposed to facilitate agile development.

Aceproject

Con(s): Comindwork does not have a free plan but you can fill in a form to request a personalized demo for you to try out. The Starter plan charges $10 per user, up to 10 users per month. External users like partners, clients and vendors can use it for free though.

  • Gantt charts
  • a time tracker & expense reports
  • document sharing & permission management

Freedcamp is an effective project management tool that keeps your work and schedule organized at a single place. It houses unlimited users and projects, and offers 200 MB free storage for your project files and other team data. You can use it to manage your business team, wedding plans, school projects, travel plans and more.

ProjectPlace

Taiga offers highlights such as:

Projectplace

Con(s): Updatey does not come with role-based permission management and is not customizable for a more personalized appearance. It also does not feature Gantt Charts.

  • customize kanban boards to suit preferences
  • grab files from cloud storage (integrated feature)
  • utilize commenting systems that work with @mentions

Con(s): Despite this being a free tool, some of the nice features it has to offer are under premium upgrades. This includes CRM, issue trackers, invoices, larger storage and data backup. The good news is they are modular, so you only pay for what you need.

Updatey

Con(s): While it has the feature to screenshare with up to 100 members, Gantt charts as well as version control for your document management needs, these are only under the Enterprise (paid) plan. It also does not have product backlog management.

Updatey

For more project management tools, check out:

  • centralized project notes for easy access by all team members
  • timing log (time-tracking)
  • screenshot sharing for tasks

Unlike other complex tools, AceProject doesn’t let you wrack your brain and helps you find the options easily in its simple, easy and intuitive user interface. It also comes with email notification. The free plan gives you 250 MB free storage, 50 active tasks (if you deactivate the task, it doesn’t count to the total), 2 projects and 5 users only.

Twoodo

Con(s): Projects under the free plan are made public. If you want to use Taiga and keep your project private, you get 1 private project for free for up to 25 members, any more than that and you’ll have to opt for a paid plan starting from $19/month.

Twoodo

Some highlights Restyaboard has to offer include:

  • add tasks by drag and drop & sync with Google Calendar
  • work with integrated cloud storage services like Dropbox and Google Drive
  • work with task management and collaboration services like Trello, Slack, Bitbucket etc

Freedcamp offers super useful features including these highlights:

HiTask

Bambam is an advanced task management tool that adapts to the various needs of different industries, with its customizable workflow and layout manager. The same data set can be displayed in different layouts for different viewers eg developers, designers, clients etc. You can assign tasks, set milestones, prioritize work, and add filters to easily identify and manage the tasks among your teammates.

HiTask

Some of ProjectPlace’s highlights are the ability to

  • custom reporting
  • issue tracking
  • smart grouping for better organization

Restya is home to the Restyaboard, an open source, self-hosted, kanban-type project management tool, which allows adding boards easily and features offline sync (an awesome feature). Restya is heavily inspired on Trello and allows the importing of Trello’s data including boards, organizations, and members. To get a feel of how Restyaboard works, check out the demo here.

Comindwork

These tools keep your projects and team organized under one roof and on the same page as a project develops. Some of these tools include time-tracking and invoicing tools, commenting systems and version controls, and intuitive interfaces to keep everyone on track to achieve their milestones.

Comindwork

Updatey is a simple and minimal project management platform with an elegant interface where all the options are easily accessible and you can view your project in the big picture to be aware of your goals and other important details. You can also share snapshots with your teammates, and share the progress of the work to keep them up-to-date.

  • prioritize your work and milestones
  • get unlimited customizable options as well as ready-for-business apps
  • get weekly backups and a data import tool

ProjectPlace is an all-in-one project management platform, which improves online collaboration and engagement among teams. You can communicate in real-time and share media resources with your teammates on a single dashboard. Moreover, you can manage workload, secure accounts with two-factor authentication, integrate using API’s, and do much more.

Con(s): Restyaboard’s UI is based on the kanban board and card style. If this is not your cup of tea, you might be better off with other tools in this list.

  • 10 project management tools for freelancers
  • Working remotely? Here are the 10 best project management software for you.
  • 10 best collaborative apps for project managers