Fresh Resources for Web Developers — December 2017

“Headless CMS” is gaining much attention these days. In a nutshell, “headless CMS” does not deal with the front-end; the CMS only exposes the content usually in a form of RESTful API while the developers may use whatever they prefer to render the content. With the increasing popularity of this practice, new frameworks arise to set it up and running quickly.

So, in this round up, I’ve put together a few of these frameworks along with some other helpful tools that are worth checking out.

Headless WP Starter

This is a WordPress starter theme but unlike the others, this starter theme leverages the WP-API to get the content and then render it into a static HTML using Node and React making your website “headless”.

Headless WP StarterHeadless WP Starter

VueStoreFront

VueStoreFront is another “Headless CMS” framework. Built on top of Vue.js and Node, VueStoreFront and is designed for e-Commerce platforms like Magento, Prestashop, and Shopware through the APIs. It also incorporates PWA approach which allows the site to be usable offline.

VueStoreFrontVueStoreFront

GatsbyJS

Gatsby is a site static generator built with React.js. You can use CMSs with API like WordPress, Markdown, JSON to feed the content. Similarly it utilizes some recent technologies such Node, PWA, and React that allow it to load incredibly fast.

GatsbyJSGatsbyJS

DustPress

DustPress is a WordPress starter theme with modern development approach. Leveraging the Dust.js template language, DustPress separates the HTML template layout from the PHP logic allowing developers to produce a much cleaner code. It also makes development faster, more maintainable and gives the theme a organized structure.

DustPressDustPress

VSCode Icons

Visual Studio Code has quickly become one of the most popular code editors. It is lightweight, has plenty of plugins, and now it has selections of different icons. If you feel the default Visual Studio Code icon is boring, switch to any of these icons.

VSCode IconsVSCode Icons

TailWindCSS

TailWindCSS is another CSS frameworks. But it differs from popular CSS framework like Bootstrap and Foundation in a way that it does not provide UI components. Instead, TailWindCSS comes with small pieces of CSS classes that allows you to compose your own UI.

TailWindCSSTailWindCSS

Traefik

I was experimenting with Docker and was wondering how to route domain name to several different containers on a single machine. Then I found Traefik, a modern HTTP reverse proxy and load balancers. Aside of Docker, it also support other services such Kubernetes, Rancher, and Amazon Elastic Container.

TraefikTraefik

CubeUI

Built on top of Vue.js, CubeUI is a fantastic UI component to build mobile apps. Consisting with a lot of components such as Button, Popup, TimePicker, Slide, and Checkbox. Each component is quipped with a TestUnit ensuring continous integration and also minimizing bug on each component.

CubeUICubeUI

Air

Air is minimal WordPress starter theme. Extending the _s, Air adds some additional components such as Slides, Sticky Navigation Bar, and WooCommerce-ready.

AirAir

EmptyStates

EmptyStates is a collection of empty state pages on the web and mobile apps for inspiration. The empty state page is the kind of page that is often overlooked.

EmptyStatesEmptyStates

Shortcut Design

This website provides a collection of shortcuts of populars applications and tools used by developers and designers. Here you’ll find shortcuts for Sketch, Photoshop, InDesign, Sublime Text, WordPress, and many more to come. The list currently only contains shortcuts for macOS, but it would be great to see Windows shortcuts to also be added in.

Shortcut DesignShortcut Design

Uppy

Uppy is a JavaScript frameworks to build a file upload interface. With Uppy, you can retrieve files, not only from local drive, but also from external storage service like Google Drive, Dropbox, Instagram, and other services. It’s lightweight, modular, and extendabled with custom plugins.

UppyUppy

VuetifyJS

VuetifyJS is an initiative from John Leider to build Material Design around Vue.js. Google has similar initiative with MDL or Material Design Lite, but it does not seem to get enough traction in the community and the development seems to progress really slow in the last couple of months now. So if you’re looking for an alternative, VuetifyJS might be the right choice.

VuetifyJSVuetifyJS

WP ULike

WP Ulike is a WordPress plugin to add “Like” to your content whether in the built-in WordPress post type, custom post types, and bbPress as well as BuddyPress. It also comes with some other cool features such Notification System, Analytics, and Widgets which make it one of the most compelling “Like” system for your WordPress site.

WP ULikeWP ULike

Vee Validate

Vee Validate is a JavaScript library to add input field with the validation built-in. It supports many type of inputs such as Email, Number, Dates, URL, IP address, etc.

Vee ValidateVee Validate

Vue Data Tables

Another handy Vue.js plugin. VueDataTables is a simple plugin to build customizable and pageable table with Vue.js. The plugin is build with scale in mind that it can render massive data on the table flawlessly. It is also shipped with some extra components to power up your table like Pagination, Searchbox and Filter.

Vue Data TablesVue Data Tables

Googler

Googler is a CLI that allows you perform search in Google through the command lines. Similar to the interface, it will also retrieve the title, description, URL, and the pagination. It’s handy tool for macOS and Linux power users.

GooglerGoogler

Bolt CMS

