We’re back! Welcome to our first Weekly Roundup of 2016. 

Christmas is finally behind us, the chocolates are (mostly) away and the rain is still here, naturally. So instead of going outside and getting wet, stay in and enjoy all of our design and development resources from around the web this week!

Adam

The Pic Pac

The Pic Pac Stock Photo Resource

Photo: The Pic Pac

Calling all designers and developers who love gorgeous stock images! Matt Jones has created The Pic Pac with collections of beautiful photos, shot by him under the CC0 1.0 license. 

Pacs include photographs from San Francisco and Minneapolis and the site operates on a “pay what you want” policy, which means you can pay anything you wish (or nothing at all if that’s the case). But, as always, support your fellow creatives if you can and sacrifice that cup of coffee. It’s worth it!

VIEW

/Brief

Brief Creative Design Brief Generator

Photo: /Brief

/Brief is a random generator for creative design briefs. We’ve all sat and spent too long trying to come up with our own make-believe companies just so we can create a logo or website, giving up and getting a pizza instead. /Brief takes the hassle out and can provide a number of design briefs for branding, logos, illustration and packaging for different industries instantly with deadlines, job and company descriptions. Super useful.

VIEW

The Niche Notebook

The Niche Notebook for Creatives

Photo: The Niche Notebook

Sometimes the term “creative” can be so broad, almost too broad, that you want to hone your skills and focus on one particular craft. Tomas Fransson has popped together a free list of over 140 niche markets, picked by creative professionals with the aim to advise and inspire those looking for something a little more specific! It even includes real-life examples of these markets. Hoorah!

VIEW


Ruth

Most hearted pens of 2015

CodePen's Most Hearted of 2015

Photo: CodePen

A complete round up of the top additions to Codepen in 2015. The Pens, Posts, and Collections are all organized by amount of hearts they received. (You can heart a pen up to three times on CodePen - which is taken into consideration!)

VIEW

Masonry CSS

Masonry in Pure CSS

Photo: CodePen

This is a simple, pure CSS masonry grid which is perfect for when you don’t want to bloat out your projects with extra scripts. There are no fancy transitions or animations, but it does what it says on the tin! 

VIEW

Placeholder-shown

Placeholder-shown

Photo: CSS Tricks

:placeholder-shown is the intended replacement for the vendor-prefixed solutions provided by browsers.

11.1.3. The placeholder-shown pseudo-class :placeholder-shown
Input elements can sometimes show placeholder text as a hint to the user on what to type in. See, for example, the placeholder attribute in [HTML5]. The:placeholder-shown pseudo-class matches an input element that is showing such placeholder text.’

VIEW


Lewis

Intervention Image

Intervention PHP Image Handling

Photo: Stocksnap

Intervention Image is a PHP image handling and manipulation library that lets you effortlessly create, resize, transform, watermark, add filters, read exif data and much more! You can find the full documenation here. Things are really simple to get your images manipulated, consider a standard image resize constraining the aspect ratio and preventing the image upscaling:

$image = Image::make(‘static/img/test.jpg’);
// Resize the width to 800, constraining the aspect ratio so the height is automatically calculated. We are preventing upsizing so the image cannot stretch to 800px if it’s smaller
$image->resize(800, null, function ($constraint) {
    $constraint->aspectRatio();
    $constraint->upsize();
});
// Save the image
$image->save(‘static/image/test-resized.jpg’, 80);

VIEW

Automated Penetration Testing Scanner

2919647401_u3veqnd69dzpt8kebo.png

Photo: GitHub / Sn1per

It sounds scary, but Sn1per is an automated scanner that can be used during a penetration test to enumerate and scan for vulnerabilities. With the vast increasing reports of hacking attempts, this tool is ideal if you’re concerned about possible flaws in your code. 

The tool automatically collects basic ‘recon’ data (whois, ping, DNS), automatically launches Google hacking queries against a target domain, scans your open ports, runs NMap scripts on your open ports, attempts all known exploits, scans your web application for common vulnerabilities and tries to brute force on all open services. Scary. But rather you do it and know it’s secure than somebody else.

VIEW


We hope you had a fantastic New Year! If you enjoyed this roundup to let us know on Twitter and Facebook

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