News dév web

Creating Strictly Typed Arrays and Collections in PHP

SitePoint.com - 24 mars, 2017 - 17:00

One of the language features announced back in PHP 5.6 was the addition of the ... token to denote that a function or method accepts a variable length of arguments.

Something I rarely see mentioned is that it’s possible to combine this feature with type hints to essentially create typed arrays.

For example, we could have a Movie class with a method to set an array of air dates that only accepts DateTimeImmutable objects:

<?php class Movie { private $dates = []; public function setAirDates(\DateTimeImmutable ...$dates) { $this->dates = $dates; } public function getAirDates() { return $this->dates; } }

We can now pass a variable number of separate DateTimeImmutable objects to the setAirDates() method:

<?php $movie = new Movie(); $movie->setAirDates( \DateTimeImmutable::createFromFormat('Y-m-d', '2017-01-28'), \DateTimeImmutable::createFromFormat('Y-m-d', '2017-02-22') );

If we were to pass something else than a DateTimeImmutable, a string for example, a fatal error would be thrown:

If we instead already had an array of DateTimeImmutable objects that we wanted to pass to setAirDates(), we could again use the ... token, but this time to unpack them:

<?php $dates = [ \DateTimeImmutable::createFromFormat('Y-m-d', '2017-01-28'), \DateTimeImmutable::createFromFormat('Y-m-d', '2017-02-22'), ]; $movie = new Movie(); $movie->setAirDates(...$dates);

If the array were to contain a value that is not of the expected type, we would still get the fatal error mentioned earlier.

Additionally, we can use scalar types the same way starting from PHP 7. For example, we can add a method to set a list of ratings as floats on our Movie class:

<?php declare(strict_types=1); class Movie { private $dates = []; private $ratings = []; public function setAirDates(\DateTimeImmutable ...$dates) { /* ... */ } public function getAirDates() : array { /* ... */ } public function setRatings(float ...$ratings) { $this->ratings = $ratings; } public function getAverageRating() : float { if (empty($this->ratings)) { return 0; } $total = 0; foreach ($this->ratings as $rating) { $total += $rating; } return $total / count($this->ratings); } }

Again, this ensures that the ratings property will always contain floats without us having to loop over all the contents to validate them. So now we can easily do some math operations on them in getAverageRating(), without having to worry about invalid types.

Problems with This Kind of Typed Arrays

One of the downsides of using this feature as typed arrays is that we can only define one such array per method. Let’s say we wanted to have a Movie class that expects a list of air dates together with a list of ratings in the constructor, instead of setting them later via optional methods. This would be impossible with the method used above.

Another problem is that when using PHP 7, the return types of our get() methods would still have to be “array”, which is often too generic.

Solution: Collection Classes

To fix both problems, we can simply inject our typed arrays inside so-called “collection” classes. This also improves our separation of concerns, because we can now move the calculation method for the average rating to the relevant collection class:

<?php declare(strict_types=1); class Ratings { private $ratings; public function __construct(float ...$ratings) { $this->ratings = $ratings; } public function getAverage() : float { if (empty($this->ratings)) { return 0; } $total = 0; foreach ($this->ratings as $rating) { $total += $rating; } return $total / count($this->ratings); } }

Notice how we’re still using a list of typed arguments with a variable length in our constructor, which saves us the trouble of looping over each rating to check its type.

Continue reading %Creating Strictly Typed Arrays and Collections in PHP%

Catégories: News dév web

Stay Organized: The 10 Best Cross-Platform Calendars

Noupe.com - 24 mars, 2017 - 09:00

One important tool for every human, and especially for web workers, is the calendar. A majority of the daily organization is done on them – and not just on a single device such as the paper planner from the old days.

It is important that appointments and tasks are correctly displayed, and kept up to date on every device, such as notebook and smartphone. For Apple users, this is simple, because the Apple operating systems take care of that themselves. But by now, there are good and elaborate solutions for Windows and Android as well. Today, I will introduce you to the best cross-platform solutions, so that you stay organized, and don’t miss any appointments.

Note that I wrote „cross-platform.” This means that you won’t find any apps here that are exclusive to one platform. The minimum precondition to be featured here was the availability of a web app.


Once Upon a Time: Apple’s iCal is Now Called Calendar and Looks a Lot More Modern.

What Makes for a Good Calendar / Taskmanager Solution

Nowadays, the average creative does not work on a single device anymore. Instead, aside from the computer or notebook, smartphones or tablets are used as well. Thus, the first, and most important requirement is a fast and reliable synchronization of appointments and tasks across all used devices. A clear structure is just as important. You have to be able to find your way quickly. It also wouldn’t hurt if there were the option to share appointments and deadlines with others.

We’ve taken a look at a couple of solutions from these points of view. Here are the results:

Sunrise Calendar

Sunrise was a promising solution until it was taken over and discontinued by Microsoft. The servers have been resting since mid-2016. Now, a few features are supposed to be directly integrated into Outlook. I have not seen anything on that as of right now. For the sake of melancholy, I’ll still leave the Sunrise Calendar in this article for a while. (ahe)

Microsoft Outlook

Microsoft Outlook has been a thing for a solid twenty years now, and it has never been free of charge. Ever since Outlook.com replaced the previous free mailers Hotmail and Live Mail, the overall image is differentiated. Outlook as a program is still charged for Windows computers. You can either buy it for about 135 Euro, or rent it with the rest of the Office365 series. If you do that, it will cost you 69 Euro a year, while giving you access to all Office products, as well as one Terabyte of online storage on OneDrive. With Dropbox, storage alone would be more expensive, which was the reason why I switched from Dropbox to OneDrive, by the way.

However, if you don’t want to spend any money, you could also use the Outlook web app just like the mobile apps that are available for Android, iOS, and Windows smartphones. Outlook also integrates Mac and Google calendars, letting you build some type of news and appointment center that works via the web, and on your mobile devices.

Microsoft Outlook for Mobile: Android on the Left, iOS on the Right

I use Outlook as my default mail client on both iOS and Android. I am still not exhausting the software, though. I could also use it to manage my appointments. I also have them integrated, so I get a complete overview in Outlook. The only thing I don’t do is managing them in there, but that’s personal preference. For me, the reason for that is that I use the Google apps on the desktop, so on mobile devices, all I need is a good overview of the data.

On iOS, I mainly use Outlook for its ability to separate the few relevant from the masses of other messages. I have disabled notifications for other messages, making sure that iOS will only notify me when there are important mails. In the other case, using the iOS mail app, I would get a notification every couple of minutes. Annoying.

Microsoft Outlook: Web App

Outlook definitely belongs into our overview. Even the free version provides enough comfort and synchronization options to meet higher standards. By the way, if you also need a desktop version to access the information, you can just use the built-in programs on macOS. Under Windows, use the mail app and start the calendar app from there. All of that works very smoothly. (dpe)

Wunderlist Wunderlist: Landing Page

Speaking of Microsoft, we might as well take a look at Wunderlist as a cross-platform taskmanager solution. Wunderlist was also swallowed by the company from Redmond, but, at least for now, it didn’t suffer the same fate as the Sunrise app. Instead, the task manager from Berlin is still being operated in the same way as before. Aside from the free version, there is a Wunderlist Pro for 4.49 Euro a month that contains slightly expanded functionalities for powerusers. I have never reached these limits.

Wunderlist shines with its extremely broad platform support since the beginning, and nothing has changed about that. There are native apps for macOS, Windows, Android, iOS, and Windows smartphones. You can also integrate bookmarklets for Chrome, Firefox, and Safari, or install a Chrome extension. Wunderlist is seamlessly integrable into Microsoft’s Outlook.

Wunderlist: No Matter Which App You Use. The Look is Always the Same.

Aside from all the native options, Wunderlist can also be used as a web app – it basically doesn’t get more flexible than that. Especially in conjunction with Outlook, Wunderlist displays all of its strengths to the fullest, but users of other systems and services shouldn’t hesitate to use it either. (dpe)

Kin Calendar

The Kin Calendar is currently in a beta stage which is only accessible via invite. According to the developers, the creation of this solution directly relates to the vanishing of the Sunrise Calendar. Because of that, it is no surprise that Kin strongly orientates itself towards the faded role model in terms of design.

Kin Calendar: Pretty, But Still Very Rudimentary.

At the current moment, Kin is no real alternative to other solutions mentioned in this article, even for people like me, who do have an invite. Sure, Kin looks fantastic. All interactions are smoothly animated, and there are some integrations with services like Trello, or Wunderlist already. Visually, Kin is a stunner. But there’s not much else here yet, and no mobile apps either.

If, however, the speed of innovation should keep going at this pace, Kin may soon rise to become one of the stars of this article. (dpe)

Google Calendar

Google delivers a classic amongst the cross-platform calendar solutions. Google Calendar can be synchronized with Android and iOS perfectly, and even the Mac calendar is usable in conjunction with Google Calendar. Of course, there are apps for both Android and iOS. Additionally, iOS and Mac users can use Google Calendar with their native calendar solutions after a simple configuration. Windows users either get to use the web interface or synchronize Google Calendar with the Thunderbird extension Lightning. The Microsoft solution Outlook is also fully compatible with the Google Calendar.

The good thing is, that users can share their calendars, both publicly and with selected people. One peculiarity is that it’s possible to subscribe to the Google Calendar via feed. Furthermore, you get to embed the calendars in websites, a feature that not a lot of services have to offer. Now, it’s almost natural that you get to invite other people to events. (ahe)

Screenshot Web View

Screenshot Android App


© Google

Any.do

Any.do is not a calendar app, but a task manager. The paid app is easy to use and perfectly synchronizes on all devices. There are apps for Android and iOS respectively, there is a particular extension for Chrome, and a web interface.

The to-do lists can be shared with friends, family members or colleagues. Share the buying list with your partner, plan an event with your friends, or simply keep track of an occupational project. Any.do can be integrated into Gmail via extension, chiming into every email to provide task options. (ahe)

Any.do Cal

Probably due to the large success of the task manager app, the creators of Any.do decided to put out a calendar to go with the task planner. This one has the simple name Cal and seamlessly ties into the look of Any.do.

This video only shows the Android App. However, it is mostly identical to the iOS version both visually and functionally. In contrast to Any.do itself, there is no web app, at least for now. Cal is available for free as well.

The catch is, that Cal is not an actual calendar, but can only be used as the frontend for a calendar that you have set up somewhere else. For example, you get to manage your Google Calendar using Cal. That means, if you don’t use a calendar service yet, Cal is not an alternative for you.

Cal by Any.do: The App is Pretty, No Doubt.

Cal only gets you full utility when using it together with the task manager Any.do, which is why you can, and should, connect the two services. If you don’t do that, Cak will repeatedly annoy you with the recommendation to do it.

When using Cal, it is very clear that the developers’ main focus was the design. This caused decisions that are questionable in some spots. Of course, it looks a lot better when only one day is visible. But sometimes, an overview over an entire week, or at least an agenda view would be a lot more helpful. Cal doesn’t provide either. Instead, you get the most beautiful dialog for adding new appointments on the market. (dpe)

Todoist