Bolt is CMS built with PHP. It is quick to set up, uses Twig as its templating engine, fully supports PHP7, easy to customize through a simple YAML file. Overall it looks interesting to me; I’ll definitely spend some time to explore it further whenver I have a chance.

Bolt CMSBolt CMS

Teletype

Teletype is a new a new initiative from the Atom Editor. This new feature allows you to collaborate with your peers on writing code. To use it, you’ll need to install the official Teletype plugin.

TeletypeTeletype

Plyr

Plyr (pronounced as Player) is a modern media player library with just 10kb in size. With this you’ll be able to customize the HTML video and audio player, Youtube and Vimeo, and a Live streaming media. It’s in active development with more planned features to be added incuding support for Wistia and Facebook embedded video.

Source: https://www.hongkiat.com/blog/designers-developers-monthly-12-2017/

Advertisements

How to Move All Data to New Android Device

Getting a new phone is exciting, but the thought of moving all your data from the old phone to the new one may leave you stranded. Most probably, you can’t leave the data behind and a simple copy and paste won’t work either.

Here’s how to move almost all of your data to your new phone the right way. That includes all your SMS, contacts, call logs, media files, configurations, passwords, apps, and app data.

Manufacturer-specific Data Migration apps

Let’s try the all-in-one option first before standard methods, however, this is limited to specific phones and manufacturers.

Top manufacturers like Samsung, HTC, and LG, etc. offer a dedicated app to move your data from your current phone (including iPhone) to their Android phones, in usually the flagship series. These apps can migrate messages, contacts, media files, calendar entries, device settings, app data, and more.

You just need to connect both the phones over Wi-Fi, or using a USB OTG cable.

Below are some of the apps by popular Android manufacturers:

If your phone’s manufacturer isn’t covered above, then you can also search online. Who knows, you might get lucky.

Moving Settings & App data

Android phones have a built-in backup option to backup your settings, Wi-Fi passwords, bookmarks and app data to Google servers. Here’s how to enable it:

  1. Open phone Settings and go to Backup & reset.
  2. Here toggle on Backup my data option and then select the Google account from the Backup account option.
    android backup dataandroid backup data

Now, the data will be synced to Google servers and associated with the provided Google account. You’ll be asked to restore data when you will log in to your new phone using the associated Google account.

Moving photos & videos

I personally like the manual method of moving photos and videos to your PC (using USB cable) and then moving it to the new phone. However, if you prefer an online solution, then Google Photos can be a good option as well. It offers unlimited space for photos and videos if you don’t mind a little compression.

Just download the Google Photos Android app and allow it to sync all your photos and videos to the cloud.

By default, Google Photos only backups the camera folder. Although you can also backup other folders:

  1. Tap on the Google Photos main menu at the top-left corner and select Device Folders.
  2. Now select the folders you want to sync.
    google photosgoogle photos

You can install the Google Photos app on your new phone to view and download the content.

If you are not comfortable syncing all your photos and videos to Google servers, then there is an alternative option of using PhotoSync app. It can transfer your photos and videos over the local Wi-Fi. Using this method, the data will be transferred locally, no third-party servers involved.

  1. Install PhotoSync on both the phones and go to its Settings on the old phone.
  2. Here tap on Quick Transfer and select the new phone to start the transfer process.
    transfer photos and videostransfer photos and videos

Moving music

The manual method of moving to PC and then the new phone works fine for music files as well. However, you can also go for Google Play Music that lets you upload up to 50,000 personal tracks.

All your songs uploaded to Google Play Music will be available on the new device as soon as you have Google Play Music installed. And you can also download the songs for offline listening.

Alternatively, Send Anywhere is a good option for moving files to your new phone. It uses Wi-Fi direct to share any type of file between two phones over a local Wi-Fi connection. You can transfer music files, documents, and even photos and videos (a good alternative to PhotoSync as well).

Moving Contacts & Messages

Although, there are multiple ways to move your contacts and messages to your new phone, but I am going to share just a simple app that gets the job done. Phone Copier is a tiny app that lets you share your phone’s contacts and SMS with another phone over Bluetooth.

  1. You need to download Phone Copier on both the phones and turn on Bluetooth.
  2. Now on your new phone, tap on the Bluetooth icon and select Import.
  3. After a disclaimer, it will search for nearby Bluetooth device and you can select the target phone to start the transfer process.
    send contactssend contacts

Once transferred, the app will automatically place the contacts and messages in the right place.

Moving browser data

Most popular browsers have cloud storage accounts to sync all the browser data. For example, Chrome syncs all the data to your Google account, and both Firefox and Opera offer accounts to syncs data. Make sure you take advantage of such an account for your browser to sync all the data to your new phone.

Replicating all the data

For transferring your complete data from old phone to your shiny new one over WiFi, using CLONEit app might be a good option. It’s a completely free app and doesn’t come with any ads to annoy you. However, depending on your phone manufacturer it may not work for you. Don’t worry though, in most cases, it should work.

