Collective #462

Original Source: http://feedproxy.google.com/~r/tympanus/~3/-Rw4acTHyyk/

C462_WOTW

Inspirational Website of the Week: Femme & Fierce – She is Fire and Ice

Beautiful colors and components with a fresh look and lovely details. Our pick this week.

Get inspired

C462_NW

Our Sponsor
Earn your master’s in Information Design and Strategy

Learn to drive effective digital communication and blend information architecture and experience design with branding and messaging.

Apply now

C462_grid

Random irregular grid

Vincent De Oliveira shows how to use a single paint worklet on multiple elements showcased on a creative grid.

Check it out

C462_Confessions

Confessions of a Flawed Designer

Pablo Stanley created these fun comics on some bad habits he’s trying to fix.

Check it out

C462_robin

Robin Delaporte – Creative developer

Looking for a position as a creative/front-end developer, Robin Delaporte made this beautiful portfolio.

Check it out

C462_selector

Splicing HTML’s DNA With CSS Attribute Selectors

John Rhea explains how attribute selectors work and shows some use cases.

Read it

C462_funccss

Simplify Styling with Functional CSS

Harry Nicholls explains what functional CSS is and shows how it can simplify styling.

Check it out

C462_apitime

The Intl.RelativeTimeFormat API

Mathias Bynens introduces the brand new Intl.RelativeTimeFormat API and shows how it can be used for relative time-formatted values.

Read it

C462_wireframes

User flow is the new wireframe

An illustrated guide on the different “resolutions” of user flows, and when to use them. By Alexander Handley.

Read it

C462_design

DesignBase

DesignBase is a database of highly curated free resources for all designers.

Check it out

C462_game

The Mine: No JS, CSS only adventure game

Jamie Coulter’s contribution to the Codepen Halloween challenge.

Check it out

C462_csslist

Incomplete List of Mistakes in the Design of CSS

A list of CSS design mistakes that should be corrected if anyone ever invents a time machine.

Check it out

C462_2018website

Websites in 2018

This is how many website visits indeed look like. Coded by Seva Zaikov.

Check it out

C462_invaders

Invaders

Gerard Ferrandez created this fantastic invaders pattern with canvas.

Check it out

C462_auth

Dweb: Identity for the Decentralized Web with IndieAuth

Aaron Parecki shows what IndieAuth is all about and how to get started using it.

Check it out

C462_shapes

Gradient Shapes

Shapes generated with CSS background gradients by Yuan Chuan (includes conic gradients, which are currently Chrome only).

Check it out

C462_freehtml

April Landing Page Template

April is a new free HTML landing page for startups available on Cruip.

Get it

C462_daverupert

Hard Costs of Third-Party Scripts

Dave Rupert investigates User Experience costs of third-party scripts.

Read it

C462_custom

Firefox 63 – Tricks and Treats!

Great news: support for modern Web Components APIs has shipped in Firefox!

Read it

C462_china

Design in China featuring A Black Cover Design

An interview with the founders of “A Black Cover” that offers some great insight into the Chinese design community.

Read it

C462_hexagon

Hexagon

A beautifully animated hexagon wave made by Misha Tsankashvili with CSS only.

Check it out

C462_sprites

Free Monster Enemy Game Sprites

A set of 10 evil little characters in various image formats including AI, EPS, SCML and PNG.

Check it out

Collective #462 was written by Pedro Botelho and published on Codrops.

99% Off: Get the Creator’s Multimedia & Design Super Bundle for Only $39

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/swylPfK2HGA/creators-multimedia-and-design-super-bundle

Videos and images are incredible tools for capturing the attention of the public. Most people prefer infographics, images, and videos than reading long-form content. If you run a business or if you want to land a career in design or video production, then the Creator’s Multimedia & Design Super Bundle is for you. Creator’s Multimedia […]

The post 99% Off: Get the Creator’s Multimedia & Design Super Bundle for Only $39 appeared first on designrfix.com.

How to Start a Newsletter for Your Website

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/Ea3i2swMUdw/

Creating a newsletter for your website can be a great way to keep loyal visitors up-to-date on your adventures, while leaving them engaged and coming back for more. But where to begin? How can you create a newsletter on your own? It’s not so difficult – here’s what you need to do!

Choose an Email Marketing Service

