Building Ethereum DApps: Whitelisting & Testing a Story DAO

Original Source: https://www.sitepoint.com/building-ethereum-dapps-whitelisting-testing-story-dao/

In part 3 of this tutorial series on building DApps with Ethereum, we built and deployed our token to the Ethereum testnet Rinkeby. In this part, we’ll start writing the Story DAO code.

We’ll use the conditions laid out in the intro post to guide us.

Contract Outline

Let’s create a new contract, StoryDao.sol, with this skeleton:

pragma solidity ^0.4.24;

import “../node_modules/openzeppelin-solidity/contracts/math/SafeMath.sol”;
import “../node_modules/openzeppelin-solidity/contracts/ownership/Ownable.sol”;

contract StoryDao is Ownable {
using SafeMath for uint256;

mapping(address => bool) whitelist;
uint256 public whitelistedNumber = 0;
mapping(address => bool) blacklist;
event Whitelisted(address addr, bool status);
event Blacklisted(address addr, bool status);

uint256 public daofee = 100; // hundredths of a percent, i.e. 100 is 1%
uint256 public whitelistfee = 10000000000000000; // in Wei, this is 0.01 ether

event SubmissionCommissionChanged(uint256 newFee);
event WhitelistFeeChanged(uint256 newFee);

uint256 public durationDays = 21; // duration of story’s chapter in days
uint256 public durationSubmissions = 1000; // duration of story’s chapter in entries

function changedaofee(uint256 _fee) onlyOwner external {
require(_fee < daofee, “New fee must be lower than old fee.”);
daofee = _fee;
emit SubmissionCommissionChanged(_fee);
}

function changewhitelistfee(uint256 _fee) onlyOwner external {
require(_fee < whitelistfee, “New fee must be lower than old fee.”);
whitelistfee = _fee;
emit WhitelistFeeChanged(_fee);
}

function lowerSubmissionFee(uint256 _fee) onlyOwner external {
require(_fee < submissionZeroFee, “New fee must be lower than old fee.”);
submissionZeroFee = _fee;
emit SubmissionFeeChanged(_fee);
}

function changeDurationDays(uint256 _days) onlyOwner external {
require(_days >= 1);
durationDays = _days;
}

function changeDurationSubmissions(uint256 _subs) onlyOwner external {
require(_subs > 99);
durationSubmissions = _subs;
}
}

We’re importing SafeMath to have safe calculations again, but this time we’re also using Zeppelin’s Ownable contract, which lets someone “own” the story and execute certain admin-only functions. Simply saying that our StoryDao is Ownable is enough; feel free to inspect the contract to see how it works.

We also use the onlyOwner modifier from this contract. Function modifiers are basically extensions, plugins for functions. The onlyOwner modifier looks like this:

modifier onlyOwner() {
require(msg.sender == owner);
_;
}

When onlyOwner is added to a function, then that function’s body is pasted into the part where the _; part is, and everything before it executes first. So by using this modifier, the function automatically checks if the message sender is also the owner of the contract and then continues as usual if so. If not, it crashes.

By using the onlyOwner modifier on the functions that change the fees and other parameters of our story DAO, we make sure that only the admin can do these changes.

The post Building Ethereum DApps: Whitelisting & Testing a Story DAO appeared first on SitePoint.

Ethereum DApps: Cross-contract Communication & Token Selling

Original Source: https://www.sitepoint.com/building-ethereum-dapps-cross-contract-communication-token-selling/

In part 4 of this tutorial series on building DApps with Ethereum, we started building and testing our DAO contract. Now let’s go one step further and handle adding content and tokens to the story, as per our introduction.

Adding Tokens

For a contract to be able to interact with another contract, it needs to be aware of that other contract’s interface — the functions available to it. Since our TNS token has a fairly straightforward interface, we can include it as such in the contract of our DAO, above the contract StoryDao declaration and under our import statements:

contract LockableToken is Ownable {
function totalSupply() public view returns (uint256);
function balanceOf(address who) public view returns (uint256);
function transfer(address to, uint256 value) public returns (bool);
event Transfer(address indexed from, address indexed to, uint256 value);
function allowance(address owner, address spender) public view returns (uint256);
function transferFrom(address from, address to, uint256 value) public returns (bool);
function approve(address spender, uint256 value) public returns (bool);
event Approval(address indexed owner, address indexed spender, uint256 value);
function approveAndCall(address _spender, uint256 _value, bytes _data) public payable returns (bool);
function transferAndCall(address _to, uint256 _value, bytes _data) public payable returns (bool);
function transferFromAndCall(address _from, address _to, uint256 _value, bytes _data) public payable returns (bool);

function increaseLockedAmount(address _owner, uint256 _amount) public returns (uint256);
function decreaseLockedAmount(address _owner, uint256 _amount) public returns (uint256);
function getLockedAmount(address _owner) view public returns (uint256);
function getUnlockedAmount(address _owner) view public returns (uint256);
}