And when I say it can transfer all the data, I literally mean it. You can transfer contacts, call logs, SMS, MMS, all types of media files, apps, app data, system settings, Wifi networks and passwords, bookmarks and more.

To use the app, you just need to install it on both the devices and tap “Receiver” on the new phone and “Sender” on the old phone (make sure both are connected to same Wi-Fi). You will be asked to choose data that you want to transfer. Once selected, all the data will be transferred at a reliable speed of up to 20MB/s.

Ready to move on?

The above transfer methods should make it easy to move to your new device and take your data with you. I will recommend you to try to use an all-in-one app by your phone manufacturer or the CLONEit app to easily transfer all the data without confusions. However, if it doesn’t work for you, then you can always transfer data separately using the above methods.

Source: https://www.hongkiat.com/blog/move-all-data-new-android-device/

Uppy – Free ES5/ES6 JavaScript File Upload Plugin

One of the trickiest form inputs to design is the file upload. It has a default HTML style, but it’s not the prettiest thing in the world.

Uppy takes file uploads to a whole new level with a custom interface and a dynamic Ajax-style loading process.

It runs on ES5/ES6 code, so you can build your web apps with the latest JavaScript standards. And, it even supports file uploads from cloud storage sites such as Dropbox or Google Drive, so it’s a multifaceted file uploading script for the web.

Uppy.js upload scriptUppy.js upload script

Uppy is completely free and open-source, with a repo on GitHub. However, the easiest way to install this plugin is through npm or Yarn, so you can run it like a real package.

Once you get the files added to your website, you just include the Uppy.js file and the CSS code. Then, you target whatever input field you want and Uppy takes care of the rest.

It has a unique interface that looks like one large square placement to drag & drop files. You can also select items from your hard drive or even upload files remotely from external URLs. Pretty crazy!

You can find the entire setup process on the documentation page, but it does require at least some understanding of ECMAScript 6. This library looks towards the future of scripting and isn’t the easiest thing to use with pure vanilla JavaScript.

But, if you’re serious about web development it’s worth learning ES6 anyways. You can find tons of resources online for self-teaching and you can even use Uppy as your first “real” project to dive in & start learning.

Demo Uppy uploading filesDemo Uppy uploading files

Check out the Dashboard Example to see Uppy in action. For this page, the upload is hidden behind a trigger button, where you click the button to display a modal upload field.

From there, you can select whether you want to upload a picture from your computer, from the web, or even from your webcam!

The Examples page offers a bunch to look through, including a drag & drop example, along with an internationalized demo page.

But, to really learn how this works, I recommend skimming the docs and browsing through the main GitHub repo. You can also share your thoughts with the creators on Twitter @transloadit.

Source: https://www.hongkiat.com/blog/uppy-javascript-file-upload/

Interview with Mark Schaefer

Onalytica Interview with Mark SchaefferMark Schaefer – Keynote Speaker, Marketing Consultant, Author, Executive Branding Coach


Key Topics:
Marketing Strategy, Social Media Marketing,  Keynote Speaking, Coaching
Location:
Tennessee, USA

Bio: Mark W. Schaefer is a globally-recognized blogger, speaker, educator, consultant, and author who blogs at businessesgrow.com — one of the top marketing blogs of the world. As Executive Director of U.S.-based Schaefer Marketing Solutions, he specializes in marketing strategy and social media workshops. Clients include both start-ups and global brands such as Adidas, J&J, Dell, AT&T, U.S. Air Force, and the UK government.

Mark has advanced degrees in marketing and organizational development and holds seven patents. He is a faculty member of the graduate studies program at Rutgers University and is the author of six best-selling books: KNOWNSocial Media Explained, Return On Influence, Born to Blog, The Content Code, and The Tao of Twitter, the best-selling book on Twitter in the world. The Content Code was named one of the top five marketing books of 2015 by INC magazine. His books have been translated into 12 languages and can be found in more than 700 libraries worldwide.

He is the co-host of The Marketing Companion, one of the top 10 marketing podcasts on iTunes. In 2015 Mark was the seventh-most mentioned person by CMO’s on Twitter and is among the Top 10 most re-tweeted marketing authorities in the world. He was listed as one of the Top 10 authorities on Social Selling by Forbes.

He is among the world’s most recognized social media authorities and has been a keynote speaker at conferences such as Social Media Week London, SXSW, National Economic Development Association, Word of Mouth Marketing Conference Tokyo, PR News, and the Institute for International and European Affairs. Mark has lectured at Oxford University, Princeton, and many other prestigious institutions.

Mark is a popular and entertaining commentator and has appeared on many national television shows and periodicals including the Wall Street Journal, Wired, The New York Times, CNN, National Public Radio, CNBC, the BBC and the CBS NEWS. He is a regular contributing columnist to The Harvard Business Review.

HOW DID YOU GET TO BECOME AN EXPERT IN SOCIAL MEDIA MARKETING?

I think it is hazardous to consider yourself an “expert”in anything related to marketing these days! It is changing so fast.

