The Web Design & Development Megathread

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > The Web Design & Development Megathread

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

gmq posted:

I'm very interested in this. I'm a frontend dev and I have no idea what to put on a portfolio. If I use thumbnails of previous work I'm just showing the web design. I can't always use links as some projects have disappeared or gone offline or were private. What's the best solution for this kind of thing?

My portfolio admittedly isn't the best because I am not a graphic designer, but I do my best to show screenshots wherever possible, blocking out client information if necessary. Each project I do has a thumbnail photo, even if it's just a logo for the site I worked on. If a project is mostly back-end, I'd describe what I did as much as I can without revealing any trade secrets, etc.

E.g.:

Created wrapper script to work with the Blackbaud API
Ensured maximum sanity checking in all fields
Custom error messages for everything
Wrote a basic credit card validation script to take some of the credit card validation load off the Blackbaud processor
Implemented ability to add and modify registration types based off existing "product inventory" system
Implemented ability to enter corporate or other unique discounts based off existing discount system
Created mail script to notify selected people of new membership registrations, based off the type of registration (gift vs. high-dollar donor, etc)
Ensured PCI-DSS compliance

The important bit is to only put in info you can expound at length upon if asked, like Lumpy said. I can't tell you exactly how I implemented this specific client's PCI compliance, but I can give you an overview on PCI compliance, why it's important, general-level information on how to update your website so that you will comply, etc etc.

In addition, if you worked in a team on a project, say so, but also make sure to highlight your specific contributions. My previous boss and I worked together on a project, he did all the fancy searching coding while I took care of most of the front-end and putting together the client documentation, etc. It's your portfolio; toot your own horn as much as possible, but also give credit where credit is due.

edit: Also make sure you get permission to use screenshots of clients' back-end sites, even if you're going to block out all the sensitive information.

# ¿ Jul 9, 2013 21:51

Adbot: ADBOT LOVES YOU

# ¿ Apr 28, 2024 20:29

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

Ghostlight posted:

Quick question - I'm using jQuery .toggle to show/hide divs based on their class as part of a filter and I've come onto a stumbling block on alphabetical filtering because the divs are assigned a single letter class but the page design has the filters covering a range like A-B and J-L.

The code I have at the moment is
code:
$(document).ready(function(){
	$("a").click(function(){
		var id = $(this).attr( 'id' );
		$("." + id).toggle(200);
		$(this).toggleClass("filterinactive");
	});
});
The alphabetical class is being assigned by PHP pulling a substr of a filename.

I'm completely brainfarting on whether there's a way that isn't like 25 ifs and an else to conglomerate the alphabetical categories and whether it would be better to handle it during the PHP substr or in the jQuery. The categories are kind of arbitrary because the designer was trying to split the actual content evenly across the alphabet so it's A-B, C, D-H, J-L, M, N-R, S and T-Y.

Switch?

code:

switch (id)
{
    case 'a':
    case 'b':    $do_ab;    break;
    case 'c':
    case 'd':    $do_cd;    break;
    case etc...
}

# ¿ Aug 22, 2013 06:33

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

Boris Galerkin posted:

Not sure if this is the right thread or not, but me and a friend of mine are starting a fun blog together. I'm looking for a really easy to use blog platform and can't really decide if I should set up Wordpress or just use something like tumblr with a custom domain. I'm thinking just going with tumblr and not having to deal with Wordpress and managing/patching it, but from a quick search I don't think tumblr allows multiple (2) different authors. Is Wordpress my best option then or are there other alternatives now? I use Jekyll for my own blog personally but that's just added unnecessary difficulty to force on others in my opinion.

If you don't want to install your own copy of Wordpress, you can have Wordpress host your blog (and they'll update it): http://wordpress.com/

# ¿ Aug 25, 2013 03:23

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

NtotheTC posted:

If I have a file input that is designed to take files, is there a Javascript or jQuery solution to getting that file, checking to make sure it's an image, and then getting some Exif data from the image?