Notice that we don’t need to paste in the “meat” of the functions, but only their signatures (skeletons). This is all that’s needed to interact between contracts.

Now we can use these functions in the DAO contract. The plan is as follows:

launch the token (we already did this)
launch the DAO from the same address
send all tokens from the token-launcher to the DAO, then transfer ownership over the contract to the DAO itself
at this point the DAO owns all tokens and can sell them to people using the transfer function, or can reserve them for spending using the approve function (useful during votes), etc.

But how does the DAO know which address the token is deployed on? We tell it.

First, we add a new variable at the top of the DAO contract:

LockableToken public token;

Then, we add some functions:

constructor(address _token) public {
require(_token != address(0), “Token address cannot be null-address”);
token = LockableToken(_token);
}

The constructor is the function which gets called automatically when a contract is deployed. It’s useful for initializing values like linked contracts, default values, etc. In our case, we’ll use it to consume and save the address of the TNS token. The require check is there to make sure the token’s address is valid.

While we’re at it, let’s add a function that lets users check how many tokens remain for sale in the DAO, and the ability to change to another token should something go wrong and such a change be required. This change deserves an event, too, so let’s add that in as well.

event TokenAddressChange(address token);

function daoTokenBalance() public view returns (uint256) {
return token.balanceOf(address(this));
}

function changeTokenAddress(address _token) onlyOwner public {
require(_token != address(0), “Token address cannot be null-address”);
token = LockableToken(_token);
emit TokenAddressChange(_token);
}

The first function is set to view because it doesn’t change the state of the blockchain; it doesn’t alter any values. This means it’s a free, read-only function call to the blockchain: it doesn’t need a paid transaction. It also returns the balance of tokens as a number, so this needs to be declared on the function’s signature with returns (uint256). The token has a balanceOf function (see the interface we pasted in above) and it accepts one parameter — the address whose balance to check. We’re checking our (this) DAO’s balance, so “this”, and we turn “this” into an address with address().

The token address changing function allows the owner (admin) to change the token contract. It’s identical to the logic of the constructor.

Let’s see how we can let people buy the tokens now.

Buying Tokens

As per the previous part of the series, users can buy tokens by:

Using the fallback function if already whitelisted. In other words, just sending ether to the DAO contract.
Using the whitelistAddress function by sending more than the fee required for whitelisting.
Calling the buyTokens function directly.

There is a caveat, however. When someone calls the buyTokens function from the outside, we want it to fail if there aren’t enough tokens in the DAO to sell. But when someone buys tokens via the whitelist function by sending in too much in the first whitelisting attempt, we don’t want it to fail, because then the whitelisting process will get canceled as everything fails at once. Transactions in Ethereum are atomic: either everything has to succeed, or nothing. So we’ll make two buyTokens functions.

// This goes at the top of the contract with other properties
uint256 public tokenToWeiRatio = 10000;

function buyTokensThrow(address _buyer, uint256 _wei) external {

require(whitelist[_buyer], “Candidate must be whitelisted.”);
require(!blacklist[_buyer], “Candidate must not be blacklisted.”);

uint256 tokens = _wei * tokenToWeiRatio;
require(daoTokenBalance() >= tokens, “DAO must have enough tokens for sale”);
token.transfer(_buyer, tokens);
}

function buyTokensInternal(address _buyer, uint256 _wei) internal {
require(!blacklist[_buyer], “Candidate must not be blacklisted.”);
uint256 tokens = _wei * tokenToWeiRatio;
if (daoTokenBalance() < tokens) {
msg.sender.transfer(_wei);
} else {
token.transfer(_buyer, tokens);
}
}

So, 100 million TNS tokens exist. If we set a price of 10000 tokens per one ether, that comes down to around 4–5 cents per token, which is acceptable.

The functions do some calculations after doing sanity checks against banned users and other factors, and immediately send the tokens out to the buyer, who can start using them as they see fit — either for voting, or for selling on exchanges. If there’s fewer tokens in the DAO than the buyer is trying to buy, the buyer is refunded.

The part token.transfer(_buyer, tokens) is us using the TNS token contract to initiate a transfer from the current location (the DAO) to the destination _buyer for amount tokens.

Now that we know people can get their hands on the tokens, let’s see if we can implement submissions.

The post Ethereum DApps: Cross-contract Communication & Token Selling appeared first on SitePoint.

Will Brexit wreck the VFX industry?

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/I8ejKl528Dk/will-brexit-wreck-the-vfx-industry

Having sat in screening rooms at ILM and Digital Domain for well over 18 years, I've heard my share of comments from big-name film directors regarding their review of shots for their films.

What will Brexit mean for the British VFX and CG industry?