Your first step in this venture is to choose an email marketing platform. Whether you’re looking to send out automated emails curated from content on your website, or to craft custom templates to send each week or month, most services will have what you need. It’s a matter of the features and pricing that’s right for you.

There are hundreds of fantastic email services out there; here are a few examples.

MailChimp: This popular platform is a safe bet for beginners. It’s packed with features and free up to 2,000 contacts and 12,000 emails per month. It’s perfect if you’re not sure about committing.
GetResponse: GetResponse is an affordable all-in-one platform that includes email marketing, automation and landing page design.
Constant Contact: Constant Contact aims to deliver marketing for small businesses that’s offered to as many people as possible. The drag-and-drop editor makes templates easy to create.

Newspaper and business cards

Select Content and Craft a Template

Picked a marketing platform? It should come with email templates that you can personalize to fit your brand and vision. While this step will vary depending on the service you picked, here are a few things to keep in mind while creating your newsletter template.

The subject line is the most important part of an email. It’s the difference between a deleted email and an engaged user. Don’t waste any time here; grab their attention, make an offer, or create urgency in your headline.
Build intrigue! Use teasers for blogs or products; promise something if they visit your site, like an exclusive look at the latest posts or products.
Don’t forget your call to action! Lead the readers to your website with a gripping CTA and a button that can’t be missed.
Limit the frequency of emails, but make sure to be consistent. Any more than weekly can annoy users; any less than monthly can cause lost engagement.
Use images. A text-only email is boring. Include a large picture to grab attention and draw it to the main content.

If you’re pulling from your blog feed, you’ll need to use RSS-to-email features.

Blueprints, pencil and ruler

Collect Subscribers

Once you have a solid template to work with and have your automation set up, you need to get some subscribers. Remember to obtain them legitimately through your website; buying email lists isn’t worth being blacklisted as a spam domain.

To start, make sure to advertise everywhere you can on your website! Promote it at the end of blog posts; add the form to your header or footer; include a “hello bar” that greets users and invites them to join. Pop-ups can be used when users reach the end of an article or leave the tab.

Include a lead magnet in your email campaign. What will they get if they sign up to your newsletter? A free e-book? A coupon? Give them a reason to commit to you.

If you’re not writing a blog, consider starting one. A high-quality blog can bring traffic to your website, which means more chances at gaining subscribers!

And make sure the sign-up process is as seamless as possible. The form should be accessible and visible on every page. Make the sign-up application the central focus. And, avoid having too many forms. In short, make it easy to find and even easier to fill out.

Email subscriber illustration

Creating Compelling Emails

Starting a newsletter can take a lot of work, but it’ll be worth it when you see the results. A newsletter will retain past visitors who might have otherwise forgotten your website, while looping in new fans in the process.

If you want to create a little more engagement with your visitors, start a weekly or monthly newsletter and watch as people return to see your latest endeavors. With so many easy-to-use email marketing platforms out there, anyone can create a newsletter.


You Wouldn’t Believe These Birds are Made From Paper [Photos]

Original Source: https://www.hongkiat.com/blog/paperbirds-diana-beltran-herrera/

Diana Beltrán Herrera loves to seek the relationship between animal and nature with her down-to-earth tools – her hands and paper. Her enthusiasm has thus given birth to a series of…

Visit hongkiat.com for full content.

When to Say No to a Web Design Client

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/lthL-dyGAfw/

Rejecting potential clients is an art that all freelancers and designers should know. Sometimes, you and the client just don’t work well together, and that’s okay! It just takes a bit of finesse – so even when you have to reject them in the middle of the project, you and your business can come out unscathed.

When They Push the Limits

Some people will get away with whatever they can. They may “negotiate” your contract, ask for extra revisions without paying, or just generally undermine the rules you set. The goal is often to avoid paying full price.

The best thing you can do is make a contract that covers all your bases, and put your foot down. You may or may not want to compromise with certain clients, but never let yourself get taken advantage of.

A "Stop" sign

When a Client is Rude or Demanding

There’s no reason to deal with someone who looks down on you. If in the initial exchange you find your client to be short, nagging, or abusive, it’s time to say no right then. These people will make your job way harder than it’s worth. They may avoid paying, nitpick, ask for constant revisions, or simply make your life difficult. If a client is showing warning signs, don’t take the job. It’s not worth it!