I found this library, but it seems to be used for running on <img> tags and I'm not sure if there's a better solution out there.

You can check the filename to see if it ends in .jpg/.gif/etc, but you'll want to do additional server-side verification on file uploading to make sure someone's not trying to smuggle an .exe in a .jpg.

You really shouldn't extract EXIF information on a file that's on another domain (e.g. before they actually upload it) due to cross-site scripting vulnerability, but you can do it. java script: can I read EXIF data from a file upload input? However, this only works on modern browsers, so if you need it to work on IE <9 or people have JavaScript turned off, you're borked.

# ¿ Sep 1, 2013 19:31

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

jusion posted:

PHP is "fine." It just has a ton of cruft, and it is very, very easy to craft dangerous code. It's also very fashionable to beat up on PHP.
.NET is very expensive. Thus, most people prefer Ruby (Rails) / Python (Django / Flask), etc.

Compared to ColdFusion, PHP is a godsend. PHP developers are a dime a dozen, so finding the good coders are what you need to watch out for.

# ¿ Oct 16, 2013 00:53

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

fletcher posted:

I want to add some really cheesy looking glitter/confetti/fireworks or something to a webpage as a joke. Anybody got a snippet for a good one?

CSS3 Glitter Star Effect

PONIFY ALL THE THINGS

JavaScript Starfield that follows your cursor and probably will make visitors motion sick after a while

Also look into mouse cursor effects.

# ¿ Mar 19, 2014 00:16

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

The Web Design & Development Megathread: loving Internet Explorer :argh:

# ¿ Jun 19, 2014 06:01

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

stoops posted:

Is there an easy way to create a div on an existing site that overlays the entire site?

Or would I have to restructure the divs currently on my site?

I'm trying to create a "loading" div that, when called up, would show right in the middle , horizontally and vertically, over everything else currently on the page.

These are called modals and they're plenty doable regardless of source ordering. Google "css modal" for some of the popular ones.

# ¿ Jul 17, 2014 16:02

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

Pivo posted:

I don't understand why so few browsers support text/html in DOMParser. Like bro you're a browser, you had ONE loving JOB.

So we have people who are submitting HTML in forms, we want to validate that client-side (we do The Right Thing server-side too, but everything feels a bit nicer when we don't have the round-trip just to validate). Basically we just want to disallow certain tags. Or more accurately, only allow certain tags. We can use DOMParser to parse it as text/xml in all browsers we claim to support, but then people can't use ampersands or angle-brackets that don't form tags, which kinda sucks for like <i>Black & Blue</i> or <b>Me > You</b>. I've looked if anyone's implemented an HTML parser in JS, that would be heavy as poo poo but whatever, and it looks like there are various things out there in various stages of completion and I'm just thinking, you know what, THE BROWSER SHOULD BE ABLE TO PARSE HTML ITSELF. But only IE10, Chrome, FF will. Dunno about Opera. Safari doesn't.

So someone on Freenode suggested sticking it in a hidden element and then doing it that way. It's pretty clever but pretty hackish. Is that how you guys would do it?

I'm not a front-end guy, I loving hate this poo poo.

Do you *need* to allow HTML? Can you use Markdown or BBCode instead?

# ¿ Jul 19, 2014 01:04

Adbot: ADBOT LOVES YOU

# ¿ Apr 28, 2024 20:29

daggerdragon: Jan 22, 2006; My titan engine can kick your titan engine's ass.

caiman posted:

What's everyone's preferred method for optimizing images? I've been fiddling with Grunt's imagemin plugin and I'm pretty happy with it so far. I did notice however that with .pngs the resultant file isn't quite as small as when I use tinypng.com, and I don't see an option to adjust compression level (optimizationLevel doesn't seem to affect the end file size).

I use RIOT, but I'm on Windows. Are you looking for any ol' tool or just *nix/command line?

# ¿ Sep 25, 2014 04:08

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > The Web Design & Development Megathread