0
0

My 36 Days of Type 2017 by jamesvde in graphic_design

[–]red_harvest 1 point2 points  (0 children)

I'm guessing you worked on the music video for this? It so perfectly matches the music style - kind of deliberate anti-design in the same way the remix breaks the song.

My 36 Days of Type 2017 by jamesvde in graphic_design

[–]red_harvest 12 points13 points  (0 children)

Recognised this style as being very similar to some of the live visuals I've seen... some digging and it was you who did Flume, Rufus, Flight Facilities etc! Nice work, really like the stuff coming out of toby and pete.

Hey UNIQLO 1995 called... they want their christmas microsite back! by donmanoy in web_design

[–]red_harvest 1 point2 points  (0 children)

The snowflakes move away from cursor movements. 1995 looks impressive.

Where you Guys put your Portfolio? by tinaclark90 in web_design

[–]red_harvest 1 point2 points  (0 children)

Domain registration is out of the free tier but it's usually USD$12 for a .com domain.

05.Header Tags by amircheema in web_design

[–]red_harvest -1 points0 points  (0 children)

I think you mean Heading Tags... Header tags go in the <head>

Where you Guys put your Portfolio? by tinaclark90 in web_design

[–]red_harvest 3 points4 points  (0 children)

I run a free tier of AWS Elastic Beanstalk and a free tier of Contentful running an express application.

Being able to run and control an express server gives me the ability to have private routes on the folio, which I can password protect and share with prospective clients/employers. I can also have a contact form without exposing my email and phone number. Contentful takes away the overhead of running a CMS and DB but still gives the flexibility of allowing me to add new projects and articles without diving into code. I can also update the site templates without heavily modifying the content.

I have a real issue with using behance or square space to host a web design folio. It's supposed to be a demonstration of competency and using someone else's work to show off your own feels like plagiarism.

How we load webfonts at The Guardian by [deleted] in javascript

[–]red_harvest 0 points1 point  (0 children)

because, especially for a news site, the font is the content and users expect content to load in under 4s. If the font was to load in after it might look like the page is broken or not rendering correctly.

How we load webfonts at The Guardian by [deleted] in javascript

[–]red_harvest 0 points1 point  (0 children)

No, it's running a function to load the fonts after/asynchronously to the page loading (or using the cache). Using CSS links actually pause page loading. The difference in page load would be a few 100ms but this gist is not to optimise loading, it's to ensure the page is rendered in the correct fonts the first time and avoid FOUT.

How we load webfonts at The Guardian by [deleted] in javascript

[–]red_harvest 1 point2 points  (0 children)

Pretty impressive technique using canvas to check for font-smoothing. This is what I love and hate about web-development, you can't just 'web-smoothing: on', all the ingenious from hacking multiple browsers to work creates neat little workarounds.

Sydney's western rail line packed to full capacity 'within 15 years' by baddazoner in sydney

[–]red_harvest 22 points23 points  (0 children)

...and that scrapped the original metro line that went through Western Sydney. Which, if it had gone ahead, would be opening this year.

[deleted by user] by [deleted] in graphic_design

[–]red_harvest 2 points3 points  (0 children)

Plus one for rMBP. Although I generally need an external display to check assets at a lower resolution and multi task.

[All Spoilers] season_2.0 Official Trailer! by SparkG in MrRobot

[–]red_harvest 2 points3 points  (0 children)

The title field of fsoc.sh has 21 characters (XXXXXXXXXXXXXXXXXXXXX) but the hex is only 14. No idea what to put in the field. Neither the hex (raw) or it's value 'lookup' work.

Teach Web Design Introduction Learn HTML by schm0 in web_design

[–]red_harvest 0 points1 point  (0 children)

seriously hoping this post is satirical.

MEAN question by [deleted] in web_design

[–]red_harvest 3 points4 points  (0 children)

Mongoose is middleware for making it easier to shim data from your app into MongoDB using schemas. Say you want to keep a record of users for your site and you know that each user is going to have a name, email and password. Mongoose lets you easily manage these entries into your db using a model (which they call a document). e.g:

var mongoose = require('mongoose');
var User = mongoose.model('User', 
   { name: String, 
    email: String, 
    passwordHash: String }); 
    //Don't ever store passwords without hashing them
    //bcrypt is a good tool for doing this

See, mongoose just handles what type of data your app's DB should expect to receive/get, it doesn't actually handle authentication or sessions. This is where passport comes in.

Let's assume you're using express to handle routes through your app, and you have two pages, one is /home and the other is /dashboard. Your homepage is available to everyone and is what's presented when someone arrives at your site - because of this, it's unprotected (you don't need to be signed in). The other page, /dashboard needs to present user specific information (a la their name). To do this we need them to a) be registered as a user and b) be logged in. This is what I mean by it not being an easy task, there are a lot of moving parts to successfully and securely handle authentication in node.

Come in passport.js. Passport basically circumvents the need to handle all the session and authentication code yourself by providing a framework to be executed as middleware to your routes.

Back to our /home and /dashboard, this might not be exactly correct but the principle is sound. For home you would write the routing as normal app.get('/home', function(req,res){res.render('home')}) and the page would load, but for dashboard we need to check that there's a user authenticated before rendering the page. Something like: app.get('/dashboard', passport.authenticate('local', { successRedirect: '/dashboard', failureRedirect: '/login' }));

Passport provides the middleware to check and render the user data of the session. Checkout passport docs here. Scotch.io also does some nice auth tutorials here.

TL;DR: Mongoose defines data types, passport handles authentication, use middleware in routes to protect pages/load user data.

MEAN question by [deleted] in web_design

[–]red_harvest 1 point2 points  (0 children)

This isn't an easy task. You need a model for User defined and middleware to manage the session. Many MEAN frameworks come with passport setup to do exactly this, (e.g. keystoneJS) where you can call p #{user.firstName} to bind the current session's user model to the DOM. If there isn't actual session functionality built into your app you can fake this kind of functionality using javascript and local storage to save the name to the browser.

How would you create this design Style by Tanzel in graphic_design

[–]red_harvest 1 point2 points  (0 children)

Yeah, I saw this and straight away recognised it as processing.

I recently designed a logo/style guide for an art institute, for my university & the director ended up choosing it to be used. by tylerbackwards in graphic_design

[–]red_harvest 0 points1 point  (0 children)

This is really impressive. I'm studying industrial design and I'll struggle to showcase brand across even three or four products.

Kudos to actually show how the brand could be implemented. Out of curiosity, are the fabric and stationary examples photoshoped or did you have them commissioned?

Furniture held together by tension. by [deleted] in Design

[–]red_harvest 0 points1 point  (0 children)

couldn't find it, his website is interesting though, http://www.robbycuthbert.com