Woman and man having a conversation

When They Make Strange Requests

Sometimes people aren’t sure how to phrase what they want. Their requests can seem incomprehensible and vague. Or maybe what they’re asking for would take too much time.

The right questions can solve many of these problems. Ask ones that leave no room for vague answers, give a few examples to pick from, or elaborate on a confusing statement. Explain why something won’t work, or why you don’t understand their request.

But sometimes, it’s best to simply turn down these clients. When you’d only be guessing at what they want, the result isn’t going to satisfy either of you.

People reviewing documents

When Your Design Choices Clash

A designer who can’t please their clients can never succeed. However, that doesn’t mean the customer is always right. When a client has a different vision – one that may ruin the project in your eyes – the best you can do is gently explain why you made that decision, compromise, or let it go.

However, if it gets to the point that you’d be ashamed to put this project in your portfolio, it may be best to refer the client elsewhere. And if you know from the get-go that you don’t want your name associated with this project, refuse them right away.

Animals fighting

When You Can’t Do the Job

Every designer runs out of time. Jobs pile up, emergencies spring, and you just can’t take on another project. Or maybe the client is asking for something that’s out of your area of expertise.

Instead of trying to do a job you just can’t, be honest and briefly tell them why. It’s better than struggling and turning in something late or with little effort put into it. This will damage your reputation way more than rejecting a client due to lack of skills or time constraints.

A large stack of paper

When Something Feels Wrong

Trust your gut. Do they sound like a message in your spam folder? They could just be a bot. Is someone giving off weird vibes? They might turn into the rude, nitpicking client that every designer dreads. Afraid they’re not going to pay? Reject the project.

If you feel like a client will refuse to pay you, be difficult to work with, or ask for more than you’re capable of, don’t ignore the warning signs.

Can of SPAM

Learning to Deal with Clients

“Saying no” doesn’t mean being blunt or rude with a client. The best way to reject a client is to be firm but polite, brief but informative, and perhaps not to include the word “no” at all.

Trying to help the client can lessen the blow. Refer them to another designer when you can’t continue the project; explain who can help them when they’re asking for something outside your field (such as illustration, graphic design, or web development). This way, the client can transition seamlessly. No harm done to your reputation.


Collective #461

Original Source: http://feedproxy.google.com/~r/tympanus/~3/jiSvSQCHgD4/

C461_advjs

The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript

Tyler McGinnis shares another part of their “Advanced JavaScript” course in this video and article.

Read it

C461_Famous

Our Sponsor
The Missing Link In Your Design Process

Famous Studio enables designers to import designs from Sketch, Photoshop, AdobeXD and turn them into live, immersive web experiences.

Sign-Up for the Beta

C461_Galio

Galio

A new framework for rapidly building mobile apps that comes with many ready-to-use features and components.

Check it out

C461_pictureinpic

Watch video using Picture-in-Picture

Learn about Picture-in-Picture (PiP) that allows users to watch videos in a floating window.

Read it

C461_gov

Building a better GOV.UK, step by step

Read about how the “step by step journey” navigation experience is being implemented on GOV.UK.

Read it

C461_Graphql

Graphpack

With Graphpack you can create GraphQL servers with zero configuration.

Check it out

C461_supports

Using Feature Detection, Conditionals, and Groups with Selectors

A great article by Jirka Vebr on how to use feature detection in CSS including a trick for checking support for selectors.

Read it

C461_cheatsheet

Asynchronous JavaScript cheatsheet

A cheatsheet that contains a summary of the “Mastering Asynchronous JavaScript” course at Frontend Armory.

Check it out

C461_games

Building a Cross-browser, Cross-platform, Real-time Game Streaming Protocol

The first article in a series of blog posts in which Andrew Sampson outlines their experience with developing the first HTML5 game-streaming service for the web.

Check it out

C461_webinar

Free Vue.js Webinars

A site that aims to help developers learn about Vue.js. Learn more about it in this article.

Check it out

C461_3d

How Facebook 3D Photos Work

An interesting article that breaks down the 3D image effect Facebook uses.

Read it

C461_perf

The Amazing World Of Browser Performance – How To Be Performant

An introduction to web performance and how to get started improving it.

Read it