I have been in marketing for more than 30 years and knew that to stay on top of what was happening in social media I had to actually DO this stuff. So I started a blog, eventually a podcast, and became active in the various channels. Today I consult with large brands on social media marketing (as well as digital strategy in general) and I also teach at the graduate student level. To work at that level, you have to stay on top of your game, and that drives me to be constantly exploring, reaching, learning.

WHAT AREAS OF SOCIAL MEDIA MARKETING ARE YOU MOST PASSIONATE ABOUT?

The amount of content I’ve created over the past ten years cold fill many volumes but I think there are certain themes that mark my work, and probably represent my passion.

The first would be to use technology to tear down barriers between people, not build them. Frankly, I think in many respects marketing is broken today. We annoy people, badger them, interrupt them. Are strategies are driven by SEO priorities, A/B testing, dashboards and data analysts instead of customer common sense. This is going to have to change.

Another theme is the need for a more human approach to marketing. In 2010 I wrote business is not about B2B or B2C, it is about P2P — connecting people to people. I believe this is more true than ever, and more important, I really see it happening at companies of every size.

A third theme is empowerment. We live in the most amazing time. I have built a business, a reputation, and global friendships through social media. Some may view social media as silly or little more than cat videos, but we are living in a historically important time when the power has shifted from Madison Avenue to Main Street, from corporate power brokers to passionate bloggers. There has never been a more exciting time to be in marketing!

WHICH SOCIAL MEDIA MARKETING INFLUENCERS INFLUENCE YOU?

There are so many great people in our field and it is hard to limit it to a few but here goes:

I admire Jay Baer for his wholly original thinking.

I am grateful for the way Christopher S. Penn holds marketing accountable to data-driven business results.

Gini Dietrich inspires me to show my human side more, which is difficult.

Mitch Joel constantly challenges me with new ways of thinking.

Andy Crestodina is practical and honest with his insights and writing.

Jay Acunzo is bright new light in the field with a refreshing perspective.

Mari Smith is so immersed in the Facebook world that you have to pay close attention to her observations.

Steve Rayson provides incredible data-based insights through his work in content marketing.

Brooke Sellas is in the trenches and writes with great insight about actually doing the social media work today.

Ann Handley is simply wise. I trust her advice on any business matter.

Kerry Gorgone is a trusted colleague in the marketing space.

I’m sure I’m missing quite a few here but these are at the top of mind.

OUTSIDE OF SOCIAL MEDIA MARKETING WHO ELSE INFLUENCES YOU ?

The most influential person in my professional life has been Peter Drucker. I studied under him for three years and his books continue to inspire me today.

Tom Webster is VP of research for Edison Research. He is so smart on so many topics and I can count on him for cutting-edge business insights.

I am a long-time fan of Bruce Springsteen. His new book is amazing. I wish I could write like him!

I am a huge Malcolm Gladwell fan. You can see his influence in my books.

Author and consultant Robert Cialdini is a person I admire with the way he has blended academic rigor with writing, consulting, and business-building.

WHAT ARE GOING TO BE THE KEY DEVELOPMENTS IN THE INDUSTRY IN THE NEXT 12 MONTHS?

I’m not sure it will be 12 months, but let’s say 12-24 months there is going to be some consolidation in the industry. First, there has to be a shake-up in the martech space. Too many companies all doing the same thing. I think AI will force change there. Twitter and Snap will not survive as independent companies. Tencent recently bought a share of Snap which is significant since that is a Chinese investment in an US-based platform. Tencent, Facebook, and Google will probably make more global investments like this.

IF A BRAND WANTED TO WORK WITH YOU, WHAT OFFLINE / ONLINE ACTIVITIES WOULD YOU BE MOST INTERESTED IN?

My sweet spot is strategy development. I see things that other people don’t see and I have a great legacy of creating social media marketing strategy success. I am also a very popular keynote speaker and I really enjoy that. Many companies also hire to run workshops on social media, content marketing, and digital strategy.

WHAT WOULD BE THE BEST WAY FOR A BRAND TO CONTACT YOU?

You can find everything about me at businessesGROW.com

//newsharecounts.s3-us-west-2.amazonaws.com/nsc.js

The post Interview with Mark Schaefer appeared first on onalytica.

Source: http://www.onalytica.com/blog/posts/interview-with-mark-schaefer/

20+ Tools To Supercharge Your Dropbox

Dropbox is a useful cloud storage, but most users do not realize that it can be way more powerful if you know how to make the most use of it. If combined with the right services, Dropbox can do almost anything imaginable in the cloud space.

So, in this post, I’m listing some of the most popular Dropbox tools and services that enhance your favorite cloud’s power and allow you to do a lot more with Dropbox. Let’s check them.

Writebox

Writebox is a free online editor to write and save ideas, notes, and outlines that sync with your Dropbox account. All you need to do is log in to Writebox and start typing, and after you are done writing, just sync it with Dropbox. All your notes will be saved in a predefined Dropbox folder – ready to be accessed from anywhere on any device.

writeboxwritebox

Jotform