The comment we were always hoping to hear was 'Final'. When the director said that magic word, a thunderous cheer was often heard from the men and women that had toiled for countless hours over that five or so seconds of film. But, when the team felt that the shot should be 'Finaled' and the director said 'CBB' (Could Be Better), we knew we were in for the long haul, because oftentimes the director had no idea what he or she was actually looking for.

Brexit could have some very serious consequences and implications for the visual effects industry, both in the UK and the rest of the world. But before we look at some of the issues regarding Brexit and the VFX industry, let's get a clear picture of the business of VFX.

What drives the industry

Let's be clear, Hollywood studios are looking for the best visual effects that will be delivered on time for the lowest price. A major blockbuster movie must be released on time. There's countless hours of planning and strategy by dozens of marketing execs, having reviewed all other studios' movies and their release dates to determine their film's date and overall marketing plan.

And generally speaking, they are pretty spot on with their date (except of course Titanic, which missed its July release and was finally released mid-December, catapulting its box office to dizzying heights, but that's another story). So, delivery is critical, and that is why generally speaking, the VFX studios that are of significant size and have a history of hitting outrageous schedules, get the work.

Of course, the studios want the very best quality, except when that quality costs too much. For example, when I was at the helm of ILM, I had a rather heated conversation with the president of Columbia Pictures regarding Air Force One. Arguing my case that the VFX looked horrible, the Columbia Exec asked me what ILM would have charged to do the VFX, and I gave him a number. He laughed and said, "Your price is $1.5 million higher than what we paid, are you telling me that we would have seen considerably more box office if the VFX were better?" He had a point.

disney castle at night

Where Disney decides to spends its money has a huge impact on the industry

So, quality is important… but price is much more important. I learned my lesson. That's why I was sure that like most manufacturing, the manufacturing of VFX would move off shore to lower-cost environments, where wages were considerably less. I'd seen it happen in animation only a decade or two before. Animation was generally produced in the US by studios like Hanna-Barbera and Disney. But as prices rose due to increased labour costs, much of the animation moved to Korea and the Far East. I assumed, incorrectly so, that much of the VFX work would wind up in China and India.

But then came tax subsidies and rebates from English-speaking countries like Canada, Australia, New Zealand and the UK. And while the labour costs were higher than, say, India, the rebates, the ease of communication and the careful strategic coming together of the likes of Sohonet, gave the US studios everything that they wanted… a great price due to government sponsorship, English-speaking contractors and high-quality VFX due to the enormous influx of talent from around the world. London (and Vancouver) became the nexus for VFX. 

Brexit: the pluses

dollar euro and pound notes

Which currency will prevail post-Brexit?

Never forget, it's show business and as such, the studios and producers are always driven by price. There are two advantages that I see regarding VFX and Brexit. The pound to dollar pricing becomes quite attractive to US studios as the pound falls.

While I'm no economist, there have been several folks who have predicted that the pound will continue to fall against the dollar. The other opportunity is that the UK will no longer be bound by the rules of the EU, and as such, might make the subsidies and tax rebates even more attractive.

Brexit: the minuses

While the studios are driven by price, they are even more concerned about delivery. They are scared to death that they will miss their release date. Having done some research, the VFX workforce in London is approaching 50 per cent that are non-UK citizens, and 40 per cent of the current workforce are comprised of EU nationals.

While Brexit is not yet fully defined, it seems that it will force EU nationals to obtain the necessary work permits, which might prove very difficult, or not depending on the process – the proposed system announced recently suggests this process should be fairly straightforward. If it isn't, the result could be that London VFX studios would lose close to 50 per cent of its trained workforce. That could be disastrous. 

With a diminished talent base, London will not be able to handle the big shows, and as such will bring great concern to the studios regarding the London facilities' ability to deliver the work on time.

The possible

EU flag next to UK flag

Will EU workers be able to stay once the UK has Brexit-ed?

If the London-based VFX studios' management is able to petition the UK government to allow their EU employees to remain in the UK, or if the proposed process for EU residents to seek settled status is put in place, then all will be well. However, if that doesn't happen, well, the proverbial will hit the fan.

The US studios will look for alternative ways to address their VFX needs. One possibility is that the London-based facilities open VFX operations in other countries, like France or Germany. We've seen that this is already happening. Unfortunately, opening up a new facility will take a great deal of cash, which, given the current margins in the VFX industry, means the parent company will take yet another financial hit.

Additionally, all the EU employees presently working at the London facilities will have to, once again, uproot their lives and move (which will also cost the London-based facilities more money). So, as you can see, this is not a pretty picture for the facilities or the workers.

There have been talks about setting up hub/spoke-based operations. That is, the hub remains in London but various tasks such as rigging, match moves, modelling and compositing take place in distant locations. While seemingly attractive, this idea creates a bunch of issues. Security, proximity, governmental tax issues and subsidies now become a problem not only for the facility, but for the client too.

Remembering my time back in various VFX screening rooms, I kept my fingers crossed every time my teams would screen their shots for the director, hoping for that magic word… Final. 

Unfortunately, Brexit looks like a CBB at best, or maybe even a famous Jim Cameron statement when viewing a shot that he didn't think was up to snuff, an 'NFG' (No Fucking Good).

This article was originally published in issue 235 of 3D World, the world's best-selling magazine for CG artists. Buy issue 235 here or subscribe to 3D World here.

Related articles:

Savage Brexit stamps are the best of BritishThe designer's guide to BrexitHow the web industry is coping in uncertain times

Sonikpass Awesome Brand Identity and Web Design

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/6F2YKAJcEfw/sonikpass-awesome-brand-identity-and-web-design

Sonikpass Awesome Brand Identity and Web Design

Sonikpass Awesome Brand Identity and Web Design

abduzeedo
Jul 23, 2018

Rolf Jensen shared an incredible brand identity and web design project on his Behance profile. It is for Sonikpass, a San Fransisco based startup company creating an incorruptible digital version of you at the moment you want to conduct a digital transaction of any kind from logging into a secure digital access point to digitally unlocking the door to your home.

This post features some of the key visual features made for the branding and website in early 2018. Including a concept called redacted identity, emphasizing the core messaging of their product, celebrated in WebGL.

Rolf is an independent design director based in New York. He has an extensive portfolio including incredible projects for Disney, Sony, Adobe and many others. I especially love the God of War project, maybe because I am a fan of the game. For more information make sure to check out http://rolfjensen.no/

Web design

 

brand identity


Brizy Review: Visual Page Building Reinforced

Original Source: https://inspiredm.com/brizy-review-visual-page-building-reinforced/

Meta: This Brizy Page Builder review covers everything you need to know about the WordPress plugin, with focus on how it would potentially impact your business.

Well, of course, we love WordPress for its usability, and most importantly, its wide array of third-party plugins optimized for pretty much everything to do with websites.

Come to think of it, we could spend a fortnight comparing different plugin categories, debating about the most essential one. However, if you’re honest, you’d acknowledge that nothing comes close to web design plugins especially when it comes to ecommerce sites.

Consider this. The first impression visitors have of your website is 94% related to its overall design. That’s according to a study conducted by Northumbria and Sheffield Universities. The University of Surrey, on the other hand, released a separate report revealing that users’ assessment of your business’ credibility is 75% based on the website design.

And that explains why a well-designed web interface is capable of boosting your standard conversion rate by 200 to 400%.Design comes first before other supplementary site elements pick up from there to optimize the conversion process.

That’s why I’ve always been crazy about web building plugins. Leveraging good ones is one way to lay a solid foundation for a seamless experience with other plugins and site elements.

That said, I’ll admit that I’ve used quite a couple of extremely effective plugins in this space. But, as expected, I’ve also seen my fair share of poor ones.

Above everything, I’ve always found it exciting to try out the newest entrants. Mostly because some of them come out with all guns blazing. They are seemingly never shy to challenge even established competitors with trendy, exciting features at comparatively cheap rates.

And that’s how I was quick to notice Brizy Page Builder. A new kid on the block, but certainly one of the most notable entrants.

So, what exactly does it come with? And is it any different from its predecessors?

Well, let’s find out. This Brizy Page Builder review covers everything you need to know about the WordPress plugin, with focus on how it would potentially impact your business.

Brizy Page Builder Overview

Barely two months ago, in May, was Brizy launched as a page builder for WordPress-based sites. It was essentially developed to eliminate all the coding mumbo-jumbo, and consequently help users design and set up web pages without hiring developers.

Now, let me take a wild guess here. I assume you’ve heard that same description numerous times by now. So many that it has almost grown into a cliché.

Of course, it’s understandable that you might be thinking “another page builder?” What does Brizy gain from a space that’s already seeing a steady influx of tools on a regular basis?

Well, according to the team behind Brizy, it turns out that it’s not just a standard page builder. They acknowledge that indeed there are tons of page builders out there, but claim that Brizy will change your entire perception of visual page editors.

Top on the list of things its creators boast is a new revolutionary approach, which simplifies the whole editing process by availing only the tools that matter. Through Brizy, they also attempted to do away with what they call restrictive design elements.  Instead, the tool now supports extensive customization to empower site owners to do exactly what they want.

Now that only scratches the surface. There are loads of other features its developers say you’ll not see in other page builders.

Sounds impressive, right? Well, to be fair, this could possibly be marketing fluff to set the ball rolling. But then again, get this. Over the past couple of weeks, Brizy has grown to well over 100,000 downloads with a corresponding active user base of more than 20,000.

To top it off, the company is right on the verge of launching a whole new version of the tool- Brizy Pro.

Now that’s not a bad run. Quite remarkable as a matter of fact.

But are its features worth the hype?

Let’s take a closer look…

Brizy Page Builder Reviews: Features
Premium Themes

A bland outlook is one way to approach your page design, especially if you believe that graphics could be distracting.

But, let’s look at facts here. Going by research conducted by Adobe, 38% of your traffic will bounce off immediately your store’s website loads without appealing imagery or layout.

To help you entice your users, Brizy has outsourced theme designing to the real experts- Themefuse. This renowned group of professionals has designed a wide range of attractive and elegant premium themes, which are principally available on Brizy Pro.

Brizy themes

And to avoid distracting users, the templates come with simple, clutter-free layouts. They are sleek, with minimalistic arrangements to help site visitors navigate around without any problems.

Clean Interface

While it might be exciting to see a wide range of editing tools when you’re working on a web page, let’s face it. Even for extremely complex pages with dynamic elements, you’ll only be able to use a limited number of tools at a time. Consequently making the rest redundant and bothersome.

Brizy addresses this problem by eliminating the crowd of editing tools we’ve seen with the bulk of other page builders.

However, make no mistake about it. The tools are not abolished completely.  Instead, Brizy avails only what you need for the specific task at hand, and hides the redundant options.

Brizy interface

The result? Well, apart from a well-streamlined editing process, you get to enjoy a smart, clean interface.

Extensive Design Elements

Availing only the necessary editing options is quite commendable. But, admittedly, the subsequent clean editing interface could get you worried that Brizy might have very limited design elements.

Well, could that be the case with this WordPress plugin?

To comprehensively assess Brizy’s capabilities, I went beyond the standard options. I tried creating a web page with multiple elements, all dynamically linked within a single interface.

Thankfully, Brizy systematically provided a wide range of elements to design just the right page. In addition to maps, Brizy supports videos, icons, images, buttons, text, and many more.

Brizy design elements

Among its provisions is over 4,000 different icons, available in both Glyph and Outline versions. It also offers more than 150 pre-made page design blocks, which can be conveniently added to your web page to set its structure.

Recently, its creators further introduced entrance animations to the whole editing package.  You can now take advantage of more than 40 animation types to create an intuitive scrolling experience.

That said, here’s the kicker. While Brizy has covered all the fundamental design elements, it’s fairly limited when it comes to advanced elements. But the silver lining is the fact that the team behind it continues to improve the editing environment with additional web page design elements.

Global Customization

Embedding all those elements with their default parameters would ideally shorten the page building procedure. But, it would also result in a boring, unappealing web page. Different pages would possibly share more or less the same outlook.

Since every site is unique in its own way, Brizy found it critical to expand its editing options to facilitate extensive customization. That way, you can comfortably adopt your entire website to the specific business branding strategy.

But, how does this work exactly?

Brizy essentially allows you to adjust multiple aspects and parameters of the individual page elements. When you need to set positions within the page, for instance, you could capitalize on the intuitive drag and drop feature. It helps you conveniently move the elements to their desired position by simply choosing, clicking, dragging and dropping them anywhere within the page.

If the columns seem to be disproportionate, you could resize them by moving a mid-handle. You might especially find the corresponding percentage values displayed up top quite handy in ensuring accuracy.

And guess what? Customizing the columns doesn’t affect the content. Everything simply readjusts to adapt to the new dimensions.

And speaking of content, Brizy also comes with a smart text editor, which is optimized for changing text alignments, fonts, and colors. You can also extend the color scheme to the rest of the page layout with a single click to edit template properties.

Brizy customization

And you know what? You’re free to be creative and experiment with multiple design options. You can always click to undo or redo any edit.

Mobile Optimization

A typical internet user today is pretty versatile. A report by Adobe revealed that 83% of customers worldwide, on average, surf on multiple screens using 2.23 devices at the same time.

Yes, you’re dead right. This includes smartphones and mobile tablets.

As a matter of fact, users love their mobile devices so much, that 74% of them say that they may never attempt to revisit a site if they found it to be poorly optimized for mobile surfing. I guess our addiction to surfing on-the-go might have everything to do with this widespread preference.

Now, one thing’s for sure. Such entitlement by internet users is not going anywhere. Quite simply adapt your site or go home.

Fortunately, Brizy provides a Mobile View mode with just the right tools to optimize your web page for mobile devices. Shifting to this window allows you to design all the elements for smaller screens.

Brizy mobile

Brizy Page Builder Reviews: Pricing

You’ll love this.

At the moment, all these features are available for free. You’re not going to pay even a dime to leverage them.

Developers are working now on an extended version (Brizy Pro) that will offer much more features aimed at web professionals and marketers.

What you are buying now is a pre sale for the Pro version, but the catch is that this is a one time payment only, lifetime deal. Once the Pro is out, the lifetime will be gone and you’ll pay yearly.

Brizy Pro

Brizy Pro is basically standard Brizy on steroids. According to the developing team, some of the additional features it will introduce include:

A/B Testing- You’ll be able to review and compare two distinct versions of the same web page with varying parameters.
Advance Forms-While the free version supports standard forms, Brizy Pro supports advanced forms with additional design options.
Role Manager-This allows you to set access and editing privileges for different parties you’ll be collaborating with.
Pop-up Builder- To boost your conversion rate, the pop-up builder facilitates the design and setup of call-to-action windows, pop-up banners, and more.
Third-Party Integration- Brizy Pro will support the following third-party services; Drip, SendGrid, AutoPilot, Mailer (Lite), HubSpot, Zapier, Unsplash, Salesforce, AWeber, MailChimp, Campaign Monitor, TypeKit, plus more.

Brizy Pro features

Who Should Consider Using Brizy Page Builder?

To recap, here are the crucial takeaways:

Top on the list of things Brizy’s creators boast is a new revolutionary approach, which simplifies the whole editing process by availing only the tools that matter.
Over the past couple of weeks, Brizy has grown to well over 100,000 downloads with a corresponding active user base of more than 20,000.
Developers are working on a parallel version, Brizy Pro, which will offer much more features at a price. If you’re interested, you could pay $247 for a lifetime package of Brizy Pro once it launches.

Going by the current provisions, Brizy is quite decent for personal projects and basic websites. It can also suffice for small businesses and startups, but only for non-sales web pages.

Heavier users with high business ambitions have no choice, but to hang on until Brizy Pro is ultimately launched. And from the few features that have been leaked, I have to say that we expect it to make a substantial impact in the WordPress page building space.

For now, paying for the lifetime package seems like a pretty safe bet. Especially considering the fact that Brizy’s developers have already proven what they are capable of over the long haul.

Otherwise, let’s wait and see how it pans out. And maybe, I might hit you with a comprehensive Brizy Pro review in the near future.

The post Brizy Review: Visual Page Building Reinforced appeared first on Inspired Magazine.

Adobe shares Pantone's summer trending colours

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/7XgLkLMtibs/adobe-shares-pantones-summer-trending-colours

Adobe has teamed up with the Pantone Colour Institute to reveal which colours are trending this summer. Compiling its findings into the Pantone Colour Me Social gallery, Adobe suggests bold, saturated tones are big at the moment. And while this won't change colour theory, colour trends do affect the decisions of designers and brands.

The colours in question include Lime Green, Hawaiian Ocean, Flame Orange, Fuchsia Purple, Cherry Tomato, Blazing Yellow and Dazzling Blue. According to Laurie Pressman, the Institute's vice president, these tones mark a sea change in colour trends.

"Following years of essentialist and pared-down aesthetics, the thirst for vivid, rich colour is taking centre stage as people want to spark a new kind of joy and create playful paradises," she explains.

Get 15% off Adobe Creative Cloud with our exclusive deal

One of the key drivers behind this change is social media. Pressman reasons that these online platforms give users the freedom to experiment with colours and intense experiences, which in turn leads to people gravitating towards richer hues.

Given that social media is a relentlessly noisy world, it makes sense that brighter, bolder images have been on the rise as users attempt to stand out from the crowd. With colour seen as a form of self-expression on social media, vibrant colours lead to more interaction.

You can explore these vibrant colours below; use the left and right arrows to click through the gallery.

Despite this trend having its roots in social media, saturated colours have spilled over into the worlds of retail and fashion. This is an interesting inversion of traditional design, which usually saw fashion industries shaping the colour trends for everyone else to follow.

"While all of the shades highlighted are being seen on the street and the catwalk," says Pressman, "we are seeing these colours show up in other areas as well, from travel to food. Some of the newest sources for colour inspiration are home furnishings, lifestyle and beauty."

Brands, museums and exhibitions can all take advantage from these trending colours to connect with audiences. Pressman goes on to add that even if saturated colours don't immediately appear suitable for your brand or company, "even a small accent or a bright shade in the background could do the trick."

And with the Institute predicting the current colour trend to continue right the way through until the summer of 2020, there's plenty of time to get on board with this eye-popping palette.

Related articles:

Pantone launches super-sized colour chipsIf celebrities were Pantone coloursPrince gets his own Pantone colour – what could it be?

Webfonts And Performance: SmashingConf Videos

Original Source: https://www.smashingmagazine.com/2018/07/smashingconf-videos-web-fonts-performance/

Webfonts And Performance: SmashingConf Videos

Webfonts And Performance: SmashingConf Videos

The Smashing Editorial

2018-07-20T14:35:35+02:00
2018-07-20T15:29:44+00:00

Webfonts are difficult to get right. An often overlooked and disruptive piece of web performance, webfonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors.

Webfonts Are ▢▢▢ Rocket Science

Recorded at our special web performance themed SmashingConf in London, Zach Leatherman demystifies webfonts in order that we can avoid font-related performance issues. He takes us through a detailed guide to best practices when using webfonts, so you can use beautiful fonts without sacrificing performance. If you have ever asked, “What is the best way to load webfonts?” then you need to hear this talk. Zach breaks down the various approaches in a straightforward way, so you should feel able to make the best decisions for your own use of webfonts.

In addition to this video, you can take a look at Zach’s “Comprehensive Guide To Font Loading Strategies,” and subscribe to his newsletter fontspeed.io.

Fontastic Web Performance

Another great introduction to font loading was made by Monica Dinculescu at SmashingConf Barcelona. She spoke about which new platform features are here to help us deliver pretty (but also!) fast experiences to everyone.

In her talk, Monica also mentions the following resources — in addition to Zach’s work:

“Type is Your Right,” by Helen Holmes
“Minimising Font Downloads,” by Jake Archibald
Type With Pride
Axis Praxis
Fontastic

We also find Monca’s Font Style Matcher tool really useful, helping you find a font that matches your webfont closely to prevent a jarring shift between the sizes.

Enjoyed listening to these talks? There are many more SmashingConf videos on Vimeo, and we’re getting ready for the upcoming SmashingConf in New York — see you there? 😉

With so much happening on the web, what should we really pay attention to? At SmashingConf New York 2018 ?? we’ll explore everything from PWAs, font loading best practices, web performance and eCommerce UX optimization, to refactoring CSS, design workflows and convincing your clients. With Sarah Drasner, Dan Mall, Sara Soueidan, Jason Grigsby, and many other speakers. Oct 23–24.

Check the speakers →

SmashingConf New York 2018, with Dan Mall, Sara Soueidan, Sarah Drasner and many others.

Smashing Editorial
(ra, il)

Turn Your Website Into a Money-Making Machine Using These Tips

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/OIOiWMJyMGI/turn-your-website-into-a-money-making-machine-using-these-tips

Having a money-making website is the bomb! Not only will you be able to generate truckloads of money while you’re off somewhere sipping margaritas, but you’ll also be able to create strategic partnerships that can bring you even more cash. If that’s what you’ve been trying to accomplish these past few years — yet you’re […]

The post Turn Your Website Into a Money-Making Machine Using These Tips appeared first on designrfix.com.

19 free resume templates

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/lJs3xgqCqa8/free-resume-templates-111517854

There isn't always time to craft your creative resume from scratch. If you're facing a tight deadline, one option is to get ahead by choosing a free resume template and customising it into a bespoke design.

We've had a search around and found these striking free resume templates, each of which offers something a little different. Download one of these templates and wing your way to a job interview for the role or client of your dreams.

01. Material design resume

Resume and CV templates

Turn heads with a resume that has an irresistible dash of Material Design cool

For a stand-out resume with an on-trend look, this template, inspired by Google's Material Design framework, is a shoe-in. It includes areas for professional profile, work experience, education, skill circles, skill bars, social media icons and images, and it's supplied in A4-size format for Adobe Illustrator, InDesign and Photoshop. It uses free fonts, and if you'd like a covering letter and portfolio template to go with your resume, there's a premium version that also includes new colour options plus matching business card templates and custom icons.

02. Stylish infographic resume

Resume and CV templates

Why not tell your career story with a swish infographic?

Want to get all your relevant information across in an eye-friendly, graphical way? Why, you'll be wanting some kind of infographic, then! And this stylish template by Federica Procaccino delivers just that, enabling you to get your message across on a single page without overwhelming everyone with text.

03. Creative resume

Resume and CV templates

Give yourself a colourful leg-up with attention-grabbing template

Catch any potential employer's eye with this fun one-page template. It's ready to edit in just about any package you care to imagine, it has plenty of room for all the important bullet points that you'll want people to know about, and the colourful splashes along the edges mean that it won't get lost among a pile of other applicants.

04. Modern resume

Edit this template in Illustrator to make it your own

If you know your way around Adobe Illustrator and don't mind getting your hands dirty, then this template is prefect for producing a great-looking resume that you can customise to your personal taste. You can either use it as-is, changing the text and adding a photograph, or you can spend time editing the colours and tweaking the layout until you have something that more accurately reflects your personality.

05. YA resume

Whether you’re a graphic designer or a sea captain, this template will see you right

Created by Indonesian graphic designer Angga Baskara, this elegant template covers all the bases with three sections – a main CV info page featuring eye-catching progress bars to illustrate your main skills, a covering letter and a portfolio section where you can add a selection of your work in the form of images and short descriptions.

06. Graphical resume

Fay Zodiac’s template is bold

This resume template by Fay Zodiac isn't one for the faint-hearted. Its bold letterpress-styled icons, patterns and text certainly pack a punch, and will ensure your CV jumps out from the pile. You'll just need the confidence in the job interview to back up your loud resume design. It comes with the fonts and icons, as well as the Photoshop resume template, and is fully editable.

07. Colourful resume

Riccardo Rivieccio’s template comes with matching business cards

As any designer knows, colour sells. Riccardo Rivieccio's free resume templates come in a choice of six colour schemes with attention-grabbing patterns in the header. And to further sweeten the deal, he's also designed matching business cards. These Illustrator files are fully editable, too, so have fun with colour.

08. Creative Vintage Resume

This wonderfully retro template comes in gorgeous earthtones

This is a splendidly vintage-looking resume template in deliciously earthy tones, and it comes as an .AI file so that you can adjust it to your heart's content. Be aware, though, that the fonts aren't included, so you'll either have to hunt them down yourself (they're all free fonts, luckily) or substitute your own.