C461_pdf

Tea-School.js – Generate a PDF File From HTML And CSS in Node.js

Amir Tugendhaft writes about the challenges of creating a JavaScript based PDF generator.

Read it

C461_draft

Drafta

A tool to store and share web and interface design screens.

Check it out

C461_100css

100 Days CSS Challenge

A fun challenge created by Matthias Martin where he posts a new daily design to be coded.

Check it out

C461_icons

Evericons

A great pack of essential icons free for a subscription.

Check it out

C461_load

Ready, Steady, Crash!

Katie Koschland shares her load testing journey.

Read it

C461_link

1ty.me

One-time self-destructing links for sharing sensitive information.

Check it out

C461_console

10 Console tricks, to debug like a Pro

Amit Solanki shares some useful tips for console debugging.

Read it

C461_designres

Learn Design

Lapa Ninja’s extensive resource collection for learning design.

Check it out

C461_

Now you see it: dark patterns in web design

Ksenia Pedchenko showcases some nasty dark patterns in web design.

Read it

Collective #461 was written by Pedro Botelho and published on Codrops.

97% Off: Get the Complete Photoshop Mastery Bundle for Only $29

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/op4DuG5QVbw/the-complete-photoshop-mastery-bundle

Adobe Photoshop is a versatile and extremely useful piece of software. With it, you can edit, paint and enhance photos, create your own artwork, and even create attractive, eye-catching marketing materials for your business. The Complete Photoshop Mastery Bundle will take you from photoshop zero to professional hero. Learning Photoshop can enhance your career opportunities. […]

The post 97% Off: Get the Complete Photoshop Mastery Bundle for Only $29 appeared first on designrfix.com.

How We Helped This FinTech Startup Become a Niche Leader

Original Source: https://www.sitepoint.com/how-we-helped-this-fintech-startup-become-a-niche-leader/

This article was created by our content partner, BAW Media. Thank you for supporting the partners who make SitePoint possible.

Here at TMS, we see promising companies with amazing ideas and huge potential on a daily basis. Unfortunately, they often get stuck on technicalities and SOS emails just keep flowing in our direction.

However, that is actually a good thing. If we can help them reach their full potential and get to their goal, it is a win-win situation.

Some of the startups we have seen truly have ideas that could change our world for the better. So rather than seeing them struggle, we are here to help them in any way we can.

And that brings us to the common problem that numerous startups get stuck on; the technical implementation of their SaaS or other web applications. So let's talk a bit more about the TMS solution.

Here Comes the Challenge

It is one thing to talk about it in theory, but things often work out quite differently in practice. To best describe how exactly we help startups deal with their app development, let's take a look at a case study.

Four years ago, we were contacted by a British FinTech company who came to us with a great idea that included a very complex web app development.

From custom design to multiple user roles and complex user flows, we knew this would be a complicated project.

In addition to that, they needed constant maintenance and support since they already had some disappointing experiences in the past. They had to give up several unfinished apps that simply weren't up to their standard and they ended up losing a lot of money.

The TMS Solution

To get things off to a good start, we had to understand what went wrong with their project before they decided to reach us.

We listened carefully to what they had to say to identify the problems that were the root cause of the issues they faced in the past. It appeared that the previous contractors skipped through a lot of basic steps and went straight to development without the proper planning, wireframing, and estimating processes.

It sounded like a good offer; a low hourly rate and less working hours. Unfortunately, it turned out to cost the FinTech startup a lot more down the road.

We explained that we would take an entirely different approach; a systemized, step-by-step process with every developer focusing on their part while having a good grasp on the whole picture, instead of working on multiple components of the project at the same time and feeling no ownership on the delivery.

Since we had a lot of experience with app building, especially with the apps we created for our own company (mostly SaaS), we felt pretty confident about our capabilities to deliver the best product possible.

For us, this project felt like an exciting challenge but was still right up our alley.

Dealing with the Challenges

We have done this numerous times before but the bottom line is that every app is different.

With this one, we were new to the business domain of capital raising, we weren't familiar at all with the FCA classifications and legal regulations etc.

An additional challenge on top of that was trying to untangle the work of the previous development team. We were warned about the confusing UX and the bugs that would appear at the worst moments, especially on demos.