Jotform is a free web-based tool to create and embed forms in websites. It’s a great tool to collect data such as emails, survey answers, phone numbers, etc. Its seamless integration with Dropbox allows you to store the data from your forms directly in your Dropbox account – saving your form data safely in the cloud.

jotformjotform

WordPress Backup to Dropbox

WordPress Backup to Dropbox lets you schedule backups of your WordPress blog or site. The backups include your website’s database and media (photos and videos), which are pushed directly to your Dropbox and help in restoring your website easily at the time of crisis.

The plugin also lets you configure date, time and backup frequency and even allows choosing specific files or directories to back up on scheduled basis.

wordpress backup to dropboxwordpress backup to dropbox

Gimme Bar

You can bookmark images, text, media or videos from the web browser directly to Dropbox by creating a free account at Gimme Bar. It’s as easy as to drag and drop links, tweets, photos, screenshots into its bookmarklet, and within some seconds, those will sync to the predefined folder or library in your Dropbox.

gimme bargimme bar

Wappwolf

Wappwolf gives you the power to sync files between cloud-based apps using Dropbox. You can drag and drop files into predefined Dropbox folder and Wappwolf will perform an action accordingly. The actions include converting files, uploading to Evernote, Facebook, Flickr, etc., syncing to Google Drive, OneDrive, Sugarsync, and many more.

automate your dropboxautomate your dropbox

DropPages

DropPages is an incredible service that enables you to host a website directly from your Dropbox. Just open DropPages > connect to your Dropbox > choose a domain name > download any pre-loaded theme and edit it to create your website. You can even upload your old static site to DropPages’s folder to host it straight from Dropbox.

DropPagesDropPages

Viivo

Viivo is a multi-platform solution that encrypts your cloud data in Dropbox. The tool allows to access or download the encrypted files to/from Windows, macOS, Android and iOS devices.

Viivo encrypts the data on your device before sending it to Dropbox and thus, helps keep your files safe from hackers and data thieves even if your Dropbox gets hijacked.

viivoviivo

Jing

Jing gives you the power to share your ideas immediately via a virtual clipboard. You can share your thoughts, designs and more with other people using screenshots, images and videos. Its seamless integration with Dropbox gives you access to enough cloud space to share or save anything to revisit them later.

jingjing

JustCast

JustCast allows you to host podcast services directly from your Dropbox. The tool also integrates seamlessly with iTunes to publish podcast to the web and iTunes. Just give JustCast access to your Dropbox, then drag and drop podcast (mp3) files into its designated folder, and the podcasts are instantly available for everyone to listen.

justcastjustcast

Invision

Invision is a well-known platform to transform static design files into interactive, clickable prototypes by adding animations and transitions. It proves a real powerhouse for design agencies with its feature to sync with Dropbox. You can now access, store, manage, sync and share your designs with the combined potential of Invision and Dropbox.

invisioninvision

Marvel

Marvel is a prototyping tool for teams that helps create prototypes, and lets teams share and collaborate on such projects. Its easy integration with Dropbox allows people to work on multiple projects seamlessly from different locations and sync designs or prototypes directly to/from the cloud storage in your Dropbox account.

marvelmarvel

Wevideo

Wevideo is an easy to use but powerful cloud-based collaborative video editor. With its integration with Dropbox, you can now access videos directly from your cloud folders (on Dropbox), edit and share them straight from the browser. Additionally, you can upload the edited videos to Vimeo to showcase your excellent work.

wevideowevideo

Remark

Remark lets your team collaborate during video review sessions by letting them leave comments as time-stamps on the video itself. Its collaboration with Dropbox allows you to access and review videos directly from Dropbox, and leave suggestions and remarks (in form of comments, drawings or voice notes) or approve them from any device.

remarkremark

Kanban Tool

Kanban Tool is a visual project management tool that features time tracking, team collaboration, and project analytics. With its Dropbox integration, Kanban Tool allows teams to work cohesively and access shared documents. It organizes and classifies all your Dropbox files, thereby streamlining business processes and improving workflow.

kanban toolkanban tool

PandaDoc

PandaDoc is a new-gen, web-based document editor that helps automate contracts, proposals, and quotes. Its integration with Dropbox allows you to access, edit or e-sign documents from anywhere on any device. For example, you can send contracts to clients for e-signing and store the signed document directly in your Dropbox.

pandaboxpandabox

Sitebox

Sitebox is a static site generator that integrates straight with Dropbox. Just sign in with your Dropbox and it’ll create a folder there to store your website. Then tell your email and site name, and Sitebox will create a template website in that folder. You can now edit your site, copy your old static site in that folder or publish it directly from Sitebox.

siteboxsitebox

SortMyBox

SortMyBox allows you to organize your Dropbox data by creating magic folders that sort files per preset rules. The tool gives you the option to create filters and sort out files just like you can do for emails in Microsoft Outlook or other email clients. SortMyBox also keeps logs of all the files and their moves per sorting rules to avoid misplacing them.

sortmyboxsortmybox

Send to Dropbox