Todoist is celebrating its tenth birthday in 2017. By now, almost 50 people are working on the service that recently welcomed its 10 millionth user. Todoist had its own approach from the very beginning, its own idea of task management. I don’t know if, or how often the team has had internal discussions about adding a calendar to the task management. Anyway, this has not happened yet, and after ten years, I wouldn’t expect it to.

So the first thing we notice when looking for a calendar is that there’s no calendar. In Todoist, the display of tasks is generally done in lists. Here, there are time-related lists like “today” and “following seven days”. In there, you’ll also see the days with no tasks assigned to them, so, with a lot of fantasy, you could use this view as a calendar. Of course, how you use Todoist is your thing. You could just enter all appointments as tasks, even though it was not meant to be done that way.

One key strength of Todoist is its extensive platform support. No matter which mobile device you use, there’s an app. Native apps are also available for Windows and macOS, even though the web app was still completely sufficient to me. I don’t use a native Todoist app on desktop devices. Instead, I use the web interface exclusively.

On top of all the apps, there are several extensions available for Todoist, allowing users to integrate Todoist into Gmail or Outlook, for instance. I also like to use the browser extension that allows me to add the website I just visited as a task.

Visually, Todoist is reduced to the absolute minimum, making working with the service very simple and focused. Todoist has been doing everything that is now being preached regarding design for ten years already.

Todoist: Lots of Whitespace and a Clear Design. (Photo: Todoist)

My favorite feature is the option to enter appointments using natural language. For instance, when typing “Tomorrow morning at 8 am”, Todoist will enter the appointment correctly. The same thing goes for setting up returning appointments via “every Monday at 8 am”, for example.

Overall, Todoist offers a matured package that doesn’t leave much to be desired. Of course, this also makes it easy to delegate tasks and manage them in a team. Segmented projects and sub-tasks allow for much higher clarity within complex task relations. All of these features are available for free.

However, if you want to work with comments, or sort tasks via tags and filters, you need a premium account. This one comes in at a reasonable 28.99 Euro a year. You can inform yourself about the different plans here. (dpe)

Jorte

Jorte is a calendar from the land of the rising sun which should explain the playful, corny design to the western eyes. Jorte is available for smartphones under iOS, Android, and Windows, as well as a web app called Jorte Cloud. Regarding the looks, all types of bad taste are supplied, with even a cinnamon-like design being selectable.

Regarding functionality, Jorte orientates itself towards proven concepts from the analog world, such as the idea of a Filofax. The app covers notes, appointments, and tasks all at once, making it an excellent choice for the daily routine. Similarly to Google Calendar, external calendars can be integrated into Jorte, so that you always see when the next school vacation or holiday is, as long as you have publicly available calendars integrated. You can also share your calendars with a team or even publicly. There are no further options, such as e.g. delegation.

While the web app runs smoothly, the mobile apps are what will be the most fun to the fans of this calendar. Here, you get to directly add photos to appointments, while being able to choose from a large variety of different icons and fonts. If you like it…

To turn off the ads in Jorte, you have to pay 3.99 USD a year. If you are a fan of playful designs, you can get a large variety for 1.99 USD a month. If you want to tie Evernot to Jorte, that will cost 2.99 USD a month for the premium plan. (dpe)

SmartDay – Collaborative Appointment and Task Manager

SmartDay by Leftcoastlogic considers itself to be a one-stop shop for appointment and task management of real people. It wants to organize appointments, tasks, notes, and projects alike and comprehensively focuses on collaboration. Thus, comments can be written on each task and every appointment, tasks can be delegated, and projects shared. The smart thing about SmartDay is supposed to be that, if you want to, your tasks can automatically be scheduled inbetween your other appointments.

SmartDay is available for the web as mySmartDay.com. Here, it is free and mainly meant as a synchronization hub for the macOS, iOS, and Android apps. While using the web app is free, you will have to pay 9.99 EUR for the macOS, 4.99 EUR for the iOS, and 3.64 EUR for the Android version. The prices are a one-time payment, not a subscription.

Fruux – Contacts, Calendars & Tasks

Fruux, a startup from Münster in Germany, has set their goal to synchronize everything with everyone in realtime. Thus, fruux is used with the apps that we already know and love. The synchronization solution is not tied to a particular operating system; it is simply meant to work with everything. No matter if you use Windows, Linux, macOS, Android, or iOS. Share your calendar with friends, create a team address book, or work out other things you’d like to share. All information you entrust fruux with is stored on their internal cloud on European servers.

After signing up for the free basic account, you’ll be asked to synchronize your devices and application, which is done pretty quickly and easily. This is only needed once, and after that, fruux takes care of the work and keeps all connected devices synchronous. In general, contacts, calendars, and task lists can be synchronized.

After that’s done, fruux can be used on any device in any place. In the free basic version, it is possible to synchronize two devices.

If you need to synchronize more, or if you want to enjoy fruux’ advantages with your team, you have to choose one of the premium accounts.

The Pro account is affordable at 4 EUR a month. This lets you synchronize up to tem devices or applications. This way, you also get to share things with others as often as you like. (ahe)

Conclusion

Particularly in the area of cross-platform calendars and task managers, there’s a need for development. In my opinion, the best solution in our small test field was the Sunrise Calendar. Unfortunately, it has taken the way of all flesh.

The second app that sets itself apart from the masses is Any.do, which I find very exciting. No costs, and reduced to the basics – but only for task management. However, the app Cal, by the same developer, does an insufficient job at completing the package.

Google Calendar, on the other hand, could use some further development and thought. Google’s designers should take another look at it. Of course, the Google Calendar is not bad regarding functionality, no doubt.

Microsoft Outlook stands out here, as it is possible to integrate it with many services. For example, you could manage your Google Calendar with Outlook.

For appointments, I use the Google Calendar, and for tasks, I use Todoist. What are you using?

(ahe/dpe)

Related Links

Google Calendar

Microsoft Outlook

Wunderlist

Kin Calendar

Any.do

Cal by Any.do

Todoist

Jorte

SmartDay

fruux

Catégories: News dév web

10 Fancy Free Magazine Themes for your WordPress

Noupe.com - 23 mars, 2017 - 10:00

Magazine themes are getting increasingly more popular. They look nice and offer a lot of information directly on the landing page. As they are not only suitable for news websites, but also being used in more and more blogs, today, I picked ten really fancy and cool free magazine themes for your WordPress. Surprise your readers with a new look.

You Probably Won’t Know These Themes Yet

I didn’t take the easy route, as I wanted to surprise you with themes that you probably don’t know yet. Themes made by quite unknown developers that do a really good job. All the themes are beautiful enough to be worth being presented here.

Lite and Pro Versions of the Magazine Themes

Today, you can get free versions of most themes via the official WordPress theme index. In a lot of cases, the functions of the themes’ free lite versions will be enough. And if you happen to really need the entire feature variety of the pro version, that’s not a bad thing either, as the prices for professional themes have decreased over the past years.

If there are pro versions of the presented themes, I’ll also list the price, as well as the link to the full-fledged theme.

1 – Metro Magazine by Rara Theme

Download on WordPress | Demo | Pro Version: 59 USD

2 – Magazine Plus by WEN Themes

Download on WordPress | Demo | Pro Version: 49 USD

3 – Clean Magazine by Catch Themes

Download on WordPress | Demo

4 – MagCast by Theme Horse

Download on WordPress | Demo

5 – Smart Magazine by Qaiser

Download on WordPress | Demo

6 – Numinous by Rara Themes

Download on WordPress | Demo | Pro Version: 59 USD

7 – Simple Perle by Nudge

Download on WordPress | Demo | Pro Version: 49 USD

8 – Monograph by Ilovewpcom

Download on WordPress | Demo

9 – Synapse by Rohit Tripathi

Download on WordPress | Demo | Pro Version: 45 USD

10 – NewsAnchor by Athemes

Download on WordPress | Demo | Pro Version: 39 USD

Conclusion

Unknown developers create beautiful themes, with some of them being much more appealing than the popular themes by – better known developers. Personally, I like the Metro Theme the most. Its clear design does a great job at setting itself apart from the masses.

Catégories: News dév web

Parallel Programming with Pthreads in PHP – the Fundamentals

SitePoint.com - 22 mars, 2017 - 17:00

PHP developers seem to rarely utilise parallelism. The appeal of the simplicity of synchronous, single-threaded programming certainly is high, but sometimes the usage of a little concurrency can bring some worthwhile performance improvements.