So our first step was to build a proper team led by a Tech Lead and a Product Owner. This would allow us to create the ideal team structure, a good project architecture, and a suitable project delivery strategy.

Forming a reliable team initially takes more time than just engaging a group of random developers – but it always pays off! Not only are the productivity and quality better, but it also results in lower costs over a 12-18 months range.

With every project, the team is formed differently according to the specific project needs and requirements. It sometimes requires just a project manager, a QA engineer, and 2 intermediate full-stack developers. Sometimes, we need additional UI/UX designers, security engineers, front-end engineers etc.

Unique Solution: Introducing our Full-App-Lifecycle Approach

Once the team was formed, we were ready to get started with our own customized approach – the Full-App-Lifecycle approach.

It is based on a simple fact:

Errors are much easier to avoid if the team of developers understands the big picture of the application instead of just focusing on small tasks. From the initial pitch to the final round of feedback, it is important to start every project with a core assessment and a proper analysis.

We always talk with the business' marketing and development team and get answers to the basic questions first: What problem are we solving with this product? Who are the target customers? Who are the competitors? What risks are we facing? What are the budget and the timeline?

All of these questions and more have to be covered in a good analysis, along with Impact Mapping and Story Mapping sessions. At that point, we are able to suggest the best development strategy and product rollout plan.

We need to stay flexible throughout the process to be able to adapt to changes, but we always start with the clear vision on the team structure, software architecture, project phases, features priority, and other little details that we keep in mind.

“TMS worked well with our team, and acted on behalf of our business in various situations. This helped us create a world-class team and grow internationally together.”

The FinTech App Development

The best way to start a cooperation is by establishing each other's trust. With the FinTech startup, we knew that it would take some time to earn their trust after their previous experiences.

They agreed to our approach and we decided to start with just 2 developers working on their project in cooperation with the project manager provided by the FinTech startup. Once we were off to a good start, we added other key members to get the prototype done on a tight deadline.

We had a demo ready for them to show to their clients in less than 3 months. At that point, we were ready to start building a fully featured application.

We gradually added more team members including the QA and QA Automation engineers, front-end developers, full-stack developers of different seniority, and more. Then we divided the team into smaller sub-teams, each with their own project manager.

The app was growing together with our team and we knew we were on the right track. All the way, we participated in the overall product development and our clients know that they can count on our full support even today.

Here are some of the most important results that we brought for our client:

After months of working with us, they fully freed up their time to work on scaling their business and only joining us for Agile sprint reviews.
Geography of usage expanded from the UK to the rest of Europe, while other markets are "on the waiting list".
Client range grew from small startups looking for small investments to large companies that need serious investment deals.
The mature product managed to attract several millions of dollars of investments.

On our side, the product development team dedicated to this project grew from 2 to 25 people and keeps growing.

Why Our Approach Worked

Our Full-App-Lifecycle approach has proven itself quite successful and the main reasons for that are careful planning and management. These were implemented in our every move throughout the process.

When a team is tailored according to a specific product and when every team member works on their specific task, all of them eventually see the product as their own. Not only it helps improving productivity and quality, but it also switches the employees' focus from the fee to the product itself.

In addition to that, the integration with the client's team and industry, the ongoing analysis, and in-depth planning also help increase the quality as well as the delivery pace.

It is important to add that our team is always encouraged to try all the new technologies and follow the latest development trends, to participate in conferences, and to keep up with the industry's highest standards.

The success we achieved with the FinTech project isn't a one-time success story but an example that shows exactly how our approach works.

We are looking for long-term partnerships rather than quick on and off projects and we are happy to join in later phases as well. The point for us is to build teams dedicated to the product and evolve together with it over time.

Conclusion

If you have recognized any of the mentioned problems as your own including the struggle to find a reliable development company, feel free to reach out to us and we will be happy to help you find the right solution.

We have a lot of experience in the field which can be easily proven by the projects that we have successfully completed so far, the 20.000+ paying customers of our own developed products, several millions of end users, and an average annual growth rate of 50% since 2014.

The post How We Helped This FinTech Startup Become a Niche Leader appeared first on SitePoint.

Getting Started in Site Hosting

Original Source: https://inspiredm.com/getting-started-in-site-hosting/

