All posts by Eduard Jovanovic

Belgrade based designer specializing in Web, UI and Identity design. Also a web developer, illustrator, photographer, blogger. Founder of reSabi Media.

Increase productivity focusing on the most important tasks with Whiteboard

Here’s a new simple tool to increase your productivity, by focusing on the tasks that matter most in your day, be it at work or at home. With Whiteboard you can organize your tasks and focus on those due for today, moving the the rest out of focus for later.

Tame your tasks and keep them from overwhelming you by simply swiping to-dos you want to work on Today and pushing others till Later. Focus on accomplishing only what is relevant to you each day.

 

With Whiteboard you can collaborate with colleagues and clients, friends and family members sharing comments , photos, locations and more.

Whether you’re working on a computer or mobile device, your information is quickly and securely synced across all devices.

Find out more at Whiteboard.co

Build Your Online Empire With Chatwing Chat App

Everyone is carving their way in the online hierarchy. Some are building online empires, while others are just content in making a scene. If you’re building an online empire, regardless of the niche, there’s a chatroom tool that you can use. This tool appears in the form of a chat box, provided by Chatwing.com.

Embedding the chatroom app will only take few seconds. You won’t encounter hassles, and you’ll be able to create a chat box right away. In the creation process, you can mix colors and font styles. There are also free background images to choose from, if ever you don’t want to design the chatroom.

Chatwing for Android

Now, you probably know that building an online empire proves to be a challenge. Chatwing chat software carves that difficulty level down by enhancing website chat. Once installed to a website, your visitors will be able to communicate with each other and share their thoughts and opinions. This is one of the best ways to win people and clients in the long run. You can also improve your web exposure in this way.

Every created Chatwing shoutbox has social media advantage. Basically, all your visitors can log in with their Facebook and Twitter accounts. Google, Instagram, Tumblr, and Yahoo accounts are also allowed. Recently, Chatwing.com has added VK—also known as the Russian Facebook. Social media marketing is now easy with the Chatwing tool.

You won’t get big results in just a day. Like everything else, Chatwing chat app is all about repetition. With continuous usage, you’ll be exposed to hundreds of people who can become your long-term clients.

Nick from Chatwing Nick is an active web developer and technology enthusiast who believes in the power of communication. It is these core principles that drive Chatwing and online chatting.

Design your own original fonts easily with Prototypo

You’ve probably heard of Google Fonts, and it’s very possible you’re using them frequently. I know I do. They offer a couple of very good quality free and easy to use fonts, but, the selection is still very limited and the quality of most fonts leaves much to desire. That’s where Prototypo takes over. Prototypo, the new open-source online typeface editor makes it much easier to design our own, original fonts.

Prototypo will let anyone design an entire font system all at once. For professionals this means a less time-consuming process than working letter-by-letter and for beginners it means a way to create something original without having a lot of expertise or running into legal issues by modifying existing fonts.

The application is currently in beta and version 1.0 is expected be up and running in September. In the beta version, users start with one of four basic fonts they can then modify using parameters such as thickness, aperture (negative space) and roundness. Serifs can be fine-tuned separately. The final version will include more than 25 adjustable options.

Prototypo will be available for both offline and web use, tablet friendly, and designers will be able to further tweak the fonts with other software, such as FontForge.

Via Mashable, Prototypo

Do you have what it takes for a job at Google? Check this #Infographic

Google is the employer of their dreams for many tech professionals, and it’s very easy to see why. Constant innovation, cool work policy and the meaning they add to their work are just a few things that make other hip employers follow their lead, and workers hoping to become part of the Google family.

Many of Google’s interview questions were published and you’ve most probably seen some of them. However, according to this infographic, things have changed in the last couple of years. Check it out below.

BTW, I’ve recently shared this infographic about How Google Works, if you’d like to check it out.

What Does It Take to Get a Job at Google? by Staff.com
Infographic via Staff.com – Connecting Great Companies with Global Talent

12 Essential free WordPress plugins that will make your life easier

One of the top reasons why I love working with WordPress is the amount and quality of free plugins that extend the functionality of the website. Even though WP was initially built for blogging, IMO it’s the best free CMS solution ever built. That’s why I wanted to share with you my list of essential WP plugins, the ones I use on most if not all the websites I build. Off course, there’s no need to use them all, but these help build a professional website with WP as a platform.

1. Contact form 7