One of its kind service, Send to Dropbox helps you save email attachments directly to your Dropbox in a distinct “Attachments” folder. That’s not all, it also features folder organization, email whitelists and more for free. It’s a very useful Dropbox tool for people getting lots of mails (like us) having important file attachments like project files, article submissions, bank statements, etc.

SortMyBoxSortMyBox

Mover

Mover is a cloud-based data migration service that allows you to migrate and transfer files between different cloud storage providers. The tool safeguards your data and files during transfers using end-to-end encryption. Mover also allows to schedule backups by setting up scalable schedulers that backup your data to your choice of cloud.

movermover

IFTTT

IFTTT is a process automation tool that connects with hundreds of popular apps and websites including Dropbox to automate anything using if-then sequences. For example, you can create an IFTTT rule so that every time you post an image on your Twitter page, a copy of the same is automatically downloaded to your Dropbox.

iftttifttt

Mihand

Mihand is a free web-based service to organize your Dropbox folders using tags. Instead of manually creating folders and arranging files, you can use Mihand to create them for you automatically. It’s just as simple as to add tags to files or folders to classify them, and this tool auto-arranges them as per the tags on them.

mihandmihand

Otixo

Handy for anyone who uses multiple cloud-based services, Otixo links the services forming an easy to use cloud file manager. It’s a handy cloud manager that supports Dropbox, Google Drive, OneDrive, SugarSync, Box and more clouds. With Otixo, you can preview, search, copy, move, backup and drag & drop files between different cloud services.

otixootixo

Dropbox Folder Sync

Dropbox Folder Sync is a simple add-on for Dropbox to seamlessly sync folders outside the de facto Dropbox folder. It proves handy in syncing games, browser profiles, Outlook’s data, music libraries, etc. to Dropbox from their own locations. You just need to the right-click on a folder and choose Dropbox Folder Sync > Sync with Dropbox.

folder sync add on folder sync add on

Boxcryptor

Boxcryptor helps you encrypt files for uploading them seamlessly to Dropbox. The tool ensures privacy, of your data in the cloud and protects them against data thefts, identity thefts, and other malicious attacks. Boxcryptor works with many cloud storage providers including Dropbox, Google Drive, OnDrive, Box, etc.

boxcryptorboxcryptor

DropboxPortableAHK

One must have Dropbox installed on the device to access your account and sync files seamlessly on the device. DropboxPortableAHK, however, solves this problem making Dropbox portable and accessible on any computer, say at cyber cafes. Moreover, it even allows to login to multiple Dropbox accounts on a single system.

dropbox portable ahkdropbox portable ahk

MacDropAny

This is the Mac version of Dropbox Folder Sync Add-on and works the same – folders outside of Dropbox can be synced. You can use it by right clicking on a folder and select ‘Sync with Dropbox (via MacDropAny)’ or dragging the folder to the MacDropAny icon.

macdropanymacdropany

Dropboxifier

You’re normally not allowed to change the location of important files, but Dropboxifier allows you to ‘trick’ application files to read and write to Dropbox. You can then install Dropboxifier on another computer to access and edit the application data simultaneously which means you will have all your settings or data from your primary computer on the secondary one.

DropboxifierDropboxifier

Wrap up

Well, that was all about the best free tools that give Dropbox a totally new dimension. And that’s not everything – you can do much more using these tools with Dropbox right in the cloud using your web browser only. Try it yourself!

Do you already use any such tool? Do you know more such tools to share? Don’t hesitate to reach to us using the comments section.

Source: https://www.hongkiat.com/blog/dropbox-tools/

12 Must-have Chrome Extensions for YouTube Creators

As a YouTube creator, you need to create superb videos and tweak them for social platforms and search engines to make them viral. However, if your videos are not performing well, then most probably you’re not using the right tools.

I did a research on the tools used by popular YouTube channels, and I’m going to share the best Chrome extensions for YouTube creators that prove helpful in many ways.

With given extensions, you can create searchable videos, streamline your workflow, evaluate the performance of your videos and channels. These help you to monetize the videos and grow your vlogging business by managing and optimizing social and video platforms.

Create and edit videos in browser

In this section, I’ll showcase some extensions that help to create your own story and mix and edit music and videos efficiently. These extensions work directly inside your browser, and provide no less power than any simple video editor.

WeVideo

This is my favorite online video editor, especially due to its ease of use. This tool makes it easy to create and edit videos professionally and makes them accessible from anywhere. And it offers the following features for video creators like you:

  • Features turn-by-turn collaborative editing from any place on any device.
  • Allows to record and add a voice-over to the video clip using webcam and mic.
  • Avails different editing modes for beginners and professionals namely Storyboard and Advanced Timeline, offering ease and power respectively.
  • Supports connecting to cloud services and taking media files directly from Facebook, Instagram, Flickr, Google Drive, OneDrive, Dailymotion, Box, and Dropbox.
  • Lets you publish videos on YouTube, Vimeo, Facebook, Dailymotion, etc., or share them on social media sites or embed them on your website out of the box.
WeVideoWeVideo

Pro Mode for YouTube Video Editor