Every website designer and developer should consider site hosting. There are many advantages to be gained from doing so. If you’ve been ignoring this possibility because you think the task is too time consuming and technical, this article will explain why it’s actually very easy and quick, provided you go about it in the right way.

1. The basics

It’s still possible to simply by a server, connect it to a router, connect to the Internet and start hosting your site right from your own office. This gives you some small advantages, but a lot of disadvantages compared to the alternative. The advantages include having direct access to the hardware, plus having full control and responsibility. The disadvantages are too numerous to list.

Most companies and individuals offering hosting services are reselling services from gigantic server farms. It’s possible that they can be resellers of resellers, and the chain could stretch back quite a long way before you get to the actual hardware provider.

Becoming a reseller yourself is easy. Simply find a hosting company you’re comfortable with and purchase a reseller account from them. If you know in advance that you’re going to be hosting a lot of sites a dedicated server will be the way to go, but for most people the best choice will be a virtual private server (VPS).

That name is confusing because it implies that you don’t really have a private space, but actually you do. You get your own dedicated partition, isolated from all the other resellers in every way. The operating system and all the hardware can be configured any way you want without affecting other reseller accounts.

What you’ll be selling to your customers is not VPS but shared hosting, meaning they don’t have the same degree of control and isolation that you have, but only as much as you award to them.

The hosting market is so competitive right now, and so large, that it’s very difficult to make money just from selling hosting. You will most likely be adding value through the other services you provide.

2. Choosing the operating system

You may be offered a choice between a Windows server and a Linux server. Unless you have an absolute, non-negotiable need for a Windows server, you’re better off choosing Linux. This will be much less expensive, more flexible, more secure, and easier to administrate.

This is why nearly every site on the Internet is hosted on Linux. A very small number are hosted on Windows, and an even smaller number are hosted on anything else.

3. WHM – for creating and managing accounts

 Each “account” on your server is actually a domain space. This is all the term “account” means in this context. The owners of each individual site you set up on the server as accounts will define their own user accounts, which in this case will actually mean users, or individual people (not domain spaces). A domain space is any space that can be accessed through the successful resolution of a DNS entry.

If you have chosen a Linux server, the tool you will use for this purpose is called Web Host Manager (WHM). You don’t have to use WHM, because there are other ways to achieve the same ends, but why make things difficult for yourself when there is a really simple way to get everything done?

 

It is important to understand the difference between WHM and cPanel. WHM is used at the server administrator level to create and manage user accounts, but does not give access to individual features within each account (such as setting up email accounts for the domain).

cPanel is used at both an administrative and user level. You have one top level cPanel account from which you can micro-manage all the features of any domain space on the server. The individual site owners, if you grant them the keys to the kingdom, can also manage their own domain space.

4. Security and server configuration settings not covered

Due to the high level of risk involved in making changes to your configuration and security settings, and the massive amount of explanation that would be required to ensure you don’t create a problem for yourself, we’re not going to cover any of that stuff. If you have a need to make those kinds of changes, you already know enough not to need our help anyway.

5. Setting up hosting packages

Before you can create any new accounts, you’ll need hosting packages defined. These packages are feature sets that allow you to decide what features and resources are available for the domains on your server. This also allows you to upgrade and downgrade accounts according to need.

It is generally best practice to not allocate more features and resources than an individual domain space needs. If you find that a site’s needs change in the future, you can silently upgrade it in the background.

You set up packages by selecting Packages in the left menu, and then selecting Add a Package from the main panel.

 

It’s all very easy to understand. You give your package a name, and then set the limits you want for each resource. Most of the items can be left on the default unlimited setting, but the items you will definitely want to restrict are Disk Quota and Monthly Bandwidth. Because the settings are in MB, to get nice round numbers in GB you’ll need to set your values in multiples of 1024. In the example below, disk quota is set to 5 GB, and bandwidth is set to 10 GB.

 For some reason the number of add-on domains and parked domains defaults to a limit of 0, and there is no logical reason why you’d want to prevent add-on and parked domains from being created, so you should consider raising the limit or even setting it to unlimited.

CGI access is enabled by default, but the need for it in the present time is quite rare, and CGI is a favorite access point for many types of malware. If you don’t develop CGI software, or otherwise have a known need for it, you may wish to disable it.

When all the settings for your package are correct, click the Add button to save them.

6. Add an account