09. Creative Designer Resume Template

Make an instant impression with this visually-focused template

Fully layered and well organised to keep customisation nice and easy, this bold and punchy visual template enables you to get yourself and your skills across quickly, without any messing around. It comes as a print-ready 300dpi A4 PSD, ready for editing in Photoshop.

10. Project-based resume

A centre-aligned layout with space for images

Depending on the type of application process you're dealing with, it may be appropriate to include samples of your work within your CV. This template, Velli, is great if you have images of visual work that you'd like to form part of your resume, and there's also space for a cover letter. 

11. Two-column layout

A two-tone layout with two columns

Fitting a lot of information onto your first page can help to a grab a recruiter's attention, and a two-column layout is a good way to achieve that without making your page look cluttered. 

12. Timeline resume

Create a good first impression with this free timeline resume template

This free timeline-based resume template was created by graphic designer Patryk Korycki. An AI file, the design features typeface Open Sans, with various fields available to enter education details, skills, interests and much more.

13. Stylish resume

Resume and CV templates

A stylish resume template that includes a timeline of your employment history

This subtle yet stylish CV template features all the details you need to include, along with a neat sidebar holding a profile and references and a timeline – in which you can list your employment history. There’s also an online profile section to show just how social media-savvy you are and a software skills bar graph so you can show your exact skills. It’s supplied in PSD, AI and INDD formats.