If you use the YouTube’s editor to do most of the editing stuff, then this tool will help you do more using shortcuts. This handy tool enhances and improves on the YouTube’s built-in video editor with keyboard shortcuts and other productivity features like:

  • Adds various buttons and notifications to make you get and know things faster.
  • Allows to sort photos, navigate the timeline, select tabs and do various other tasks without losing the current selection in the editor, using just the shortcuts.
  • Playback control takes control of the preview player and is controlled by a separate playback button and a slider, which allows editing and scrolling in the locked mode.
Pro Mode for YouTube VideosPro Mode for YouTube Videos

Record and convert videos directly

In this section, I’ll share the extensions that help to create videos using your webcam and convert them various video formats. These tools even support compressing those videos for faster upload experience without using any third-party tool.

Clipchamp

As per my experience, this Chrome extension is a reliable video converter and compressor. It compresses videos without affecting their quality and works using a simple drag and drop interface. Here are other salient features of Clipchamp:

  • Allows you to create a short link to request and collect videos from anyone, which can be queued and uploaded directly to your YouTube channel or Google Drive.
  • Its webcam recorder records the video in 360p, 480p and 720p resolutions right from your browser, which helps vloggers create video blogs easily.
ClipchampClipchamp

Nimbus Screenshot & Screen Video Recorder

A simple but powerful screenshot taker for everyone, this extension helps capture web pages in a clean and user-friendly interface. That’s not all, it also records videos from your screen and has other features like:

  • Add and edit objects like stickers and text boxes in the screenshot.
  • Captures whole or part of web page and records a video from a tab or screen.
  • Lets you edit and manipulate the screenshot, and save it in JPG and PNG formats.
  • Allows saving to various third-party tools like Nimbus Note, Slack and Google Drive.
Nimbus Screenshot & Screen Video RecorderNimbus Screenshot & Screen Video Recorder

Screencastify

Screencastify packs in various features to record screenshots and screencasts. All features, however, are not included in its lite version like it only records 20 min. videos. It’s simple to use like Nimbus, and offers the following features:

  • Records a specific tab in your browser or the whole computer screen.
  • Creates WEBM and VP8 videos with audio and lets you save it locally.
  • Allows saving the files to Google Drive and publishing directly to YouTube.
ScreencastifyScreencastify

Upload and publish videos

This section talks about the tools that help in uploading, publishing and sharing videos with others easily, using just a web browser. These extensions also help publishing videos directly from online storage providers like Dropbox, Google Drive, etc.

YouTube Uploader for Dropbox, Drive

This one-of-its-kind extension needs no explanation — its name tells you all. It allows you to upload and publish video files from Dropbox, OneDrive and Google Drive to YouTube directly. It works locally in your browser, and offers the following features:

  • Allows uploading video files in batch mode without using the YouTube’s web interface.
  • Supports numerous video formats like WebM, MP4, AVI, WMV, MOV, MPEG4, MPEGPS, FLV and 3GPP.
YouTube Uploader for Dropbox, DriveYouTube Uploader for Dropbox, Drive

Manage channels and optimize videos

In this section, I will talk about the most important tools in your journey from being a “YouTube creator” to a “popular YouTube creator”. These extensions will transform the way you manage your channels, and provide lot more help to optimize them easily than ever.

Moreover, these help perform time-consuming tasks like updating annotations and info cards, managing comments and creating thumbnails and backups in just a few clicks.

TubeBuddy

TubeBuddy is my most favorite YouTube tool that works as a channel manager and a toolkit for optimizing videos, making it an absolute must for YouTube creators. This adds a layer of numerous functionalities on top of YouTube such as:

  • Provides find/replace and bulk update features to update the descriptions, social profiles, hyperlinks and references on the videos.
  • Helps generate customized, professional-looking thumbnails with the help of screenshots and branding or text layers for the videos.
  • Allows you to engage and collaborate with new subscribers and fans efficiently as well as export the list of your subscribers and their profiles to a CSV file.
  • Generates a detailed analysis of your competitors’ views, subscribers, uploads per day and engagement channels — all in nice, tabular form in CSV format.
TubeBuddyTubeBuddy

vidIQ Vision

As per my experience, this extension delivers a comprehensive optimization report showing key insights of everything the top creators do to drive traffic and growth. It helps you boost subscriber engagement and create viral videos for them. And it gives creators access to statistics more than just total views of a video, and more such features like:

  • vidIQ Score” ranks every video, which helps to evaluate the probability of a video being endorsed in related search or recommended videos.
  • Average watch time helps you understand the quality of your videos and how well they keep viewers engaged, and thus drive success on your channel.
  • Velocity (views per hour) tells about the videos gaining viral traction and their acceleration in popularity, making it clear which are the rocking videos.
  • Social media statistics shows the number of likes, shares, comments, and tweets for your videos gathered from various social channels including Reddit.
vidIQ VisionvidIQ Vision

VISO Catalyst