Once you have one or more packages defined, you are then able to add accounts. Most of the time, especially if you’re successful, this will be the only other WHM task you need to perform other than creating packages.

To access this feature, select Account Functions in the left menu and then select Create a New Account from the main panel.

This screen has seven sections. The first section shows you your reseller account limits and how much you’ve already used.

 

The next section shows you how many sites you can still create based on which package type you select. 

 

The next section will be where you actually enter the information about the domain account you are creating. The domain you create here does not have to be already registered, and it’s important to understand that this process does not actually register a domain, which is a separate step.

 

There are five fields to complete, and a password strength indicator. There’s an option to use a password generator, but you should not use it because you’ll get a weak password that the system incorrectly identifies as strong. Instead, you should manually create a strong password that you could never forget, and which also follows all the rules of using numbers, letters, mixed cases, and special characters (because if you don’t follow all the rules, the password may be identified as weak, even if it is strong).

The username field will be created for you based on the domain name. You may want to change it for security reasons or because there would be a conflict with another username already in use.

The final field is the email field, which is the email address where administrative emails connected with the account should be sent. This should be an email address under your direct control. Below is an example of all the fields completed.

 In the next section, you simply select a package from the drop-down box. After you have selected a package, the background of the field will turn green, a green check mark icon will appear, and if you hover your mouse over the magnifying glass icon, you will see the details of the selected package so you can be sure it is correct.

 The next section allows you to configure cPanel settings. CGI Access should only be enabled for accounts where CGI is necessary (it’s usually not necessary). Change the locale from English to another one if necessary. Usually you will want to leave the Apache SpamAssassin setting enabled. You would normally only disable this if you knew it would create a problem.

 The next section is for the DNS settings. You won’t normally want to change these settings from the default settings unless you have a special reason.

 The next section is for mail routing settings. You won’t normally change these from the default selection unless you have a reason.

 Click the blue Create button to create the account. You’ll see instant confirmation on the screen, and also receive an email to the account you nominated at section 3.

7. Other things you can do with accounts

 

Adding accounts is really all you’ll normally need to use WHM for. There could be a few special situations that come up, so for those situations, here are the possible things you can do:

Force Password Change. If you have some special reason to force your users to change their passwords, this is the option that allows you to do it. It’s not really recommended to do this unless there is a pressing need.
Manage Account Suspension. If you ever need to suspend or unsuspend an account, this is where you do it from.
Password Modification. If you want to change the password for a site yourself (that is, you don’t want to leave it up to the client to choose a password) this is where you do it. You’ll normally use this action after a suspected security breach has occurred.
Skeleton Directory. Not as exciting as it sounds. This simply allows you to specify a default index page and directory structure for the newly created accounts. You can’t actually change anything here, it is just notifying you of where to look on your server for the skeleton directory template so you can manually make changes there if you want.
Terminate Accounts. If you are sure that an account is no longer required, you can remove all traces of it by using this feature. It’s only necessary to activate it once you start running out of room to create new accounts. Otherwise suspension is effective enough, along with not renewing the domain.
Upgrade/Downgrade an Account. All accounts can be upgraded or downgraded. You select the domain to be upgraded or downgraded, and then click the Modify button.
Web Template Editor. This is only for creating default pages to be shown when an account has been deleted, moved, or suspended; or where the site has a connection problem.

9. Everything else in WHM

All the other things you can do are advanced features that you will only need to concern yourself with if you encounter the kind of circumstances that would require you to. When that happens, it is best to consult the official documentation for guidance on those advanced topics.

10. Perform all your lower level administrative tasks in cPanel

For the even more basic and site-specific stuff like setting up email accounts, creating databases, installing software, and setting add-on or parked domains, you will use cPanel. All of these features are also self-explanatory.

header image courtesy of Alaina Johnson

The post Getting Started in Site Hosting appeared first on Inspired Magazine.

In Review: Adobe Max from a First Timer

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/grfTNtZwdxE/review-adobe-max-first-timer

In Review: Adobe Max from a First Timer

In Review: Adobe Max from a First Timer

abduzeedo
Oct 22, 2018