In this article, we will be taking a look at how threading can be achieved in PHP with the pthreads extension. This will require a ZTS (Zend Thread Safety) version of PHP 7.x installed, along with the pthreads v3 installed. (At the time of writing, PHP 7.1 users will need to install from the master branch of the pthreads repo - see this article's section for details on building third-party extensions from source.)

Just as a quick clarification: pthreads v2 targets PHP 5.x and is no longer supported; pthreads v3 targets PHP 7.x and is being actively developed.

A big thank you to Joe Watkins (creator of the pthreads extension) for proofreading and helping to improve my article!

When Not to Use Pthreads

Before we move on, I would first like to clarify when you should not (as well as cannot) use the pthreads extension.

In pthreads v2, the recommendation was that pthreads should not be used in a web server environment (i.e. in an FCGI process). As of pthreads v3, this recommendation has been enforced, so now you simply cannot use it in a web server environment. The two prominent reasons for this are:

  1. It is not safe to use multiple threads in such an environment (causing IO issues, amongst other problems).
  2. It does not scale well. For example, let's say you have a PHP script that creates a new thread to handle some work, and that script is executed upon each request. This means that for each request, your application will create one new thread (this is a 1:1 threading model - one thread to one request). If your application is serving 1,000 requests per second, then it is creating 1,000 threads per second! Having this many threads running on a single machine will quickly inundate it, and the problem will only be exacerbated as the request rate increases.

That's why threading is not a good solution in such an environment. If you're looking for threading as a solution to IO-blocking tasks (such as performing HTTP requests), then let me point you in the direction of asynchronous programming, which can be achieved via frameworks such as Amp. SitePoint has released some excellent articles that cover this topic (such as writing asynchronous libraries and Modding Minecraft in PHP), in case you're interested.

With that out of the way, let's jump straight into things!

Handling One-off Tasks

Sometimes, you will want to handle one-off tasks in a multi-threaded way (such as performing some IO-bound task). In such instances, the Thread class may be used to create a new thread and run some unit of work in that separate thread.

For example:

$task = new class extends Thread { private $response; public function run() { $content = file_get_contents("http://google.com"); preg_match("~<title>(.+)</title>~", $content, $matches); $this->response = $matches[1]; } }; $task->start() && $task->join(); var_dump($task->response); // string(6) "Google"

In the above, the run method is our unit of work that will be executed inside of the new thread. When invoking Thread::start, the new thread is spawned and the run method is invoked. We then join the spawned thread back to the main thread (via Thread::join), which will block until the separate thread has finished executing. This ensures that the task has finished executing before we attempt to output the result (stored in $task->response).

Continue reading %Parallel Programming with Pthreads in PHP – the Fundamentals%

Catégories: News dév web

Popular Productivity Apps for Design Teams and Designers

WebAppers.com - 21 mars, 2017 - 14:32

Advertise here via BSA

Without a lot of effort on your part, there are several things you can do to increase your productivity.

Apps have been created for a nearly unlimited number of different uses. Whatever an app is used for, it often makes a given task easier. No matter what your line of work, an app exists that can make some facet of that work easier, and make you more productive.

For the web designer, there’s an app in this listing that speeds up workflow by making prototyping faster and more efficient. Project leaders will find apps that can perform mundane or repetitive project or task management activities, do time tracking, or make collaborating more efficient.

There are also things you can do to boost your productivity by changing your everyday work routine.

Active Collab

Active Collab is a one-stop-shop project management app for designers and design teams. With this app, you will spend less time managing your projects and more time delivering results.

Active Collab has a flexible project overview. You can lay your projects out on a Gantt-like timeline, and then organize your tasks as you would cards on a Kanban board. It lets you centralize your team collaboration activities in one place, making it easier for everyone to stay up-to-date.

With many available integrations, Active Collab can easily pull information from other apps. This means that your team members are not restricted to using a certain set of tools. You can also include clients and give them access to your design projects. Thus, they can see what you’re working on, eliminating hundreds of email exchanges that slow you down.

Active Collab has proven to be valuable to more than 200.000 users.

Have complete control over your work, keep track of time spent on tasks, generate custom reports, and invoice your work in a few seconds. Try it free for 30 days!

Wake

Wake is the fastest way for designers to share work with their team.  Quickly share work, see what your team is working on, and keep the conversation going. With Wake, you can upload and share sketches, screenshots, or other work, without ever interrupting your Photoshop, Sketch, or Illustrator design flow.

For example, you can use Wake’s iOS app to capture notebook or whiteboard content and instantly share it with your team. The app allows you to share and see project feedback on the go.

This ability to share work without interrupting workflow makes the entire design process more transparent for your entire team, even those outside of design. With Wake, work can be shared publicly, so everyone knows what everyone is working on; or shared privately with selected individuals or stakeholders.

Proto.io

The first step toward building an awesome product is often one of building an awesome prototype. That’s exactly what Proto.io does. It allows you to easily construct a prototype that’s hard to tell from the real deal, without writing a line of code.

Use its wonderfully-crafted Android and iOS components to design directly in Proto.io; or, you can import your designs from Sketch or Photoshop. You can turn your static designs into interactive prototypes by creating beautiful interactions, stunning animations, and popular gestures.

With Proto.io you can add any touch or mouse events for mobile and web prototyping, and its popular Interaction Design Patters allow you to speed up design. When a prototype is complete, you can preview it in your browser, or on a real device for sharing with key stakeholders, making the experience as realistic as possible.

Test Proto.io for free for 15 days.

Meister Task

MeisterTask’s flexible project boards can easily be adapted to your workflow to ensure that team members are always on the same page. One thing that sets this task management app apart is its customizable dashboard.

You can see at a glance what has been accomplished in your absence, which tasks are open, and have the information at your fingertips that allows you to focus on the activities for the day.

Minterapp

Minterapp is an online time tracking and invoicing solution for small businesses. With Minterapp, it’s easy to convert time tracked into custom invoices that clients can receive and pay online.

This app can also be used to create detailed estimated for your clients. Minterapp integrates easily with Basecamp, Mailchimp, PayPal. It can be used as a Chrome extension, and set up to serve an unlimited number of users.

Salesmate

Salesmateis a small business CRM that can be used by teams of all sizes and shapes. It’s an all-in-one sales management, automation, and business acceleration software solution that helps businesses manage their pipelines, save sales cycle time, and win new customers.

With Salesmate, it’s easy assign and track deals, evaluate team and individual progress, and get a real-time view of your company’s entire sales funnel.

Productivity Tips and Tricks

Plan Your Day

If you fail to plan, you plan to fail. If you don’t have a plan for the day’s workflow, how can you plan on having a productive day?

Whatever line of work you may be in, the busier you get, the greater your need for a plan to avoid being overwhelmed. When that happens, you start looking for a solution before you understand the problem.

The best way to plan your daily routine is to set up a list of prioritized tasks at the end of the preceding day. If your plan still makes sense the next morning, stick to it.

Keyboard Shortcuts that Make You a Better Designer

Web designers don’t always take advantage of keyboard shortcuts; but, the time it takes to learn and remember them is time well spent. The time you save, quickly adds up.

Standardize Naming Conventions, and Assign Tags

Standardize your file names. By doing so, you’ll find it’s easier to organize and identify your assets. Standardizing your file names also makes life easier for those your collaborators or those you submit your design files to. Tagging your files can significantly reduce the time it takes to search for them on your computer.

Use Time Tracking

How much time do you waste procrastinating? Cut it to zero by time tracking, and you have just that much more time for productive work. Time tracking canboost your productivity daily, and over the long term as well.

Once you begin tracking your time, you’ll find it easier to provide clients with reliable estimates. You can soon put missed deadlines and working in a hurry-up mode behind you; and, from your clients’ perspective, you’ll look every bit like a seasoned pro.

There is a host of time tracking apps on the market. Most are easy to use, and worth every cent you invest in them.

Customize Your Workspace for Speed

By customizing your workspace within the applications you use, and taking advantage of any available shortcuts, you can dramatically boost your productivity. When everything you need to work on a project or the task at hand is at your fingertips, you won’t waste precious time hunting for them. Customize preset workspaces, like the ones you’ll find in Adobe, and you can add to your productivity.

Sponsors

Professional Web Icons for Your Websites and Applications

Catégories: News dév web

E-Learning: How to Expand Your Knowledge Independently

Noupe.com - 21 mars, 2017 - 10:00

Every vocational field is undergoing constant change. Especially technological evolution and digital trends often cause significant changes. If you want to stay up to date while keeping up your daily stint, there are several different e-learning offers, which are powerful tools that let you educate yourself no matter the time or place.

Aside from countless free video tutorials and online classes, there are plenty of professional suppliers out there as well, using the internet’s possibilities and the according technological equipment to pass on their knowledge. Whether it’s about tips and tricks on web design, necessary knowledge for founders, or branch specific changes and expert knowledge – a lot can be found via e-learning portals.

Boom of Online Learning Programs

Today, it has become natural for most of you that information or tutorials on all possible topics are available on the web for free. However, the more specific or exclusive the knowledge becomes, the more often you will have to pay for an according learning program. The term lifetime learning becomes increasingly relevant these days, as spending the entire work life in the same company is not usual anymore. Every new job comes with different challenges, and the digital offers can help you gear up for the new job.
Specialists on the topic have discovered the digital options, and offer free learning videos or digital training and webinars. Several startups were able to get going with this type of business model since the demand for computer-based learning content is still high.

In 2015, the worldwide sales volume of mobile learning sat at 8.7 billion USD. For 2017, a volume of 12.2 billion USD was predicted.
Source: Ambient Insight

But companies from all kinds of different branches started using the web increasingly more often, spreading knowledge or tutoring their employees. If your job has something to do with particular suppliers or brands that play a relevant part, this is a good way of gaining information on this section, like new technology, or certain standards.

Different Systems

A distinction between synchronous and asynchronous learning is drawn. For the first one, the learner has to be online at the same time as the lecturer, to take part in the advanced education program. In many situations, it is advantageous to have an experienced go-to person that can answer questions, as well as take care of each student individually.
With asynchronous learning, a teacher or lecturer is either not live and simultaneously present during the learning unit, or the content is passed on via video. The autonomous development of knowledge via didactically rehashed classes is possible as well.

Here, the advantage is that the learning units can be completed whenever there’s time. This allows for the gain of new knowledge on the user’s tempo without a compulsory curriculum. Additionally, it is possible to compile different content or learning modules based on the desired topics or the individual needs.

Extensive Supply From Professional Suppliers

With many businesses, those willing to pay for advanced training opportunities will profit from the interaction between several different media options. Aside from learning videos, other content will be available for the class participant to work out on his own. Accompanying exercises, case studies, or tests, but also communication options, or replies to individual questions make for an elaborate education offer. Often, the content is well-prepared didactically, and comes with many advantages:

  • Different Preparation of the Content for Different Types of Learning
  • Learning is Time- and Place-independent
  • Self-determination of the Learning Speed and the Respective Learning Content
  • Unlimited Repetitions Possible
  • Costs are Mostly Lower

By now, there is a market of heavily specific offers. Since the digital network allows for a wide range, there’s a tutorial or webinar on pretty much any topic. Especially the latter ones give you the option to pass on unique experiences, which was not possible that way before. In a live stream, entrepreneurs talk about how they raised their company, which stumbling blocks they had to deal with, and which solutions were or weren’t helpful for the different problems. First-hand insider knowledge becomes a practical means of education thanks to digital technology.

Because of that, there are good offers available even for content that could not be learned via scholastic channels. Particularly for founders and young entrepreneurs, content on company foundation, individual case examples, or information on branch-specific characteristics are imperative and can be found digitally on different platforms.

Due to the high range, the webinars or online classes are worth it even for single persons. The more people sign up, the lower the price for the offer can be, without having to forgo turnover. A high number of participants generates a good income, especially when it comes to the so-called MOOCs (Massive Open Online Course).

Motivation and Self-Initiative

Those choosing an e-learning offer at least show a certain level of self-initiative. This is definitely needed in order to actually profit from a class or tutorial. How in-depth the content is learned and repeated to memorize it long-term is up to your motivation. To go all the way through a longer education unit, the motivation mustn’t drop. Varied content with interactive modules may help here. Many topics are designed in a way that users get to consume them in small steps. This way, gaining knowledge or selecting the units that are needed to solve a particular problem is possible even with limited time.

The lack of personal supervision causes problems for many people when using an offer where a tutor or lecturer is not present. With classes that were designed for learning alone, the lack of social contact often has negative effects. The acquired knowledge can not be exchanged, and there is no additional transfer of knowledge. Some portals balance this via other offers, like a homework chat, or moderated discussion forums, in which the participants get to talk about the different topics.

Microlearning Trend

Lots of learning content is prepared in small units, allowing users to choose what’s interesting at that moment. With the digital mediation of micro-content, for example, knowledge blocks for the exam preparation are made available so that it is possible to repeat and learn them in stages. For that, there are plenty of options for the educational presentation. Playful methods with questions and answers, similar to a quiz, are a possibility as well.

Tips For Selecting the Right Offer

Different criteria have to be kept in mind when choosing the appropriate offer. Many professional businesses give users the option of a trial course or provide some content for free. This way, users get a first-hand impression of the quality. This also lets them find out if the available classes meet the personal requirements. The following traits are characteristics of a good learning offer:

  • Clearly defined learning content and goals
  • Clear structure and target-group oriented content
  • Appropriate class duration, preferably multiple short stages of about ten minutes for self-learning classes
  • High-quality didactic preparation with sensible use of multimedia elements
  • Additional class and accompanying material, like worksheets and exercises to solve online or download
  • High audio and image quality of video lessons
  • Displayed image content matching spoken text
  • Note form summary of the learning content at the end
  • Visual and verbal explanation of circumstances

At some professional educational providers, it is also possible to purchase certificates that go along with some advanced training offers. However, most of the time, this is only possible for classes with attendance at specific times and is connected to a final exam.

For example, the European Business Competence License (EBC*L), and several language certificates are obtained this way. Aside from the nationally or internationally comparable degrees, some businesses also make out a company-specific certificate as proof for your participation. Depending on the reputation and popularity of the educational provider, this type of license may leave a good impression in a résumé.

Catégories: News dév web

Sourcehunt – Build a Medium Exporter + Cool New Libs!

SitePoint.com - 20 mars, 2017 - 17:00

It's time for our monthly hunt for new open source libraries to use and contribute to!

If you're new to Sourcehunt, it's our monthly post for promoting open source projects that seem interesting or promising and could use help in terms of Github stars or pull requests.

It's our way of giving back - promoting projects that we use (or could use) so that they gain enough exposure to attract a wider audience, a powerful community and, possibly, new contributors or sponsors.

We've had a lot of fantastic submissions this month, so let's dive in!

rethinkphp/json-validator [28 ★]

A Json Validator that designed to be elegant and easy to use.

Made by the author of the Blink framework, json-validator's only purpose is to make sure a data structure conforms to the pre-defined specification. It currently supports int, double, bool, string, number, array, and object, but also lets you define fully custom types, like so:

$validator->defineType('User', [ 'name' => 'string', 'gender' => 'string', 'age' => '?integer', ]);

You can also define them in callables:

$validator->defineType('timestamp', function ($value) { if ((!is_string($value) && !is_numeric($value)) || strtotime($value) === false) { return false; } $date = date_parse($value); return checkdate($date['month'], $date['day'], $date['year']); });

The library is very new and could use contributions - everything from the docs to features needs work, so it's a great opportunity to contribute.

Nerdmind/Blog [20 ★]

This minimalistic and mobile-friendly blogging engine, while leaving much to be desired in the visual department, is a practical quick-fix for anyone looking to start a blog without the baggage of larger system weighing them down.

It does seem somewhat like a learning experience for the author, so why not jump in, identify some issues (lots of antipatterns right off the bat), and maybe fix some while you're at it? Perhaps both of you can learn from the experience.

violet-php/streaming-json-encoder [125 ★]

This streaming JSON encoder lets you process and send large JSON files without hitting the memory limit. As described in the README:

Streaming JSON Encoder is a PHP library that provides a set of classes to help with encoding JSON in a streaming manner, i.e. allowing you to encode the JSON document bit by bit rather than encoding the whole document at once. Compared to the built in json_encode function, there are two main advantages:

  • You will not need to load the entire data set into memory, as the encoder supports iterating over both arrays and any kind of iterators, like generators, for example.
  • You will not need to load the entire resulting JSON document into the memory, since the JSON document will be encoded value by value and it's possible to output the encoded document piece by piece.

It also provides a PSR-7 compatible stream for those kinds of frameworks.

The package could use more tutorials, tests, and usage examples, so get on it if you're eager - we'll pay!

dsentker/phpinsights [2 ★]

This simple but effective wrapper around Google PageSpeed Insights is incredibly useful for testing pipelines when you want to track your pagespeed score across time or commit.

$uri = 'http://example.com'; $caller = new \PhpInsights\InsightsCaller('your-google-api-key-here', 'de'); $response = $caller->getResponse($uri, \PhpInsights\InsightsCaller::STRATEGY_MOBILE); $result = $response->getMappedResult(); var_dump($result->getSpeedScore()); // 100 var_dump($result->getUsabilityScore()); // 100

Note that you need to get an API key from the Google Dev console before you can use it.

Right now, it needs more tests, so if your TDD-fu is weak, here's a chance to refresh it!

lazychaser/laravel-nestedset [847 ★]

A fairly popular library already, laravel-nestedset provides Laravel users with a very approachable and incredibly versatile solution to working with nested sets.

As the repo states, it is a way to effectively store hierarchical data in a relational table, and shows good performance when tree is updated rarely. It is tuned to be fast for getting related nodes and ideally suited for building multi-depth menus or categories for shops.

The library is feature-rich, including but not limited to reversed tree retrieval, appending and prepending to any parent level, dealing with siblings, flattening, and more.

Right now, it has 15 issues that need attention - go and give them a hand if you can, will you?

Continue reading %Sourcehunt – Build a Medium Exporter + Cool New Libs!%

Catégories: News dév web

2016 Revisited: Best Resources for Web Developers – Plugins, Tools and Solutions

Noupe.com - 20 mars, 2017 - 10:00

One of the easiest ways to add to your website some outstanding features is to find and apply a proper plugin.

For example, there is a ton of sites out there that leverage dynamic effects for giving each section a pleasant entrance. To obtain the same result, you can opt for an AOS plugin that stands for “Animation On Scrolling.” It has a bunch of tiny effects in its arsenal. Simply add necessary classes to the desired “div” and your interface will get a subtle touch of dynamics and user experience a lovely cutting-edge feel. If you need a parallax that is still popular these days, then there is a great solution called Parallax.js or Jump.js. The same goes to incorporating little enhancements like enjoyable pop-up modal windows, rich tooltips or full-screen videos: there are time-tested methods to adopt. Even such things as duotone effect, particles animation, or responsive navigation can be worked into your project just with several simple manipulations. You do not even need to get to the bottom of the technique – just enjoy its benefits; plugin with its carefully encapsulated functionality will do all the heavy lifting. In one word, there is a solution to any problem all you have to do is to search a little. Though, of course, in some cases, these searches may be pretty exhaustive.

To save you from such unfortunate outcomes, each year we assemble a list of 100 useful plugins from different areas that give you a freedom of maneuver and let you introduce the desired improvements to the interface. This year is no exception, and we have prepared a collection of free plugins that may assist you in adding dynamic effects, creating animations, applying CSS-based filters to images, and much more.

AniJS


Creator: dariel_noel.
License: MIT.

Bideo


Creator: Rishabh
License: MIT.

AOS


Creator: Michal Sajnóg
License: MIT.

Jump.js


Creator: Michael Cavalea
License: MIT.

Bonsai


Creator: David Aurelio
License: MIT.

Mo.js


Creator: Oleg Solomka
License: MIT.

Snabbt


Creator: Daniel Lundin
License: MIT.

Philter


Creator: Liudas Dzisevicius
License: MIT.

CSSFilter


Creator: Indrashish Ghosh
License: MIT.

CSSGram


Creator: Una Kravets
License: MIT.

Materialize


Creator: Alan Chang
License: MIT.

Grapes.js


Creator: Artur Arseniev
License: BSD 3-clause.

Descartes


Creator: Jon H.M. Chan
License: MIT.

Absurd.js


Creator: Krasimir Tsonev
License: Read the License.

Picnic CSS


Creator: Francisco Presencia
License: MIT.

Intense Image Viewer


Creator: Tim Holman
License: MIT.

Zingtouch


Creator: Zingchart
License: MIT.

Loud Links


Creator: Mahdi.
License: See the LICENSE file for license rights and limitations (MIT).

jQuery FormBuilder


Creator: Kevin Chappell
License: MIT.

Snap.js


Creator: jakiestfu
License: MIT.

Dynamics.js


Creator: Michael Villar
License: MIT.

Create.js


Creator: Grant Skinner
License: MIT.

Grade.js


Creator: Ben Howdle
License: MIT.

Umbrella.js


Creator: Francisco Presencia
License: MIT.

Modal


Creator: Humaan
License: MIT.

Mobile Editing


Creator: Ben Pines
License: Declared as Free, no proper license given.

Blend


Creator: Colin Keany
License: Declared as Free, no proper license given.

Free CSS Generator


Creator: simplecss.eu
License: Declared as Free, no proper license given.

FormLinter


Creator: thoughtbot inc.
License: Declared as Free, no proper license given.

LostGrid


Creator: Peter Ramsing
License: MIT.

Bootstrap 4 Classes List Reference


Creator: Bootstrap Creative LLC
License: Declared as Free, no proper license given.

Headroom.js


Creator: Jeferson Koslowski
License: MIT.

PaymentFont


Creator: Alexander Manfred Pöllmann.
License: MIT and SIL OFL 1.1.

DIV Table Generator


Creator: wwweeebbb
License: Declared as Free, no proper license given.

Hammer.js


Creator: Alexander Schmitz, Chris Thoburn, Jorik Tangelder
License: Declared as Free, no proper license given.

Kute.js


Creator: dnp_theme
License: MIT.

Cleave.js


Creator: Max Huang
License: Apache License Version 2.0.

Numeral.js


Creator: Adam Draper
License: MIT.

PatternsLib


Creator: Cornelis G. A. Kolbach
License: Read the License.

AlloyFinger


Creator: dntzhang
License: MIT.

In-view.js


Creator: Cam Wiegert
License: MIT.

Choreographer.js


Creator: Christine Cha
License: MIT.

Zenmix.io


Creator: Logan Nickleson
License: Non-commercial use.

Coverr


Creator: CodersClan and Veed.Me teams
License: CC0 1.0 Universal.

Granim.js


Creator: Benjamin Blonde
License: MIT.

Plottable.js



Creator: Palantir Technologies.
License: MIT.

Eg.js


Creator: YongWoo Jeon
License: MIT.

Shave


Creator: Dollar Shave Club Engineering.
License: Declared as Free, no proper license given.

CSSNano


Creator: Ben Briggs
License: MIT.

Useful.ly


Creator: Tim Moreton Jr
License: MIT.

JsPsych


Creator: Josh de Leeuw
License: MIT.

TableFilter


Creator: koalyptus
License: MIT.

Blueprint


Creator: Palantir Technologies
License: BSD.

McGriddle


Creator: Jonathan Suh
License: MIT.

Choo


Creator: Yoshua Wuyts
License: MIT.

Cesium


Creator: Analytical Graphics, Inc. (AGI) and Bentley Systems.
License: Declared as Free, no proper license given.

Huebee


Creator: Metafizzy
License: open-source, commercial, and OEM.

Textpression


Creator: Takeshi Takahashi
License: Declared as Free, no proper license given.

Timeline.js


Creator: KnightLab
License: Mozilla Public License Version 2.0.

Brick.js


Creator: Michael Cavalea
License: MIT.

CSSCo


Creator: Lauren Waller
License: MIT.

Particles.js


Creator: Vincent Garreau
License: MIT.

okayNav jQuery Plugin


Creator: VPenkov
License: MIT.

List.js


Creator: Jonny Strömberg
License: MIT.

Balloon.css


Creator: Claudio Holanda
License: MIT.

Tasty CSS-animated hamburgers


Creator: Jonathan Suh
License: MIT.

Imagehover.css


Creator: Ciaran Walsh
License: MIT.

Aleut.css


Creator: Knut Melvær
License: Declared as Free, no proper license given.

GRD


Creator: Shogo Sensui
License: MIT.

Rich.css


Creator: Richardson Dackam and numerous contributors
License: MIT.

Bricklayer


Creator: Adem Ilter
License: Read the License.

SweetAlert 2


Creator: Limon Monte
License: MIT.

Feature.js


Creator: Viljami Salminen
License: MIT.

Isomer


Creator: Jordan Scales
License: MIT.

Stage.js


Creator: Ali Shakiba
License: MIT.

Circles


Creator: Lugo Labs
License: MIT.

Progress.js


Creator: Afshin Mehrabani
License: Read the License.

Turntable.js


Creator: Polar Notion
License: Declared as Free, no proper license given.

Flexbox Patterns


Creator: CJ Cenizal
License: Declared as Free, no proper license given.

Blaze.css


Creator: Greg
License: MIT.

Push.js


Creator: Tyler Nickerson
License: MIT.

Wait!Animate


Creator: Will Stone
License: MIT.

Simple Grid


Creator: Zach Cole
License: MIT.

Flexbox Grid


Creator: Kristofer Joseph
License: Apache License, Version 2.0.

Force.js


Creator: René Tanczos
License: MIT.

Driveway


Creator: jhey tompkins
License: MIT.

Timesheet.js


Creator: Sebastian Müller
License: MIT.

Epoch


Creator: Ryan Sandor Richards and contributors
License: MIT.

Vis.js


Creator: Almende B.V.
License: Apache 2.0 and MIT.

Responsive Nav


Creator: Viljami Salminen
License: MIT.

Popper.js


Creator: Federico Zivolo & Contributors
License: MIT.

Sly


Creator: darsain
License: MIT.

Family.scss


Creator: Patrik Affentranger
License: MIT.

Image Hover Effects


Creator: Michael Young
License: MIT.

Starability.css


Creator: Anna Migas
License: MIT.

Repaintless.css


Creator: Anna Migas
License: MIT.

Timedropper


Creator: Felice Gattuso
License: MIT License, CC BY 4.0.

Progress Bar.js


Creator: Kimmo Brunfeldt
License: MIT.

Tabslet


Creator: Dimitris Krestos
License: Apache License.

Cutestrap


Creator: Tyler Childs
License: MIT.

Catégories: News dév web

My Laravel Package Building Workflow

SitePoint.com - 17 mars, 2017 - 22:17

Packages are a really important part of the Laravel experience (just like with any other framework). Whatever we need to do, there’s probably already a package for it out there; ready for a composer require to bring some magic in. Some weeks ago, I had an idea for a new one. I work for AdEspresso, […]

Continue reading %My Laravel Package Building Workflow%

Catégories: News dév web

How to Find the Perfect Font For Your Web Project

Noupe.com - 17 mars, 2017 - 10:00

Reading text on a lighted display has become part of our daily routine. Web fonts have established themselves, and more and more content is read on tablets or mobile devices. This raises the bar on font quality on different displays. Nonetheless, most fonts used today were not designed for a digital environment. Font drafts from pre-digital times are often optimized for onscreen usage using technological means, like hinting, for example. But onscreen optimization has to start much earlier!

I have compiled a few characteristics that improve the readability on screens. When looking for a well-made font for onscreen texts, pay attention to these aspects:

Open Counters, Generous Tracking (Fonts Left to Right: Tuna, Garamond, Arial and Fira)

For small font sizes, counters, the non-printing insides of the letters, quickly fill up, creating dark spots in the font’s gray level, capturing the reader’s attention, and thus, hindering the reading flow. To keep the non-printing white spaces visible on small font sizes, as well as allowing for a well-visible light incidence, open apertures, and a large x-height in relation to the ascenders are helpful.

Generous Tracking and Wide Letters

Pay attention to the pitches! Tight, slim fonts are suitable for headings and high font sizes, but fonts need more space in a running text. The individual characters need to be wider, in order for the white space within a glyph to be large enough. Generous pitches avoid clashes between the characters, while clear word spaces ease the forming of word groups when reading quickly.

Unique Letter Shapes (Fonts Left to Right: Tuna, Garamond, Arial and Fira)

Unique letter shapes may be the most important criterion of them all! If the characters are too similar, a word has to be read multiple times. When the word image is not clear enough, reading takes a lot more time, especially when it contains known difficult candidates such as “I” and “l,” or “B” and “8”. Because of that, the design needs to have a certain shape variety when it comes to glyphs, without affecting the harmony of the entire character set.

Clarity

Too many details blur the appearance of the running text sizes; they interrupt the letter’s basic form, which is important for quick identification – clarity improves the word image.

Hairlines Get Lost Easily (Serif Fonts: Tuna, Garamond, and Bodoni)

Low Contrast and Sturdy Serifs

A common problem of serif fonts on screen are thin lines. Hairlines get lost easily under bad printing conditions, or lighting from behind, as the letters seem to crack, and fall into segments. Sturdy serifs and a low stroke width contrast, but also serif fonts can be designed this way.

Arcs Approximated to the Rectangle

Most fonts that work under bad conditions when printed, also look good onscreen, but some criteria are especially significant for the screen, and are directly or indirectly related to the display on the pixel grid. The “edgier” a curve, the better it fits onto the pixel roster. Thus, arcs should be approximated to the rectangular shape as much as possible, which also leads to a larger counter.

The Letter’s Manual Hinting Information (Font Tuna)

Fonts are based on vectors but have to be displayed as pixels on screen. Normally (without hints), the computer takes care of this automatically, without the designer having an influence on it. During hinting, information is deposited in the font, telling the computer how the font should be displayed in the pixel grid. With the TrueType technology, these instructions can even be defined for every single pixel size (Delta Hints).

Especially with small font sizes and low resolutions, this drastically improves the readability. It’s worth taking care of this process manually, and not relying on the automatic hinting of the font design software.

When vectors need to be converted onto a small pixel grid, it is helpful when horizontal and vertical elements have the same stroke width. Since this is the case for most non-serif fonts, the rumor that serif fonts are less suitable for the screen is very persistent. But many serif fonts have a stressed horizontal axis with massive horizontal elements as well, making them an equally good choice for the screen.

If you want to find out how Alex Rütten and I used the traditional broad quill writing style to increase the onscreen readability of our new font “Tuna,” or simply want to test the web font, take a look at this microsite: Tuna Typeface.

About the Author

Felix Braden lives in Cologne and works as a font designer and art director. On his website Floodfonts you can find a diverse array of free fonts to download. His commercial offerings are distributed by Fontshop International, URW++ and Volcanotype and are available through MyFonts. His most successful font so far is named FF Scuba and was one of the winners of Communication Arts’ Typography Annual 2013. It also found wide-spread perception due to its listing in several best-of overviews.

Catégories: News dév web

Streetlayer – Free Address Validation & Autocomplete API

WebAppers.com - 17 mars, 2017 - 03:49

Advertise here via BSA

Obtaining international addresses from clients and customers just got a whole lot easier. Streetlayer offers a seamless address data processing add-on. The JSON API helps to analyze, validate, and format international addresses immediately upon entering the system.

The primary benefit is that you get higher quality data sets. The full address is verified and with postal code filtering, you never have to worry about not having sufficient data in order to effectively reach your customers.

There are a number of uses for Streetlayer. It’s capable of validating a customer address on an order form to ensure their package reaches them. It can be used on a registration form to ensure you have collected the correct information. It’s also possible to maintain a standard format for your database so that valuable information is not lost.

The straightforward validation web service works behind the scenes and does a complete geocode lookup. They offer a high level of accuracy with our search algorithm. Plus, it enables accuracy with addresses from around the globe. This allows you to be fully organized regardless of where you do business.

This is a necessary tool to incorporate into your business – and an affordable one. They offer free and paid subscriptions, providing something for everyone. This ensures you get a solution that meets the needs of your business.

Once you have international address validation, it will allow you to organize your database, keep better data sets, and ensure you have the right address for everyone who registers or orders on your site. This eliminates the costly mistakes that could otherwise ensue, which means you can’t afford NOT to have Streetlayer.

Within minutes, you can be signed up and using it within your website with the easy-to-integrate structure. Sign up now!

Streetlayer makes it easier than ever to verify international addresses. I was surprised by how easy it is to use. My data sets always seemed to be messed up because addresses were entered incorrectly. Now that I have integrated this into my website, I get the ideal format for my database. The postal code filtering also ensures that there are no mistakes, which makes it easier to send out mailings and packages without them being returned to me. I’m on a premium plan and it’s affordable, too. This has been a game changer within my business and our company simply can’t beat the cost of it.

Sponsors

Professional Web Icons for Your Websites and Applications

Catégories: News dév web

14 Free WordPress Themes For Your Website

Noupe.com - 16 mars, 2017 - 10:00

MH Themes from the German city of Frankfurt is one of the most successful theme providers of its country. Not only do they offer paid themes, but they are a treasure chest for friends of free WordPress themes as well. MH Themes is mainly known for the fantastic MH Magazine Theme, which is currently being used on our sister magazine Dr. Web.

But this is far from all. 14 free themes are waiting for you to discover and use them.

Go to the free themes here

MH Themes is a »Pro Theme Provider.«

The business model of theme providers has changed drastically lately. Previously, we had premium theme providers that only offered one or two themes for free, trying to sell the rest for more or less high prices. One of the most popular ones has been WooThemes (now known as WooCommerce).

Pro theme providers offer all their themes as Lite versions in the official WordPress theme index. These Lite versions come with fewer functions than their respective Pro versions. If you want access to all functions, you have to buy the theme.

The Advantage is Obvious

The advantage for you as a consumer is that you don’t have purchase a pig in a poke anymore. You get to try the themes beforehand. Chances are high that you won’t even need the pro version. Because of that, I will share with you a more detailed look at the themes from MH Themes.

All themes are well usable for magazines, personal blogs, news sites, and some even work for corporate websites. Within all of them, the code quality is very high.

The MH Magazine Lite and Its Child Themes

The MH Magazine is the most popular theme by the Frankfurt company. Here’s a short video introduction:

The difference between the theme’s Lite and Pro version:

Theme Name MH Magazine lite MH Magazine Theme Demo Demo Demos Get started Download Purchase Price Free View Pricing Responsive Layout Extended Layout Options Site Width 1080px 1080px / 1431px Second Sidebar Widgetized Homepage Template Total Widget Locations 12 26 Custom Widgets 4 (basic versions) 23 (full versions) Custom Menu slots 1 5 jQuery News Ticker FlexSlider 2 with Touch Support Built-in Breadcrumb Navigation Built-in Social Buttons Related Posts Feature Advertising Options Theme Options very basic Color Options to change the color scheme Custom Google Webfonts Typography Options to change fonts and font size Extended Features Customer Support

You get a lot for a price of a few bucks. But the lite version also offers functions that will be sufficient for many people.

Nine child themes are available for the free variant of MH Magazine.

1 – MH TechMagazine

Download | Demo

2 – MH SportsMagazine

Download | Demo

3 – MH FoodMagazine

Download | Demo

4 – MH NewsMagazine

Download | Demo

5 – MH UrbanMag

Download | Demo

6 – MH CampusMag

Download | Demo

7 – MH FeminineMag

Download | Demo

8 – MH TravelMag

Download | Demo

9 – MH Biosphere

Download | Demo

Additionally: 13 Free Lite Themes

Aside from the MH Magazine Lite theme, there 13 more entirely free themes at MH Themes.

1 – MH Newsdesk Lite

Download | Demo

2 – MH Edition Lite

Download | Demo

3 – MH Squared lite

Download | Demo

4 – MH Purity lite

Download | Demo

5 – MH Joystick lite

Download | Demo

6 – MH Cicero lite

Download | Demo

7 – MH Elegance lite

Download | Demo

8 – MH Impact lite

Download | Demo

9 – MH Corporate basic

Download | Demo

10 – Diamond

Download | Demo

11 – ClesarMedia

Download | Demo

12 – Tuto

Download | Demo

13 – Skin

Download | No demo available.

Overview of All of MH Theme’s Free Themes

Conclusion

Although you would have to pay for the full versions, the supply of free themes has become very big. For many people, the free versions will be sufficient, so these people can benefit. There have never been so many professionally designed themes for free before. Even at MH Themes alone, the supply is huge, so a couple of readers should already be able to find their dream theme.

Catégories: News dév web

Best of 2016: 100 Free HTML/CSS Themes

Noupe.com - 15 mars, 2017 - 10:00

Bringing your concept to life is a thorny path that as a rule consists of at least three main stages: prototyping a PSD draft; converting it into an HTML/CSS version spiced up with JavaScript; and further transformation of a template into a CMS theme or enhancing it with server-side functionality usually realized with the help of PHP and SQL. Though this last phase is optional since it depends on the result you want to achieve.

But what if you need a website as soon as possible, and also you lack in design skills, there is only one way out – skip the first stage and get straight to the second one. The more so, there are numerous HTML/CSS websites on the wild that can boast of a beautiful design, harmonious aesthetics, and enjoyable atmosphere. The most pleasant thing that they are available free of charge; though a good rule of thumb is to credit the author by leaving a backlink to his/her website. With such a template at your fingertips, all you have to do is to adjust it to your needs, customize its appearance according to your brand identity and improve it with some extra features. And you are ready to move forward saving your precious time.

Today we will look through 2016. It was rich in free stuff among which was a bunch of professionally-crafted HTML/CSS templates. We have put together various excellent themes. They will give you a head start in different undertakings whether you want to create a simple portfolio with a small showcase or a standard landing page for promoting your product.

New Age


Creator: BlackrockDigital
License: MIT.

Creative


Creator: Start Bootstrap
License: MIT.

Story


Creator: html5up
License: Creative Commons.

Dimension


Creator: html5up
License: Creative Commons.

Editorial


Creator: html5up
License: Creative Commons.

Forty


Creator: html5up
License: Creative Commons.

Genius – Minimal HTML Theme


Creator: Khai Tawng
License: Declared as Free, no proper license given.

Ultimate Multi-Purpose Bootstrap Site Template


Creator: KeenThemes
License: Free for personal and commercial use.

GerduKreatip – Agency Portfolio Theme


Creator: Andreansyah Setiawan.
License: Declared as Free, no proper license given.

6 HTML themes by KeenThemes


Creator: KeenThemes
License: Free for personal and commercial use.

Agency


Creator: Start Bootstrap
License: MIT.

Clean Blog


Creator: Start Bootstrap
License: MIT.

Sharwadarma – Onepage Parallax Template


Creator: Andreansyah Setiawan
License: Attribution-NonCommercial.

KapukAlas – Multipurpose template


Creator: Andreansyah Setiawan
License: Attribution-NonCommercial.

AitOnepage – Responsive Parallax One Page Bootstrap Theme


Creator: keenthemes
License: Declared as Free, no proper license given.

AceCV


Creator: keenthemes
License: Declared as Free, no proper license given.

AirCV


Creator: keenthemes
License: Declared as Free, no proper license given.

GreeceTour Theme


Creator: RespoTheme
License: Declared as Free, no proper license given.

Apex


Creator: RespoTheme
License: Declared as Free, no proper license given.

MyApp Landing Page


Creator: RespoTheme
License: Declared as Free, no proper license given.

Box Portfolio


Creator: Ahmed Eissa
License: Declared as Free, no proper license given.

New Providence Theme


Creator: Denis Shepovalov
License: Declared as Free, no proper license given.

Mountain King: HTML Bootstrap template


Creator: Theme in the Box
License: Declared as Free, no proper license given.

Apollo: One page HTML template for photographers


Creator: Bucky Maler and Jakub Kowalczyk
License: Declared as Free, no proper license given.

Avana


Creator: Designstub
License: Creative Commons Attribution 3.0 License.

iLand


Creator: Designstub
License: Creative Commons Attribution 3.0 License.

Startr


Creator: Designstub
License: Creative Commons Attribution 3.0 License.

Picxa


Creator: Designstub
License: Creative Commons Attribution 3.0 License.

Industrial Theme


Creator: Anpsthemes
License: Declared as Free, no proper license given.

Psychiatrist – HTML/CSS template


Creator: Anpsthemes
License: Declared as Free, no proper license given.

Transport – HTML/CSS template


Creator: Anpsthemes
License: Declared as Free, no proper license given.

Constructo Theme


Creator: Anpsthemes
License: Declared as Free, no proper license given.

SurfingZone


Creator: RespoTheme
License: Declared as Free, no proper license given.

MyDeals


Creator: RespoTheme
License: Declared as Free, no proper license given.

Floxi


Creator: Designstub
License: Creative Commons Attribution 3.0 License.

Arcadia Portfolio Responsive Template


Creator: Themeforces
License: Declared as Free, no proper license given.

Spirit8


Creator: Jenn Pereira and Robert Berki.
License: Free for personal and commercial use.

Pixicon


Creator: Designstub
License: Creative Commons Attribution 3.0 License.

Landing Zero


Creator: Bootstrap zero
License: Free for personal and commercial use.

Vira


Creator: Reza Haque
License: Free for personal and commercial use.

Pouseidon – Free HTML5 Model Agency Bootstrap Template


Creator: Bootstrap Themes
License: Free for personal and commercial use.

Travel Theme


Creator: FreeHTML5
License: Creative Commons Attribution 3.0 License.

Ink


Creator: FreeHTML5
License: Creative Commons Attribution 3.0 License.

Paper


Creator: FreeHTML5
License: Creative Commons Attribution 3.0 License.

Words


Creator: FreeHTML5
License: Creative Commons Attribution 3.0 License.

Verb


Creator: FreeHTML5
License: Creative Commons Attribution 3.0 License.

Orange


Creator: FreeHTML5
License: Creative Commons Attribution 3.0 License.

Concept


Creator: FreeHTML5
License: Creative Commons Attribution 3.0 License.

Orion – Bootstrap Coming Soon Template


Creator: Designstub
License: Creative Commons Attribution 3.0 License.

Material Dashboard


Creator: Creative Tim,
License: Personal use only.

Global


Creator: Bucky Maler and Sergey Melnik
License: Declared as Free, no proper license given.

Karmo


Creator: Tanislav Robert
License: Declared as Free, no proper license given.

Akad


Creator: Amine Akhouad
License: Declared as Free, no proper license given.

Rik


Creator: TemplateOcean
License: Free for personal and client use.

AppKit Landing


Creator: Xiaoying Riley
License: Creative Commons Attribution 3.0 License.

PrettyDocs


Creator: Xiaoying Riley
License: Creative Commons Attribution 3.0 License.

Fusion


Creator: TemplateOcean
License: Free for Personal and Commercial Use.

StartOn


Creator: TemplateOcean
License: Free for Personal and Commercial Use.

Accounting Theme


Creator: anpsthemes
License: Declared as Free, no proper license given.

Alexis


Creator: TemplateOcean
License: Free for Personal and Commercial Use.

Slab


Creator: TemplateOcean
License: Free for Personal and Commercial Use.

“Synthetica” One Page Website Template (HTML, Sketch)


Creator: Peter Finlan
License: Use it freely but please don’t republish or redistribute the template.

Resume


Creator: Ahmed Essa
License: Attribution-NonCommercial-NoDerivatives.

Vojon – Responsive Restaurant HTML5 Template


Creator: Towkir Ahmed Bappy, Revol Themes, Shah Zobayer Ahmed
License: Attribution-NonCommercial-NoDerivatives.

Spa – Beauty Free HTML Template


Creator: UI Spark and Revolthemes
License: Free for personal and commercial use.

Mart – eCommerce Theme


Creator: Shah Zobayer Ahmed, Shah Yusuf Ahmed
License: Attribution-NonCommercial-NoDerivatives.

Nava


Creator: Symu
License: Declared as Free, no proper license given.

Free Landing Page Template


Creator: Nils Huber
License: Declared as Free, no proper license given.

Foundapp


Creator: Pixelosaur
License: Declared as Free, no proper license given.

Perdana


Creator: Zea
License: Declared as Free, no proper license given.

Wooster


Creator: Graphberry
License: Free for personal and commercial use.

Splash


Creator: FreeHTML5.co
License: Declared as Free, no proper license given.

Moe


Creator: Dude’s Goods
License: Attribution.

Akane HTML5 Template


Creator: Dude’s Goods
License: Attribution.

Himu


Creator: Steven Han
License: Attribution-NonCommercial-NoDerivatives.

Free HTML Template


Creator: Themeunix
License: Declared as Free, no proper license given.

Rabotic


Creator: Ulziibat Nansaltsog
License: Attribution-ShareAlike.

Tight Glass


Creator: Almaz Bisenbaev
License: Attribution-ShareAlike.

Soho HTML Template


Creator: Pixelbuddha team
License: Declared as Free, no proper license given.

Howdy HTML Template


Creator: Erwin Aligam
License: Declared as Free, no proper license given.

Magnet Portfolio Template


Creator: Khai Tawng
License: Declared as Free, no proper license given.

Kenakata – Free eCommerce Bootstrap Template PSD & HTML


Creator: Shuvo Khan
License: Attribution-NonCommercial-NoDerivatives.

Avion Landing Page


Creator: Glen Dragon
License: Attribution.

Tasnm – eCommerce bootstrap template


Creator: tasnimakter
License: Declared as Free, no proper license given.

Deli – eCommerce HTML Template for Fashion Shop


Creator: sarah
License: Declared as Free, no proper license given.

Gready Responsive Html Template


Creator: Madhu Mia
License: Attribution-NonCommercial-NoDerivatives.

Ink House


Creator: Cecilia Brum
License: Only with Author’s permission.

vDoc


Creator: Val themes
License: Attribution-NonCommercial-NoDerivatives.

Standard


Creator: Revol Themes
License: Free for personal and commercial use.

Eventtro


Creator: Revol Themes
License: Free for personal and commercial use.

Landgig


Creator: Revol Themes
License: Free for personal and commercial use.

Responsive Portfolio Mockup


Creator: Abhijeet Das
License: Apache License v2.0.

Navigator


Creator: Steven Han
License: Attribution-NonCommercial-NoDerivatives.

Asentus


Creator: KeenThemes.
License: Declared as Free, no proper license given.

Conference Theme


Creator: uicookies
License: Creative Commons Attribution 3.0 License plus Attribution.

Unship


Creator: uicookies
License: Creative Commons Attribution 3.0 License plus Attribution.

Sweep


Creator: uicookies
License: Creative Commons Attribution 3.0 License plus Attribution.

Proximity – Free HTML5 Under Construction Website Template


Creator: uicookies
License: Free for personal and commercial use with Attribution.

X-Corporation Theme


Creator: uicookies
License: Attribution.

Sample Landing Page


Creator: Brian
License: Declared as Free, no proper license given.

Catégories: News dév web

The Best Design to Code Services for You in 2017

WebAppers.com - 14 mars, 2017 - 13:57

Advertise here via BSA

Given a choice, web designers prefer to focus on the aesthetics of web design. What they produce doesn’t always have to look all that gorgeous however. What’s more important is that it’s user-friendly, cross-browser compatible, fast loading, and semantic.

Incorporating these nuts-and-bolts features into a website can be tedious, and not always a lot of fun when creative design is your thing. Having a Photoshop mockup that you can hand over to a developer can be a big help. The developer can then convert your design to HTML/CSS.

If you would rather not take time to code your designs, or you don’t possess the skills to do so, it’s best to get some expert help to get the job done. While there’s no shortage of coding services, you want to choose one that will be do your design justice. And, also, give you a product that will faithfully carry out its intended purpose.

PSD to Many Things

PSD to Manythings is a team of richly-talented, highly-experienced professionals that provide reasonably priced frontend solutions. Serving agencies, design studios, and freelancers, this service will treat your designs with care, and deliver groundbreaking responsive HTML5/CSS3 websites to your doorstep.

The PSD to Manythings team will code up your website to perform on devices ranging from Android phones to 27-inch iMacs. The markup code delivered is W3C validated, and SEO friendly.

Besides PSD to HTML5 and PSD to Responsive HTML5, their services include PSD to Twitter Bootstrap, PSD to WordPress, PSD to WooCommerce, PSD to E-mail Newsletter. They also convert Sketch to HTML, and PSD to SquareSpace.

You won’t be subjected to a sales pitch to purchase something you don’t need, and the team prides itself on on-time deliveries. Deadlines quoted take into account QA, testing, and development. Their pricing is competitive, and they have a no-questions-asked, money back guarantee. Customer support is always available through live chat, over the phone, or by e-mail.

Direct Basing

Direct Basing provides development solutions that can help you speed up your workflow. Companies and agencies will save money by handing designs over to Direct Basing rather than pay costly salaries to full-time developers. Freelancers can make more money by being able to take on additional design work instead of spending their time slicing and coding.

Services include PSD to HTML5, WordPress, Email and Joomla.

Request a free price indication, upload your project (Dropbox or WeTransfer), receive their no-obligation offer, and one of more of their 40 skilled developers, located in several time zones, will get started. Your project will be delivered on time, but only after it has undergone a rigorous check for errors.

The source code is well structured, so any customer having programming knowledge can easily adjust it when needed. 

Xfive – Developers Who Care

Xfive is a web development agency that brings over 10 years of experience to the table. Their services include both frontend and backend development, WordPress development, Design (Photoshop, Sketch, AI) to HTML development, and more. If the service you need isn’t listed, you’re still invited to submit your project, and they will let you know what they can do.

Xfive works hard to propose the best technical solutions; or when necessary, adapt to your specific development needs. Their production processes are modern, innovative, and completely transparent.

Where Xfive stands out is their ongoing objective of partnering up with their clients and customers. What this means to you, is close collaboration with you from the time your project is handed over to them until completion, and on into future support. Xfive has main offices in San Francisco, Melbourne, and Krakow, plus a worldwide network of remote developers.

Design to Code by Netlings

Netlings is another excellent choice. Their preferred MO is to work with you as a partner, or as an extension to your design team. They easily take on large development projects, and they are ready and willing to help you with the small stuff and support issues as well.

Another thing that’s good to know: Netlings once again (2017) has been placed among the top web and mobile developers.

Tips on Preparing Your PSD Files for Conversion

If you want your PSD files converted to HTML quickly and accurately, there are some things you need to attend to first. Try as you might to keep your Photoshop etiquette intact, things can happen that prevent your PSDs from arriving at the developer optimal condition.

Time crunches, the re-emergence of an old work habit, or an ill-timed bout of laziness, can get in the way of preparing your files as they should, and they may not be in the best condition to support a collaborative workflow. Most developers prefer working as partners, but that can be difficult when everything is not organized as it should be.

It’s important to keep the following practices in mind, and especially so when multiple collaborators are involved.

Organize Your PSD

In general, a structured and organized entity will lead to a successful outcome. This holds true as well when organizing PSD files to be delivered for PSD to HTML conversion. When a PSD file is nicely organized, it helps both the coder and the layout designer, and boosts their productivity. For example; every minute that is taken up searching for a graphic layer, text layer, or section, that has been misplaced or misnamed, adds to production time, and to the cost of a project.

Name Everything

If you’ve familiarized with some of the CS6 Photoshop improvements, you’ve no doubt noticed a new Adobe feature that allows you to use search functionality for your layers. With this feature in place, there’s no reason not to name layers in Photoshop.

Establishing simple naming and color conventions for changed states in a PSD makes life easier for everyone.

Be sure to establish an easily understood naming convention for dealing with multiple states in a PSD; one that a new collaborator can quickly acknowledge.

Prepare Rollovers

As you prepare your design, give some thought to the functionality of the links and call to action elements you’re incorporating. Standard practice is to add rollover states to these elements to distinguish among the action states. Some designers tend to put preparing rollovers until later, when they are working with live templates for example. That practice can increase production time.

Do not use Blending Modes

Blend modes may work great in Photoshop, but it’s impossible to recreate them in CSS. While blend modes can shorten image processing time, they produce unintended and undesirable results in website images or HTML/CSS code. Use blend modes for preview purposes if you choose, but not for production work.

Think about Content Flexibility

Some designs fix the amount of text that can be placed over a specific area. While this may work, instances often arise when additional text is needed. Plan ahead.

Fonts, Logos, and Other Assets

When using special fonts in a PSD, it’s always a good idea to make it known to your fellow collaborators and the developers. Make it a point to include them in a special assets folder that accompanies your PSD. The same applies to logos, supporting content, and other project-related assets.

Sponsors

Professional Web Icons for Your Websites and Applications

Catégories: News dév web

CleanTalk Does Spam Protection the Right Way

Noupe.com - 14 mars, 2017 - 10:00

Every site owner knows spam. Spam comes in at increasing speed as soon as you open some kind of form to the public. Fighting it is vital for your business as well as your health. CleanTalk does not come on prescription but is affordable nonetheless.

CleanTalk, a Cloud-based Spam Protection Service

CleanTalk is a direct competitor to Automattic’s Akismet. The most obvious difference is the price. CleanTalk comes in at 7.50 EUR per year, which equals about 8 USD, while Akismet costs 5 EUR per month, adding up to 60 EUR per year. Quite a difference, and one that will most likely be high enough to mark the difference between having a site protected or not. In this regard, CleanTalk helps make the web a more secure place by keeping protection prices low.

Another difference is that CleanTalk is not only available as a WordPress plugin but for a wide variety of different platforms, such as Drupal, Joomla, Magento, Typo3 WooCommerce, vBullletin and more. On top of that, you can use it in PHP, Perl, Python, C# and other programming languages via its own API.

Mobile applications for iOS and Android let you access the statistics dashboard while on the road. Thus it’s no exaggeration to say that CleanTalk is a one-stop shop for everyone who is seeking an all-round spam protection solution.

CleanTalk Uses Smart Recognition Methods Instead of Plain Captchas

CleanTalk uses no captchas, does not ask questions, does not ask you to count animals or solve math tasks. It seems they don’t do all of that modern stuff that the protection industry came up with. And that’s a good thing.

Instead of making it harder for your visitors to interact with your site, CleanTalk steps back into the shadows and does its work entirely unseen. The concept’s core is the cloud. Every form entry on your site is sent to CloudTalk servers where it gets checked against a massive database, not only of known spam IPs and email addresses but also of improper language and other inappropriate wording. Furthermore, CleanTalk checks whether a comment really deals with the post that it is supposed to sit under. You can as well populate your private blacklists or block people from certain countries entirely.

CleanTalk claims that they reach an accuracy of 99.998 percent in automatic mode. As CleanTalk comes as a software as a service (SaaS), it has a dashboard for you that does not leave a lot of questions unanswered. All the form requests are logged in the cloud, and elaborate statistics let you explore who sent what from where.

CleanTalk on WordPress

Getting CleanTalk running on WordPress is as simple as installing a plugin from the repository. Just head over to your WordPress Dashboard > Plugins > Install. Search for “cleantalk” and install it. This is the plugin you will want to look for:

WP-Appbox: Spam Protection by CleanTalk (no Captcha Anti-Spam) (Free, WordPress) →

Upon activation of CleanTalk, you can have an access key issued to you by simply submitting your email address and the URL of the site you want to use CleanTalk on. Set which forms shall be protected and you’re done. From now on you will not return to the WordPress backend for your spam statistics. Instead, you will head over to the CleanTalk dashboard where you will find all the nasty details to the spam that keeps being submitted to your site.

One Step Further: SpamFireWall

If you want to take this thing even one step further, you can opt to activate CleanTalk’s SpamFireWall. The feature is a free add-on to the CleanTalk plugins and also available via API calls. Once activated each and every visit to your site will be validated against the CleanTalk database. Does the visitor IP find a match in the spam database the visit will not happen, thus taking load off of your server. With more than two million definitely known spam IPs this might well make a notable difference.

Moderate Prices and High Value

It should have become clear by now that CleanTalk is a service you should try for yourself. Their anti-spam offerings are diverse, but all are rather cheap. Take a look at that pricing table:

Even should you run ten websites on CleanTalk you would only pay 43.10 EUR per year. Compare that to any other service out there and try to find a better offer.

Start your 7-day free trial and see what CleanTalk can do for you.

Catégories: News dév web

The Android Elephpant – Laravel on your Android Phone?

SitePoint.com - 13 mars, 2017 - 17:00

It was not that long ago that Christopher Pitt wrote an excellent article about writing and running PHP code on an iPad. After reading it, I thought to myself "It would be really cool to do the same on Android": being able to write and edit code on the fly, for example while traveling, and not having to take the laptop everywhere. So I've decided to do some research and see what I could come up with.

For this article, you can use any type of Android device. I've done it on my phone, but an Android tablet with a Bluetooth keyboard would probably be the ideal setup.

There are a couple of different shell apps for Android. For this tutorial we will use one called Termux.

Termux combines both a powerful terminal emulation and an extensive Linux package collection. It is also completely free and easy to use.

After installing Termux from the Play Store, the first thing to do is to run the apt update command. As per the documentation: "This command needs to be run initially directly after installation and regularly afterwards to receive updates."

Now for the fun part. The first two commands I want to talk about are the apt list and apt list --installed commands. The first one will list all the available packages for Termux. We can see that it has support for a lot of different programming languages, text editors and has some useful utility packages like zip, tar and so on. The second command will list all the installed packages. As we can see Termux already comes with some packages like apt and bash pre-installed.

My goal when testing Termux was to see if I could assemble a proper* PHP development environment, so I started by installing a text editor. I prefer Vim, but there are some more options available, like Emacs and Nano. Vim has a bit of a learning curve to it, but it gets very comfortable when you get past the basics of it. You can get Vim with the apt install vim command.

If you want to learn more about vim, there's this very good article or, alternatively, after installing it, type vimtutor to use the built-in tutorial.

If you are testing this on your Android phone, running vim will bring the first set of problems. How can I hit the Escape button? Termux has a large list of shortcuts that be used to simulate the buttons that are not available on the Android keyboards:

Command Key Volume Up+E Escape key Volume Up+T Tab key Volume Up+1 F1 (and Volume Up+2 → F2, etc) Volume Up+0 F10 Volume Up+B Alt+B, back a word when using readline Volume Up+F Alt+F, forward a word when using readline Volume Up+X Alt+X Volume Up+W Up arrow key Volume Up+A Left arrow key Volume Up+S Down arrow key Volume Up+D Right arrow key Volume Up+L (the pipe character) Volume Up+U _ (underscore) Volume Up+P Page Up Volume Up+N Page Down Volume Up+. Ctrl+\ (SIGQUIT) Volume Up+V Show the volume control

Now that we have our editor up and running, it's time to install the packages we'll need: PHP, Git and Composer.

apt install php apt install git

This will install the latest PHP and Git packages.

For Composer, we need to do a little bit of extra work. We need to go to the Composer download page and use the instructions for the command line installation:

php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');" php -r "if (hash_file('SHA384', 'composer-setup.php') === '55d6ead61b29c7bdee5cccfb50076874187bd9f21f65d8991d46ec5cc90518f447387fb9f76ebae1fbbacf329e583e30') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;" php composer-setup.php php -r "unlink('composer-setup.php');"

This will download the installer, verify it, run it and delete it. If everything went well, we should be able to run Composer from Termux.

Now that we have all of our tools installed, we should test if our PHP installation is running correctly. For that, let's do a simple phpinfo() test. Let's create a new folder and test our PHP installation.

mkdir test cd test echo "<?php phpinfo();" > index.php php -S localhost:8080

This will create a new folder and then create an index.php file with the phpinfo() command inside of it. I'm echoing it directly into the file, but you can use Vim to do it. Finally, we are using the PHP server to serve it to our localhost. When accessing localhost:8080 in our browser we should see something like this:

We now have Composer for dependency management, and git for version control. But I know what you're thinking: "we just made a simple phpinfo test, what about the rest?".

Continue reading %The Android Elephpant – Laravel on your Android Phone?%

Catégories: News dév web

Mobile App Development 2.0: Build Data-Driven Native Apps On-The-Fly

WebAppers.com - 13 mars, 2017 - 12:37

Advertise here via BSA

Everyday, startups and enterprises alike find themselves asking the question: Should we build a mobile app? In 2017, for most, the answer is certainly “Yes we should, but… (insert seemingly insurmountable challenge associated with mobile development here).”

The most common challenges include:

1. It’s too expensive
2. It requires expert level coding skills
3. The learning curve is too high, could never learn
4. It takes too long, we don’t have enough time
5. Integrating with our data will be way too complicated

Well, we have some great news. These were the problems of the past, of Mobile App Development 1.0; but Mobile App Development 2.0 has arrived.

With MAD 2.0, gone are the days where only the expert mobile coders can bring powerful, functional and beautiful native mobile apps to life. No longer does it cost tens or even hundreds of thousands of dollars or several months of development for you to spin up and launch your mobile app MVP. Never again do you have to make huge sacrifices to your user experiences just to utilize a less than optimal mobile app development solution.

Introducing Dropsource, the web-based visual mobile app development platform that developers and entrepreneurs are calling “Simply 10x” which makes building truly native iOS and Android apps easier and faster than ever thought possible.

Here is how it works:

  • Build your app on-the-fly using our intuitive drag and drop interface, upload your custom assets, and fully customize the UI quickly
  • Easily connect your apps with any REST API via our simple URL or JSON API documentation uploader
  • Pick and choose from powerful native functionalities like SMS, push notifications, geolocation, maps, swipe gestures, streaming media and more
    *Can’t find the functionality you need? No problem, we can build a plugin for that.
  • With the click of a button Dropsource writes truly native source code for you the same way a native mobile developer would
  • When you are ready, download the clean Swift or Java source code to launch in the app store or customize in an IDE

What are you waiting for? Come build your mobile app MVP in days with Dropsource in our free beta.

This content is sponsored via Syndicate Ads. Sponsors

Professional Web Icons for Your Websites and Applications

Catégories: News dév web

How to Free Yourself From Creative Block

Noupe.com - 13 mars, 2017 - 10:00

Every creative worker knows blocks. In the worst case, the creative block, you won’t get anything done at all. But what happens when a block basically focuses on a single area? Designer Ben Evans portrays his case of UX-burnout.

It was a time full of work. He had to get an app going, and had dealt with questions of user experience (UX) for several months. Once the goal was achieved, the tension fell off, and he felt a deep fatigue, which he thought was just general exhaustion.

However, when Evans sat down to describe his condition, he realized that words were basically flowing from his fingers. So it could not have been a creative block. He still had enough ideas and energy; he just didn’t want to have anything to do with UX design. Thus, he created the term UX-burnout.

Now, you could argue that it’s not relevant how a single designer diagnoses himself. Nonetheless, I think this process is fascinating, as almost every creative worker should already have experienced this condition, without naming it like Evans did. From self-observation, I also noticed phases in which I was able to develop creative solutions but unable to put a word onto paper.

Evans found six types of different problems that could have been responsible for his special exhaustion situation. If you want to read more on the topic UX burnout, I recommend Ben’s article over at Boxes and Arrows.

Some of the mentioned problems can be generalized, and be converted to all types of blocks. Let’s take a closer look.

You Don’t Have a Clear Mind Anymore

This sounds like a simple problem, and that’s what it is. If we’re stuck deep inside of complex projects, at one point, the details will overwhelm us even if they are not as relevant. In the end, we miss the forest for the trees, beginning, and end of the project sink deep into a bunch of small and smaller problems.

On top of that, there’s the constant information overflow, which is hard to tame even in a normal situation. We feel as if we were being buried alive. Who’s supposed to be able to come up with creative situations in that situation?

The only way to solve the problem is discipline and distinction. Knowing our psychological limits, we should accept not being able to stay with it 24/7.

Working by following the Pomodoro technique helps us not to be overloaded permanently. It works like this:

  • Take a task, and work on it for an uninterrupted 25 minutes.
  • Take a short break, and do something that is not related to work. Like getting a coffee, for example.
  • Now, go for the second 25-minute session.
  • After that, take another short break. After a total of four sessions, meaning after 100 minutes, take a longer break, somewhere from 20 to 30 minutes long.
  • Then repeat.

During Pomodoro sessions, you don’t do anything else. Social media and emails are off-limits unless you started a session in which you want to get something done that requires you to use them. Even during the breaks, you don’t read any news, tweets, or something like that. You move away from the desk. Single-tasking is the most relaxing way of getting work done that I can imagine. And it doesn’t overload you.

Even with a lot of discipline, your environment won’t make this easy for you. Here, clear lines are a must. I know colleagues that put on gigantic and noticeable headphones, to show that they don’t want to be disturbed. Do whatever helps you dissociate yourself.

Also, read our “No Bullshit” Guide For Creative Workers on the topic.

You’re Out of Ideas

One could also say that your mind is not clear enough for you to create ideas again. Because of that, the previous tips still apply in the same way. But even if your head were somewhat cleared, this still wouldn’t guarantee new ideas were coming to you.

When the time comes, you need inspiration. But maybe, your situation is so bad that you need more than that. If that’s the case, read my article “Creativity Techniques For the Average Joe,” which also covers sleep, relaxation, and so on.

When it comes to inspiration, you’ll find tons of material for different creative jobs on the web, especially here at Noupe. However, inspiration can also mean applying the concept of remixing. Here, Evans justifiably refers to the book “Steal like an Artist” by Austin Kleon.

Basically, this is about you realizing that you can’t kick off creativity exclusively from the inside, but primarily from the outside. A human is not a Perpetuum Mobile.

Is it Supposed to be This Easy?

Yes, it actually is that easy. All other problems can be derived from the mentioned ones, and in the end, they are all homemade. If we didn’t let ourselves drift like that, especially by our environment, we would be able to swim more purposefully. It all starts with us accepting that we are not capable of doing everything forever. This creates structure.

Catégories: News dév web

Crash Course: Continuous Deployment with Semaphore CI

SitePoint.com - 10 mars, 2017 - 17:20

Software is playing an ever bigger role in how companies compete across a broad range of industries. Large organizations are finding that their current approaches to managing software are limiting their ability to respond as quickly as business requires. Continuous delivery helps with this.

Understanding continuous delivery, a now already long-standing buzzword, is not a problem, but implementing it in the right way has been a challenge for quite a few of us, and one we'll discuss in this post.

Getting Started

We can easily upload our files to a server using an open source desktop client like Filezilla. Those who have used this are aware that this process is cumbersome and irritating as it doesn't let us automate the deployment process, and we always end up having to upload the whole project, even if we have modified only a part of it. Alternatively, we could do a git pull on the server and our application is instantly in its latest state, but this workflow doesn't work in today's world where we have to continuously deliver software to our end users bug-free.

In this article, we will cover the process of deploying a Laravel application on a Digital Ocean server through a continuous delivery pipeline using Semaphore. The source code for the application is present on Github.

Set up a Project on Semaphore

First, create a Semaphore account. After signing up, we see a page to create a new project.

We then have to select the account where our repository is present. If you haven't connected your source code repository provider with Semaphore, you can do so in this step. Semaphore natively supports Bitbucket and Github.

If you forked the aforementioned repo, you can select it in this step:

Continue reading %Crash Course: Continuous Deployment with Semaphore CI%

Catégories: News dév web

Noupe Exclusive: 350+ Free Icons For Our Readers

Noupe.com - 10 mars, 2017 - 11:00

Icons are always useful. This is the same for both you and us. We got together with the vector acrobats from Vexels to create an icon collection with more than 350 pictograms that you can use completely for free, and for any purpose you want to. Enjoy!

Our icon set contains symbols for social media, general business applications, and all types of contact pictograms. For that, we have chosen the most up to date design variants. The symbols come in flat design, as line icons, in offset style, with long shadows, as well as sporting the newest material design. This should allow for the creation of all conventional designs. If you are not one hundred percent content with the pictograms, you can simply edit them yourself, as you not only get each icon as an individual PNG with the measurements 1200 x 1200 pixels but also as an individual SVG, as well as a layered Adobe Illustrator format.

This overview gives you an impression of what to expect:

An Overview of All Pictograms. (Overview: Vexels)

The download of the 18 megabytes heavy ZIP archive is not tied to any preconditions. All you have to do is attach the note “Designed by Vexels” to projects that you use the set in. After the download and unzipping of the archive, you’ll find a folder named ICONS on your local drive, in which the individual design variants are stored, divided into further subfolders.

Download the Zip archive now (18MB): 350+ Icons for Business and Contacts
Catégories: News dév web

Pages

S'abonner à ybresson.com agrégateur - News dév web

Contact

Une question, une remarque ?
Une demande de devis ?

Contactez-moi

A propos...

Yves Bresson, ingénieur en informatique, consultant freelance, spécialisé dans le développement web (CMS, PHP, Laravel, Ajax, jQuery, Bootstrap, HTML5, CSS3) et d'applications mobiles (iPhone, Android). Voir le profil de Yves Bresson sur LinkedIn