14. Resume for icon fans

Resume and CV templates

This resume template has some super-stylised icons included

If icons are your thing, check out this free template from designer Fernando Báez. A sectionalised design, complete with stylish type and icons included (you get the CV in AI format and the icons in PSD), this resume is perfect for customising with your own icons to represent your interests and achievements.

15. Resume for type fans

Resume and CV templates

A central typographic column enables you to list your skills

Sure, this may not be to everyone's taste – but it's certainly impactful. A central typographic column bursts out to boxes in which you can add your details. The resume is supplied in AI format so you can easily export a PDF – and comes in black and white so you can get creative with colours.

16. Simple resume

Resume and CV templates

This simple resume template uses colour

Simplicity is the key in this type-based CV that puts your profile at the top, then lists experience and education in simple boxes. There's also a professional skills section enabling you to give yourself a percentage score on languages and professional skills. The Illustrator file makes the most of colour to aid its simplicity.

17. Clean resume

Resume and CV templates

The Smart Object header makes it a cinch to add your own graphic to this resume

This highly customisable resume template comes in PSD and AI formats, and has a Smart Object header, meaning you can quickly and easily link in an image of your choice. It's A4, 300dpi, with 3mm bleed – so completely print-ready. Just add your logo, bio, experience and so on, and you're ready to print and send.

18. Hadi Reda

Resume and CV templates

Super-minimal with a neat icon style, this resume is ace for designers

Keep it super-minimal with this resume template. Once again there's a bar graph for your skills (which we're still not sure about but some employers may like) along with a neat icon style to represent your social media profiles and software competence. It's supplied in layered PSD format.

19. Resume that makes a statement

Resume and CV templates

It’s definitely worth experimenting with this contemporary resume template by Paolo Pettigiani

Maybe you’re looking to make more of a statement with your one-pager – in which case this typographic template by Paolo Pettigiani may be just the ticket. Easy to customise and available in AI format with all the necessary fonts and icons, it’s definitely worth experimenting with.

Related articles:

10 beautiful paper portfolios to inspire you30 brilliantly creative resumes5 quick ways to improve your portfolio dramatically

E-book Readers & Managers – Best of

Original Source: https://www.hongkiat.com/blog/ebook-reader-manager/

Some of the best e-book readers along with their positive and negative features.

The post E-book Readers & Managers – Best of appeared first on Hongkiat.

Visit hongkiat.com for full content.