This year I had the opportunity to attend to Adobe MAX. I have always wanted to go and finally, I got the chance. MAX is Adobe’s annual get-together where they share news about products, introduce new features for their flagship software like Photoshop, Illustrator, After Effects and this year I would add XD as part of that. Those four days in LA were quite inspiring and I would love to share some thoughts about the event and the product announcements.

Adobe MAX is huge. I have been to big events like E3, Google IO, and small events as well. The MAX is definitely one of the big ones. The main keynote illustrated that quite well. There were 15 thousand people watching it there. The most amazing thing is that they were all creative people be it artists, designers or illustrators so the energy was inspiring and reinvigorating. I felt like going back to design school. There was this excitement in the air and every new feature announced was received with shouts of happiness and applause.

Image result for adobe max 2018Speaking of announcements. I got the chance to see first hand what Adobe is bringing to XD and it’s quite impressive, but I will get back to that later. Let me talk about Photoshop. It got some neat new tricks, like unlimited undos via keyboard shortcut (finally), amazing new mask detection with their AI Sensei, double-click to edit texts and live preview of blend modes. The last one would have been a huge time saver for me 10 years ago when I was writing Photoshop tutorials but hey, better late than never.

All other tools got significant updates, most of them focused on streamlining the creative process, trying to automate tasks that take time and allow designers to pay attention and spend their time on what matters most, communicating the message through creative design solutions. So we could see a lot of Sensei helping with intelligent cropping, color adjustments, tracking and many more. There was also, the introduction of Photoshop for the iPad. I feel it might be a bigger deal for Apple than for designers, even though most designers have an iPad. In addition, they announced another iPad app, Project Gemini. That one, at least the demo, blew me away. 


– Project Gemini

For me, probably the biggest announcement was that Typekit now is called Adobe Fonts. In addition to the name change, they included their entire library for Creative Cloud subscribers. Yeah, you heard it right, you can now use their 15,000 fonts on your personal and professional projects. For those like me that grew up collecting fonts from foundries like FF, P22, T26, Emigre, House Industries, Monotype and many others, this news is simply incredible. I can finally use Ms. Eaves without worrying about anything.

Now back to XD. Adobe spent a lot of time promoting this tool. It’s an industry that they are not leading at the moment, which is quite ironic if you think that pretty much every UI designer I knew six years ago used to use Adobe Fireworks. Adobe killed Fireworks and tools like Sketch and Framer got their chance to succeed, which they did. Now Adobe is trying to reconquer what they owned in the past.

You should not get spooked by rejection – Albert Watson

XD is adding great features and their team is willing to listen to the users. This version they introduced some very useful new features like Auto-animate, Responsive Design, Plug-ins and Voice Prototyping. The last one is truly unique, they are the only one doing it. I have been spending some time playing with it and I have to say. I might switch, just because I am a Creative Cloud subscriber and I like the idea of using the same family of apps. In addition, the new features are worthwhile. Auto-animate is pretty much like using Keynote with Magic Move. It’s very easy to use and performs quite well. The resizing feature is, indeed quite magic. You don’t have to set constraints, XD just tries to figure out what should scale or not. Voice is very simple, yet quite useful. XD gives you a trigger input which is voice. It then gives you a voice system for feedback. For those designing for assistant software, this feature is a time saver.

Besides Adobe announcements, there was the exhibit with a lot of awesome people promoting their products. It was awesome to see people showcasing their new software with experts answering questions in addition to illustrators, print companies and foundries promoting their products. As I mentioned before there was this incredible energy in the air.

At the end of the four days in LA and seeing so many inspiring things I felt that my creative batteries were fully recharged and the only thing I wanted to do is to open XD and design the new version of Abduzeedo. I cannot forget to mention the people I had the pleasure to meet there, including some fantastic Brazilian designers working for great companies like Skyscanner, Target, Work&Co, and Adobe.


– Photographer, Albert Watson, discusses his path in creating iconic photos at Adobe MAX

I have to be honest, I was a bit skeptical about Adobe MAX and I was proved completely wrong. As Barry Schwartz said in his book The Paradox of Choice. The secret of happiness is low expectations. That was totally true for me. I didn’t expect much and I was totally blown away and I thank Adobe for that, for bringing back the eye of the tiger that I had forgotten I had. I can safely say I’m so looking forward to booking my trip for next year’s Adobe MAX.

For more information and full list of announcements visit: https://theblog.adobe.com/

adobe