Contact Form 7 lets you easily build all kinds of forms and embedding them in a post or page, or in your theme via [shortcode]. When you start a new form it comes with default fields, so that you can leave it as is, or extend it to suit your needs. The forms come with instant checking (the default styles of the warnings could be improved), tag generation with smart interface, and you can choose from several languages.

Contact Form 7 WordPress Plugin

 

2. WP SEO by Yoast

This popular plugin not only has all you need for SEO, it also has Breadcrumbs, sitemaps and other functions that replace entire plugins. It’s the best all-in-one solution for your website search engine optimization.

Yoast WordPress SEO plugin

3. MailPoet (WYSIJA)

The selection of newsletter plugins for WordPress leaves much to desire, but one of the best existing free plugins is MailPoet, formerly known as WYSIJA. It’s very user friendly and allows you to manage manual and automated email campaigns, make different subscriber lists and easily build professional looking emails.

4. Code embed

Have you ever tried putting some more advanced HTML/JavaScript code in your post just to see it get broken? Artiss code embed lets you add this code in a Custom Field and call it via the simple syntax:

Artiss (Simple) Code Embed

 5. W3 Total Cache

The most advanced performance optimization plugin ever, but W3TC is the nightmare of many WordPress developers because it’s very complex to set and adapt to your hosting environment and website requirements. However, when set correctly, it can make your website “fly”, providing a much better user experience.

W3 Total Cache plugin

6. AddThis Share buttons

Despite it’s rating at the WP plugins repository, AddThis is a great first-aid plugin with plenty of options, very useful for less skilled developers or when you haven’t got enough time to develop custom share buttons. I’ve tried many similar plugins, but for me, this one wins. It also offers analytics.

Tip: You can also use customized AddThis code in your theme, without a Plugin.

AddThis Social Share Buttons WordPress plugin

7. Disqus comment system

Disqus is the most popular alternative to WP-s native comment system, thanks to it’s flexibility, quality and the large community that allows you to use your Disqus profile, comment with a Twitter, Facebook or Google profile, or to comment anonymously on any of the hundreds of thousands of websites that use it.

Disqus Comment System for WordPress

8. Related posts thumbnails

I use this plugin on most of my websites because it has a smart choice of related posts based on both categories and tags, you can configure the style of the posts, whether you want it as a list or a block of thumbnails and many more options.

Note: The plugin has not been updated for the last two years. If that is a concern, I recommend using Contextual Related Posts instead.

Related Posts Thumbnails

9. Lightbox Plus ColorBox

The Lightbox effect enhances the user experience in most cases, and it’s definitely more appealing than the native solution for images in WordPress. There are many plugins for this effect with more or less configuration available, however, this one is my personal favorite because it does the trick without being too complicated and heavy on the server load. Lightbox Plus ColorBox allows you to easily integrate and customize a powerful and light-weight lightbox plugin for jQuery into your WordPress site.

Lightbox Plus Colorbox

10. Lightbox Gallery

Ditto for the above, the lightbox gallery is a much cleaner solution for the native WordPress gallery. Works very well out of the box, yet you can configure a couple of parameters to make it your own. If used together with the plugin mentioned above, the styles can be configured even further.

Lightbox Gallery WP

11. Polylang

If you run a website with more than one language, this plugin might be your savior. It can detect the language automatically, you can configure how to display the language URLs, set matching posts and pages for any language and more. However, it’s not the easiest to use, and it can’t change themes and widgets. The next plugin on this list can help you with that.

polylang

12. Codestyling Localization

This plugin allows you to translate all translation-ready parts of the theme, plugins, and WordPress core into any language, and manage the .mo and .po files from your website’s admin panel.

Codestyling Localization WP Plugin

These are the plugins I have in mind whenever I develop a website on WordPress. What are your essential plugins? Which would you recommend to beginners to become familiar with?

CSS Trick: How to get the height 100%

This is a fairly simple trick, yet many designers are unaware of why when you set an element’s height to 100% it just doesn’t work, or how to fix that.

The thing is, your element is just as tall as it’s parent is, so if it’s parent’s height is not set, or set to auto, both elements will have the height of the content of the child element.

CSS height 100% not working

For example, if you set an element like this:

and the CSS like:

the container div will be as tall as the text inside it, the body and html elements will remain the same height of the container element, since their height attribute is not defined.

What you need to do in order to get the element to the full height of the window is set a height to the HTML and BODY elements. Once they have their height set to 100%, their child elements will be able to adjust to them.

CSS height 100% working

Here’s the full working code if you want to play with it: