Welcome to this week's design & development roundup!

Can you believe that it is March already?! This week, Snapchat finally went public with a 40% increase on its original trading price, Facebook began testing a dislike button in messages and Google launched an enterprise version of Hagnouts called 'Meet'!

Back here at Made by Magnitude, we've found a bunch of great design & development resources to kick off your week and beat the Monday blues. 
 

Adam AvatarAdam

A4 Paper CD Holder

A4 CD Cover

Photo: Reddit

This is a great little resource to file away in the 'things I may need folder'. Reddit user /u/overcloseness posted this one-sided A4 sheet of paper that they'd turned into CD packaging! Though the template is branded, the thread contains InDesign, Illustrator and PDF files so you can adjust for whatever project you're working on. Give it a go!

VIEW MORE


Ruth AvatarRuth

Trianglify

Trianglify Logo

Photo: Trianglify

Trianglify is a simple, but powerful js script for creating algorithmically generated triangle art with only a few lines of code.

Load CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.4.0/trianglify.min.js"></script>

Call the artwork

var pattern = Trianglify({
  height: 300,
  width: 300,
  cell_size: 40});
pattern.canvas(document.getElementById('tri_canvas'));
<canvas id="tri_canvas"></canvas>

Specify the variance 

Trianglify({variance: 0.75}).canvas()

Play with the cell size

Trianglify({cell_size: 75}).canvas()

Dip into the colorbrewer palette set

Trianglify Colour Palette

Or inject your own colours!

var pattern = Trianglify({
    height: 300,
     width: 300,
    cell_size: 75,
    variance: 0.75,
    x_colors: [#ffffff, #000000, #ff0000],
    y_colors: 'match_x', 
});

Output the artwork in other rendered forms

//SVG DOM node
pattern.svg();
//Canvas DOM node
pattern.canvas();
//Render to existing canvas
pattern.canvas(document.getElementById('mycanvas'));
//PNG data URI string
pattern.png()

And enjoy your triangular masterpiece!

Trianglify Finished Piece

VIEW MORE


Juma AvatarJuma

PKHUD

PKHUD Logo

Photo: PKHUD

PKHUD according to it’s official documentation, is a reimplementation of Apple’s HUD for iOS 8 and above. PKHUD provides visual effects for various responses including success, progress, error and general alert messages. PKHUD can be easily installed via CocoaPods using the command below.

pod 'PKHUD' '~> 4.0'

PKHUD uses a flash method to display effects to the user. The flash method takes two parameters, one for the type of effect and the other for the delay timer which dictates how long the effect will be displayed for.

HUD.flash(.success, delay: 1.0)

The code above shows a success response with a 1 second delay. The success response is represented with a tick. This means tick will appear on the user’s screen and hang for a second before disappearing.  The flash method can also be used with a completion handler for example :

HUD.flash(.error, delay: 1.0) { finished in 
    print("System failure")
}

In the snippet above we have an error callback to print a message to console on completion. The same method is also used for other responses, a delay parameter has to be set prior to using a callback.

PKHUD also supports the ability to swap content views, this can be useful when displaying progress and a success or error after completion:

HUD.show(.progress)
delay(2.0) {
    If outcome { 
        HUD.flash(.success, delay: 1.0)
    } else {
        HUD.flash(.error, delay: 1.0)
    }
}

In this example a progress animation will be displayed until it’s either replaced by a success or error notification on completion.

VIEW MORE


Lewis AvatarLewis

PHP 7.2 Integrates Libsodium

PHP Code

Photo: Unsplash

PHP will pave the way as the first programming language to integrate a modern cryptography library as default. The vote to integrate Libsodum, or Sodium for short, passed by 37 - 0 and will be integrated and launched in PHP 7.2 towards the end of 2017.

The decision comes as a major step to push developers to upgrade to the latest version of PHP, ensuring developers are taking advantage of modern cryptography to produce more secure code and solutions. The proposal came from Scott Arciszewski, Chief Development Officer at Paragon Initiative Enterprises, an active campaigner for strong cryptography to be implemented in PHP CMS platforms (yes, we're talking about you, WordPress). He said, "PHP powers at least 82% of websites on the Internet. Libsodium is the library that most cryptographers recommend for application-layer cryptography".

If you haven't made the migration over to PHP 7 you really need to consider it. Speed benefits, performance enhancements, removing legacy, insecure and outdated codebases are just some of the reasons as to why. Read more on what's new in PHP 7: 

VIEW MORE


We hope you found this week's roundup useful! If you have any suggestions for contributions, let us know on Twitter or Facebook!

0
Ignite your brand, utilise user-generated content no matter where you or your audience are ›