This section isn’t complete without VISO Catalyst, a platform that helps you to discover the popular videos, their optimization strategies and analytics — all to guide you about creating awesome, viral-worthy videos. This platform is, unfortunately, only available for partners of BBTV or an associated network, and includes following features:

  • Title optimizer ensures the videos possess concise, searchable titles.
  • Thumbnail editor creates beautiful thumbnails using backgrounds, graphics, and text for videos, and allows downloading them for posting to social media.
  • Intelligent keyword recommendations help you improve titles, descriptions, and tags for your videos to make them as user-friendly and searchable as possible.
VISO CatalystVISO Catalyst

Manage and optimize social media

Here’s the description about some tools that help to track and manage social media integration, which seems almost impossible to do manually, at least to me. With these tools, you and your team can work collaboratively to manage various social networks.

Hootsuite

It’s by far the best and only solution that empowers your business and helps you capture more value via social channels. The tool supports in managing brand reputation, running social media campaigns, engaging with viewers and even collaborating internally with your creative team. But it’s not all and here are more things it can do:

  • Saves time by allowing to manage all social networks like Twitter, Facebook, LinkedIn, and Google+ from a single dashboard.
  • Measures the social ROI, spots developing trends and reports how your videos are performing with competitors through real-time reports.
  • Helps connect with customers faster and smarter, and enables you to respond instantly by monitoring opinions and reviews about your brand.
  • Allows inviting multiple collaborators to manage social profiles and streamline team workflow using scheduling and assignment tools and much more.
HootsuiteHootsuite

Check video details and statistics

This section discusses about the Chrome extensions that allow access to in-depth video insights showing videos’ details and statistics. This insight helps creators in understanding and improving brand awareness, lead generation, and online user interaction.

Heartbeat

Out of the tools I tried, Heartbeat is the best tool that allows creators to connect to the YouTube community as well as to track and view subscriber growth. It also displays others details like video age, count, channel as well as monetization owner and social media stats for your videos. And below are some of its important features:

  • Offers YouTube real-time chat system with the ability to create chat rooms for people with similar interests to hold discussions and share videos.
  • Provides the creators with channel analytics having metrics like earnings, viewership and subscriber growth of their channel and the competition.
  • Its tag finder allows creators to tag their videos with trending, SEO-friendly keywords, which help the people to find preferred or related content faster.
HeartbeatHeartbeat

Social Blade

This extension helps YouTube creators to track user statistics for YouTube as well as social media platforms like Instagram, Twitter, and others. Social Blade makes user analytics, growth, and trends simple to understand for creators, and includes features like:

  • Provides social analytics for any content, creator, brand or live streamer.
  • Provides user and trend statistics for any video or channel on YouTube.
  • Provides financial stats including estimated monthly and yearly earnings along with future projections in numerical format as well as easy-to-read graphs.
Social BladeSocial Blade

Sum and substance

Among all these Chrome extensions, I find TubeBuddy, Hootsuite and Heartbeat are the must haves for every YouTube creator — beginner or advanced. And if you don’t use a powerhouse video editor, then WeVideo and Clipchamp also prove helpful for creating videos.

How’s your experience of creating videos and managing your channel using these tools? Do you know more such tools? I’ll love to hear from you through email and comments.

Source: https://www.hongkiat.com/blog/chrome-extensions-for-youtube-creators/

Search Every Code API in One Place with DevDocs

The free DevDocs site offers a single dashboard for developers to scour through any language they choose. From the basics of HTML5 and CSS3 to complex server technologies like Apache and even frontend libraries such as Angular, it’s all here, in one handy location.

There are literally hundreds of technologies listed and you can search to find whatever you want. Most are disabled by default to save on HTTP requests but you can enable them at the click of a button to get full access to all documentation.

This website is constantly being updated with new features and new frameworks/developer APIs. It’s by far the most comprehensive list of programming documentation on the web, all curated into one easy-to-read interface.

And, did I mention this thing has mobile support and offline mode, too? You can enable all the docs you’ll need, then go offline and still have full access to everything.

Not to mention it has a free Chrome plugin for adding DevDocs right to your browser.

No question this project is one of the largest out there and it’s really a great tool for developers. Once you’ve added an API to your dashboard, you can browse through examples of code snippets & proper implementations for common features.

For example, the box model page covers everything about the CSS box model, with links to individual properties and beginner tutorials.

CSS box model DevDocsCSS box model DevDocs

When you get to more complex stuff such as Laravel or Rails, you can look up functions to get a list of all the options, possible default values, and how to handle return values.

DevDocs isn’t just a site for front-end developers. It’s a site for all programmers building web apps, native mobile apps, video games, desktop software, literally anything.

Take a peek at the homepage and give it a shot. You may still prefer the native documentation for whatever language/framework you’re using but it doesn’t hurt to have it all compiled in one place.

And, the project is open-sourced on GitHub, so it has plenty of contributions from pro developers all over the world.

Definitely, a valuable resource for anyone who spends a lot of time coding and wants to improve their workflow. If you have suggestions for new languages or improvements you can also drop a message to the official Twitter account @DevDocs.

Source: https://www.hongkiat.com/blog/devdocs-online-documentation/