Kama is a mobile user interface kit made for Sketch and Photoshop that includes a conceptual redesign of iOS, and it is totally editable thanks to vector shapes and smart objects. The UI has 120 ready-to-use screens, 8 categories and countless design elements for you to have fun.
The post Kama: Sketch & PSD iOS UI Kit appeared first on ByPeople.
It’s no secret that us freelancers are productivity junkies, always looking for clever ways to make the best use of our time. Personally, I happily welcome any tips and tricks that help me churn out the words. But did you realize that the key to being more efficient might be located right in your browser?
Google’s Chrome Web Store is packed full with tens of thousands of useful extensions. Unfortunately, unless you know exactly what you are looking for, it can be pretty difficult to navigate.
In the hopes of helping to narrow things down, I’ve highlighted 10 Chrome extensions for freelancers looking to improve their workflow and boost productivity.
The right ambient noise can be a lifesaver when it comes to staying focused. Noisli has a variety of noises to choose from and an option to customize your own. You can choose your favorite noise, set a timer, and control the volume, all from your web browser.
We recently took a closer look at Noisli.
➤ Noisli
If you’re a graphic designer, this Chrome extension is about to become your best friend. ColorZilla is an advanced eyedropper that provides color readings in RGB and hexadecimal format. It allows you to easily pull color data from any website on-the-go and without having to open another application.
Being a digital nomad has a lot of benefits, but it can also make it difficult to stay atop correspondence. This extension changes everything when it comes to email.
Boomerang allows you to schedule emails to arrive in someone’s inbox precisely when you need them to. This is especially useful for when you are traveling, corresponding with someone in a different time zone, or if you are catching up on emails late at night.
Boomerang also allows you to schedule emails back to yourself, which can be an incredibly useful tool for goal setting, meeting deadlines, invoicing and follow ups. It even has the capability to alert you when you haven’t responded to important messages. The productivity possibilities are endless. It’s surprising that we ever went without it.
This chrome extension is for those developers that love a good shortcut. It provides an incredible amount of useful dev tools, all conveniently located right in your browser. The Web Developer extension makes viewing responsive layouts, disabling styles, and outlining elements quick and easy.
Don’t let the name fool you: this Chrome extension is a powerful hub for productivity. For most of us, on any given day we use up to 20 different apps and services — if not more. From Gmail to Trello to Salesforce, you name it.
Taco works by pulling all of your incoming tasks and notifications from various apps into one central location. It may sound unnecessary, like just another to-do list application. But think of how much time it’ll save you to have all of your tasks and notifications in one comprehensive list. It makes prioritizing tasks a whole lot easier.
➤ Taco
Being a freelancer requires a lot of discipline and working on the web makes it all too easy to get distracted and lose focus. We’ve all been there: you step away from your work for five minutes to check Twitter and catch up on some trending topics. Next thing you know, two hours have passed and your motivation has plummeted.
Continue reading %The 10 Best Chrome Extensions for Freelancers%
As great as Node.js is for "traditional" web applications, its potential uses are far broader. Microservices, REST APIs, tooling, working with the Internet of Things and even desktop applications—it's got your back.
Another area where Node.js is really useful is for building command-line applications—and that's what we're going to be doing today. We're going to start by looking at a number of third-party packages designed to help work with the command-line, then build a real-world example from scratch.
What we're going to build is a tool for initializing a Git repository. Sure, it'll run git init
under the hood, but it'll do more than just that. It will also create a remote repository on Github right from the command line, allow the user to interactively create a .gitignore
file and finally perform an initial commit and push.
As ever, the code accompanying this tutorial can be found on our GitHub repo.
Before we dive in and start building, it's worth looking at why we might choose Node.js to build a command-line application.
The most obvious advantage is that if you're reading this, you're probably already familiar with it—and indeed, with JavaScript.
Another key advantage, as we'll see as we go along, is that the strong Node.js ecosystem means that among the hundreds of thousands of packages available for all manner of purposes, there are a number which are specifically designed to help build powerful command-line tools.
Finally, we can use npm
to manage any dependencies, rather than have to worry about OS-specific package managers such as Aptitude, Yum or Homebrew.
That said, that's not necessarily true, in that your command-line tool may have other external dependencies.
For this tutorial, We're going to create a command-line utility which I'm calling ginit. It's git init
, but on steroids.
You're probably wondering what on earth that means.
As you no doubt already know, git init
initializes a git repository in the current folder. However, that's usually only one of a number of repetitive steps involved in the process of hooking up a new or existing project to Git. For example, as part of a typical workflow, you might well:
git init
.gitignore
fileThere are often more steps involved, but we'll stick to those for the purposes of our app. Nevertheless, these steps are pretty repetitive. Wouldn't it be better if we could do all this from the command-line, with no copying-and-pasting of Git URLs and such-like?
So what ginit will do is create a Git repository in the current folder, create a remote repository—we'll be using Github for this—and then add it as a remote. Then it will provide a simple interactive "wizard" for creating a .gitignore
file, add the contents of the folder and push it up to the remote repository. It might not save you hours, but it'll remove some of the initial friction when starting a new project.
With that in mind, let's get started.
One thing is for certain—in terms of appearence, the console will never have the sophistication of a graphical user interface. Nevertheless, that doesn't mean it has to be plain, ugly, monochrome text. You might be surprised by just how much you can do visually, while at the same time keeping it functional. We'll be looking at a couple of libraries for enhancing the display: chalk for colorizing the output and clui to add some additional visual components. Just for fun, we'll use figlet to create a fancy ASCII-based banner and we'll also use clear to clear the console.
In terms of input and output, the low-level Readline Node.js module could be used to prompt the user and request input, and in simple cases is more than adequate. But we're going to take advantage of a third-party package which adds a greater degree of sophistication—Inquirer. As well as providing a mechanism for asking questions, it also implements simple input controls; think radio buttons and checkboxes, but in the console.
We'll also be using minimist to parse command-line arguments.
Here's a complete list of the packages we'll use specifically for developing on the command-line:
Additionally, we'll also be using the following:
Although we're going to create the application from scratch, don't forget that you can also grab a copy of the code from the repository which accompanies this article.
Create a new directory for the project. You don't have to call it ginit
, of course.
mkdir ginit
cd ginit
Create a new package.json
file:
npm init
Follow the simple wizard, for example:
name: (ginit)
version: (1.0.0)
description: "git init" on steroids
entry point: (index.js)
test command:
git repository:
keywords: Git CLI
author: [YOUR NAME]
license: (ISC)
Now install the depenencies:
npm install chalk clear clui figlet inquirer minimist preferences github lodash simple-git touch --save
Alternatively, simply copy-and-paste the following package.json
file—modifying the author
appropriately—or grab it from the repository which accompanies this article:
{
"name": "ginit",
"version": "1.0.0",
"description": "\"git init\" on steroids",
"main": "index.js",
"keywords": [
"Git",
"CLI"
],
"author": "Lukas White <hello@lukaswhite.com>",
"license": "ISC",
"dependencies": {
"chalk": "^1.1.3",
"clear": "0.0.1",
"clui": "^0.3.1",
"figlet": "^1.1.2",
"github": "^2.1.0",
"inquirer": "^1.1.0",
"lodash": "^4.13.1",
"minimist": "^1.2.0",
"preferences": "^0.2.1",
"simple-git": "^1.40.0",
"touch": "^1.0.0"
}
}
Now create an index.js
file in the same folder and require
all of the dependencies:
var chalk = require('chalk');
var clear = require('clear');
var CLI = require('clui');
var figlet = require('figlet');
var inquirer = require('inquirer');
var Preferences = require('preferences');
var Spinner = CLI.Spinner;
var GitHubApi = require('github');
var _ = require('lodash');
var git = require('simple-git')();
var touch = require('touch');
var fs = require('fs');
Note that the simple-git package exports a function which needs to be called.
In the course of the application, we'll need to do the following:
.git
).This sounds straight forward, but there are a couple of gotchyas to take into consideration.
Continue reading %Build a JavaScript Command Line Interface (CLI) with Node.js%
ECMAScript, ES6, ES2015 — you may have heard these terms in JavaScript communities around the world. Why wouldn’t you, they’re regarded as the future of JavaScript! With that in mind, a couple of months ago we had released Diving into ES2015, a course which covered the essentials in this must know JavaScript language. This week we'll run through the course with teacher Darin Haener in our Live Lesson!
Continue reading %A Lesson on ES2015 with Darin Haener – Live!%
Les 7 infos de la journée qu'il ne fallait pas manquer.
An elegant font perfect for professional businesses like architecture firms. Paul Grotesk is a three weight font focused on improving mobile readability (it has uppercase and lowercase letters, numbers and special glyphs, and it has a modern look).
The post Paul Grotesk: Modern-looking Free Font appeared first on ByPeople.
In this tutorial I'll use the Microsoft Face API to create a face recognition app with React Native. I'm going to assume that you've already built a React Native app so won't cover all parts of the code. If you're new to React Native, I recommend you read my previous tutorial on "Build an Android App with React Native". You can find the full source code for the app for this tutorial on Github.
Continue reading %Use React Native to a Create a Face Recognition App%
Google a décidé de revoir sa copie concernant son système de mise à jour. Résultat : des mises à jour plus légères et plus transparentes.
L'application de partage de photos éphémères est la grande gagnante du classement du mois d'avril de Médiamétrie, avec Twitter.
Sécurité des données, équilibre entre vie privée et professionnelle, formation des collaborateurs : voici quelques conseils pour faire face aux nouvelles tendances (BYOD, télétravail, mobilité) du monde du travail.
Whether you're turning up the volume on your car stereo, or swiping right on Tinder, user interfaces are limited to control panels, touchscreens, and displays.
User experience is not.
Smartphones have expanded the jurisdiction of UX. Now on-demand services are stretching the scope of user experience beyond the confines of your pocket-sized touchscreen.
Uber, Instacart, DoorDash - the list of services that leverage GPS tracking and cashless transactions is growing. As a result, it's changing our day-to-day experience as people, not just users.
Public transportation (often) sucks. You have to wait for a scheduled service, you have to pay with cash, and there's never anywhere to sit.
Traditional taxis aren't much better. You still have to wait, you often have to pay with cash, and you're charged a premium for the luxury of riding by yourself.
Uber improved upon traditional taxis by identifying and resolving friction in the rider's user experience. Now they're attempting to compete with public transportation through UberPOOL - a ride-sharing service.
Uber have had their well-documented issues but their heady global expansion tells you they've done something right.
What real-world UX problems did Uber solve to get here?
Whether booking a cab the night before a big trip or sneaking out before dessert to call a cab company, the wait between requesting a ride and receiving a ride has always been a pain point.
Even standing out in the middle of the street, scanning the oncoming traffic stream for an empty cab can be a soul-destroying waste of time.
Uber used good tech to attack that challenge. Thanks to smartphones, equipped with GPS, on-demand ride-sharing services can use software to pair riders and drivers.
This pairing can be instantaneous, but not always. Uber's efficiency is a testament to how the company regulates its marketplace, not the UX of its mobile app.
Uber famously raises their prices during peak times - surge pricing - to help offset demand. Riders don't like surge pricing, but the feature ensures there are enough available rides by both decreasing demand and drawing off-duty drivers back onto the road.
There's no doubt that surge pricing has been a difficult PR challenge for Uber. Certainly, some users have fallen victim to surge pricing in the past, so Uber will soon display the approximate fare before you agree to ride, whether surge pricing is active or not.
A highly data-driven system allows Uber to tackle the issue of high demand by analyzing the proximity of one route to another and attempting to pair riders. This carpooling feature (UberPOOL) lowers rider costs, increases network capacity (which reduces wait time), and even provides a social solution for daily commutes.
Placing an order over the phone can be rough because vital information (i.e. credit card numbers, addresses, times, dates, etc.) have to be communicated and reviewed.
Whenever I have to book a dentist appointment or anything else that is scheduled the old-fashioned way, there's always this moment of "Umm.. I guess we're good" that I hate. Did I hear the time right? Did they write the time down right? Could there have been a miscommunication?
All vital details are stored and easy to update and share in the Uber app. Of course, this trait is shared by all app-based services, but the pain point is eliminated all the same.
Directions used to be a huge pain. Cab drivers are human and they can miss exits if you don't provide careful instructions and pay close attention.
With ride-sharing, GPS takes you where you need to go. Type in an address and the driver has directions.
Also, when you share a ride with a friend and you have different destinations, directing the driver can become the primary focus of your ride. Uber overcomes this problem by sending the destination to the driver and allowing riders to submit subsequent destinations as needed.
Continue reading %4 Ways Uber Wins UX by Killing Friction%
Comment s’explique la recrudescence des attaques Web, et pourquoi les stratégies de défense actuelles doivent évoluer vers les services de sécurité dans le cloud ?
Si Uber est devenu l’archétype de la révolution digitale, ses perspectives ne sont pas pour autant claires, loin s’en faut. Cinq défis majeurs attendent l’entreprise.
Le mètre qui va vous donner envie de tout mesurer.
La folie Pokémon Go est bien arrivée dans l’Hexagone.
A WordPress plugin that allows you to share the content of your blog or site through the use of a set of buttons. Also, it is responsive (adapting nicely to any screen), beautiful and lightning fast.
The post Social Warfare: Responsive Social Share Buttons WordPress Plugin appeared first on ByPeople.
Avant de payer pour récupérer vos fichiers, visitez « No More Ransom ! ».
Guacamole is a free UI kit Photoshop, Adobe Xd or Sketch including 150+ icons, 70+ elements, 600+ retina-ready layers and 500+ vector shapes.
The post Guacamole: Free UI kit for Photoshop, Xd & Sketch appeared first on Freebiesbug.
Le célèbre outil de cartographie et de géolocalisation de Google vient de s’offrir une mise à jour importante aux allures de mise en beauté. Google Maps a vu son design se faire retoucher en profondeur.
Dans un livre, Davy Rey étudie l'impact de l'innovation pour les entreprises, vers de nouveaux modèles économiques et de performances.
Marketing, social and SEO strategies are key factors in the success of your site/blog. Since we know that you're constantly thinking about how to improve these marketing schemes whether to capture more leads, boost up social engagement or improve sales, this is the perfect bundle for you: Over 80 premium WordPress Marketing, SEO amd Social Engagement plugins from Popnet Media that will help you to achieve those hunted stats for your site. Scroll down to learn which premium plugins will help your site to be #1 in these topics.
The post Mega Plugin Bundle: 75 Premium WordPress Plugins for only $39.99 (99% Off) appeared first on ByPeople.
Whether you’re working on a website design project or developing an app user interface, icons will always come in handy. Save time and focus on what’s important, without worrying about the icons for your project. That is why we decided to gather here 25 free object icon sets, each containing multiple icons for you to […]
The post 25 Free Object Icon Sets appeared first on Line25.
La nouvelle version de Google Phone bénéficie d'une fonctionnalité anti-spam.
Parfois, iCloud vous aide aussi à retrouver celui qui a volé votre iPad.
A Material Kit for FramerJS created for fast and easy prototyping with Material Design without compromising the quality or customization. The core pieces that make up Material Kit are foundational elements, component library, and supporting functions.
The post Framer Material Design Kit appeared first on ByPeople.
Pour gérer et maintenir des niveaux de performances élevés dans des environnements cloud hybrides, les services informatiques doivent mettre en œuvre plusieurs bonnes pratiques. En voici 4 essentielles.
[– This is an advertorial post on behalf of Cloudinary –] JPEGs, PNGs, and GIFs — oh my! Most web developers only learn which format to use through trial, error, and long experience. And almost nobody understands how these formats actually work. In this article, we’ll take a high-level look at each formats’ compression algorithms, […]
Aujourd’hui, nous allons à la rencontre de Benjamin, entrepreneur insatiable et passionné ! Il lance aujourd’hui sa première structure en s’appuyant sur les compétences qu’il a développé sur OpenClassrooms. Il nous raconte son parcours… Pourriez-vous nous raconter vos premiers pas sur OpenClassrooms ? Jeune diplômé en Entrepreneuriat Management et Marketing, j’ai conscience du marché
Lire la suite
Dio is a lightweight virtual DOM framework. It’s only 6kb minified and gzipped.
A lightweight jQuery plugin for basic form validation using HTML5 form attributes. Recommended as a polyfill for older browsers which do not provide built-in validation.
The post AttrValidate : jQuery plugin for Form Validation appeared first on jQuery Rain.
L'opérateur français prévoit de lancer sa banque 100% mobile en 2017.
This library allows us to use html5 NotificationAPI in jquery.
The post jQuery Push Notification Plugin appeared first on jQuery Rain.
Les cofondateurs de Take Est Easy expliquent les raisons de leur choix.
Le réseau social veut mettre la vidéo à l'honneur avec sa nouvelle fonctionnalité "vidéos que vous pourriez aimer".
Avec l'ajout de ce septième fonds, 360 Capital Partners revendique 300 millions d'euros sous gestion et élargi son portefeuille de participations.
Excel n'est pas seulement un outil pour effectuer des calculs. L'application de Microsoft est aussi très pratique pour manipuler ou transformer du texte et il dispose de très nombreuses fonctions intégrées le permettant. Commençons par la fonction Concatener qu'on résume souvent dans les formules avec le symbole &. Cette fonction au nom un peu barbare […]
En décembre dernier, le leader mondial du e-commerce Amazon dévoilait ses nouveaux drones de livraison utilisés par son service Prime Air. Aujourd’hui, la plateforme annonce un partenariat avec le gouvernement […]
L'article Amazon étend le test de ses drones au Royaume-Uni est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
J'ai testé il y a quelques jours un nouveau service plutôt cool si vous prenez souvent le train. Il s'agit de Misterfox.co qui permet de scanner automatiquement tous ses billets de train SNCF en se connectant à votre boite mail, et de vous permettre d'en demander le remboursement en cas de retard ou d'annulation. Je prends > Lire la suite
Cet article merveilleux et sans aucun égal intitulé : Gagnez de l’argent grâce aux retards de la SNCF ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Christoph Dürr et Jill-Jênn Vie ont publié un livre aux éditions Ellipses, baptisé "Programmation efficace Les 128 algorithmes qu'il faut avoir compris et codés en Python au cours de sa vie". Tout un programme. J'ai le bouquin et il rassemble sous forme d'énigmes plusieurs problèmes d'algo classiques qui vous seront expliqués au fil des pages. On > Lire la suite
Cet article merveilleux et sans aucun égal intitulé : Une énigme à résoudre pour gagner le livre “Programmation efficace Les 128 algorithmes qu’il faut avoir compris et codés en Python au cours de sa vie” ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Google annonce tout juste une nouvelle fonctionnalité au sein de son système d’exploitation mobile Android, avec pour objectif de protéger les utilisateurs contre les appels indésirables. Lors d’appels suspects, une […]
L'article Android : Protection antispam pour bloquer les appels indésirables est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Après le 29 juillet, il faudra payer (ou pirater) pour utiliser Windows 10.
42% estime qu’il sera courant pour leurs clients de conserver l’ensemble de leurs données personnelles dans une blockchain d’ici 5 ans, d'après une étude américaine.
Souvenez-vous, Netflix avait annoncé une augmentation du prix de son abonnement mensuel passant ainsi de 8,99€ à 9,99€ pour la version 2 écrans. Cette augmentation n’était pas appliquée pour ceux […]
L'article Netflix : Augmentation du tarif pour les abonnés les plus anciens est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
A eux quatre, les GAFA pèsent désormais plus que les quarante premières valorisations du CAC 40. En 2016,...
Cela ne va pas fort chez Cyanogen, le célèbre fork d’Android. L’entreprise pourrait se séparer de 20% de ses salariés, mais elle aurait également une stratégie pour se refaire une nouvelle santé.
Quelles sont les différences entre les fonds d'investissement français et US, et comment bien se positionner pour mettre toutes les chances de son côté quand on cherche à lever des fonds pour sa startup.
Most everyone working or training in the technology field understands that they will be changing jobs every three years—this is part of being involved in the fastest growing and most lucrative industry in the world. Indeed, the top employment site in the world, has created a special site just for tech: Indeed Prime. Indeed Prime […]
The post Apply to Top Tech Companies with 1 Application appeared first on WebAppers.
A minimal WordPress theme for blogs that is completely responsive and suitable for all devices. The theme is optimized and tested for fast page load times, and it has a secure and clean code.
The post Edge: Minimal Free WordPress Theme appeared first on ByPeople.
A quick way to sketch out musical chord progressions made in CSS and JavaScript (Babel). It uses a Scale Generator and Arpeggio Pattern Generator created by the same guy, Jake Albaugh, and it also takes advantage of Tone.js. This is a very useful tool for musicians and composers.
The post CSS & JS Musical Chord Progression Arpeggiator appeared first on ByPeople.
A sports watch app design made in Photoshop. The app design has suitable smart objects and vectors for easy modification, and it includes beautiful Apple Watch mockups. Icons and fonts are included as well.
The post Woospo: Sport Watch App PSD User Interface Design appeared first on ByPeople.
The Rapture Startup is a simple HTML template for a website. It was designed for start-up companies focused on travelling and adventure. It has a clean layout with header, categories, features, search, team, blog, contact and more. Download file weighs 208MB.
The post The Rapture Startup: Simple HTML Web Template appeared first on ByPeople.