The Web Design & Development Megathread

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

«‹›362 »

Munkeymon: Aug 14, 2003; Motherfucker's got an
armor-piercing crowbar! Rigoddamndicu𝜆ous.

Merijn posted:

I'm honestly a bit shaken that Chrome used some random hardcoded list of strings in various languages to check against to determine something that important.

Probably explains why it misses it so much. That and the fact that there's likely very little consistency in the live pages out in the real world.

Loezi posted:

I... what? I know this is anything but easy problem to solve but using hard coded regexes seems like a real bad way to do this. The regexes look so incredibly random in what languages and phrases they check against, I have a hard time figuring out where these came from. Did they just have a bunch of test pages from a bunch of different languages and go "welp, must be a representative sample!"?

Well we can infer that that's not the only factor from the fact that at least part of Tei's form is getting detected as a CC form but apparently doesn't have a matching name.

quote:

I would have expected something a bit more structured and abstracted, like for example per-language configurations that can be kept separate. Do they expect a single page to have the different fields in different languages? This seems just like some guy went through 15 different test pages, made a list of everything they saw there and then put no more thought into it.

Remember you're evaluating the name attributes of fields. What are those going to be if I'm shopping on AliExpress or Amazon? Probably the same no matter what language I have my browser set to or what's in the header that comes back from the server.

# ? Jun 28, 2018 13:54

Adbot: ADBOT LOVES YOU

# ? Jun 3, 2024 17:28

Tei: Feb 19, 2011; Can't post for 7 days!

We don't really know how the list got collected. Maybe with a hat and cards with words written on it. Maybe a super-secret self-aware ai scanning millions of pages. I would not base a criticism of the thing based on pure speculation how that list got collected.

# ? Jun 28, 2018 22:18

melon cat: Jan 21, 2010; Nap Ghost

melon cat fucked around with this message at 07:15 on Mar 16, 2019

# ? Jun 29, 2018 05:40

Nybble: Jun 28, 2008; praise chuck, raise heck

Discourse is great. Simple to install and update thanks to their Docker distribution. They also do hosting as well, but for the peace of mind it can be setup on your own private server. I've got one running on Digital Ocean and it was pretty painless. The admin panel for moderation is very customizable (maybe too much) but it will most likely fit her needs. Plenty of examples out there that use it if you want to show it to her first. Plotly, Waypoint, and Discourse's own site.

# ? Jun 29, 2018 06:06

Bob Morales: Aug 18, 2006; ~~Just wear the fucking mask, Bob~~

I don't care how many people I probably infected with COVID-19 while refusing to wear a mask, my comfort is far more important than the health and safety of everyone around me!

Are there recommended companies to use for WCAG 2.0 certification/auditing or ones to avoid?

# ? Jun 29, 2018 12:32

melon cat: Jan 21, 2010; Nap Ghost

melon cat fucked around with this message at 07:16 on Mar 16, 2019

# ? Jun 29, 2018 19:40

Nybble: Jun 28, 2008; praise chuck, raise heck

The pricing for their hosting is pretty steep ($100 at minimum, $300 for "Business"), but I imagine that comes with the territory of having someone else manage it and being liable for support.

This was back in 2013, but given the performace here that required a $80 instance, I imagine that a $20 instance on Digital Ocean should satisfy the client's needs, and it can always be expanded upwards.
https://meta.discourse.org/t/migrating-a-10m-pi-forum-hardware-requirements-performance/10075?source_topic_id=20347

# ? Jun 29, 2018 20:06

Cock Democracy: Jan 1, 2003; Now that is the finest piece of chilean sea bass I have ever smelled

About the forum software, have you considered a 20 year old heavily modified version of vBulletin? :smuggo:

# ? Jun 29, 2018 20:35

nolbishop: Sep 4, 2002; I wish I were this hip.

My skill level: Intermediate
Frameworks/Languages: Laravel Homestead, ReactJS, Ant Design Library

I've run into a wall debugging this IE specific bug. I've found some similar issues through google searches but either I'm not understanding the solutions or implementing them incorrectly for my situation. I've got a comment entry form which works until I try to implement it into a table cell via a popup container. After typing one letter in the TextArea, the input field loses focus. When I have the form located elsewhere in the app, it works just peachy.

Here's the form residing in a popup container from the "+" icon:

This is the related code bits (I hope). I've got my newComment which I use to store the value entered by the user which is updated with the handleChange function.

code:

constructor(props) {
        this.state = {
            newComment: {
                tabKey: this.props.tabKey,
                field_name: null,
                text: '',
                tagged_user: null,
            },
        };
    }

    handleChange = (e) => {
        let tempComment = {
            tabKey: this.props.tabKey,
            field_name: (this.props.fieldName === 'procNeedsList') ? 'Processor Needs List' : 'UW Condition List',
            text: e.target.value,
            tagged_user: this.state.newComment.tagged_user,
        };

        this.setState({ newComment: tempComment });
    };

Then in the render portion, I create the form and pass it to the Popover object to be rendered.

code:

render() {
        let createComment =
            <Form>
                <FormItem>
                        <TextArea
                            placeholder="Please enter a new comment..."
                            style={{ width: 400 }}
                            value={this.state.newComment.text}
                            onChange={this.handleChange}
                            onPressEnter={this.addComment}
                            autosize
                        />
                </FormItem>
            </Form>;

        return (
            <span>
		<div style={{ float: 'right' }}>
			<Popover
				placement="leftTop"
				title="Add Comment"
				content={createComment}
				trigger="click"
				visible={this.state.visible}
				onVisibleChange={this.handleVisibleChange}
			>
				<Icon type="plus-circle-o" style={{ fontSize: 14 }} />
			</Popover>
		</div>
		<Comment.Group size='mini' minimal>
			{convoLog}
		</Comment.Group>
            </span>
        );
    }

What I think is happening, is that my popover is re-rendering on each keystroke causing the TextArea to lose focus. I've tried adding an id and name parameter to the TextArea, but neither of those changed the behavior. I apologize if this was too detailed, long, or poor React coding practice. I can look into the Goons for hire section as suggested in the FAQ if needed.

# ? Jul 2, 2018 17:30

Lumpy: Apr 26, 2002; La! La! La! Laaaa!; College Slice

nolbishop posted:

My skill level: Intermediate
Frameworks/Languages: Laravel Homestead, ReactJS, Ant Design Library

I've run into a wall debugging this IE specific bug. I've found some similar issues through google searches but either I'm not understanding the solutions or implementing them incorrectly for my situation. I've got a comment entry form which works until I try to implement it into a table cell via a popup container. After typing one letter in the TextArea, the input field loses focus. When I have the form located elsewhere in the app, it works just peachy.

Seems like you are doing a whole lot of work you don't need to be.... tough to tell without more context, but it seems like you are handling stuff too far up the chain in regards to your textarea. But without seeing all your custom components, I can't really give any specific suggestions. I assume you've stuck autofocus on the textarea?

# ? Jul 2, 2018 20:36

nolbishop: Sep 4, 2002; I wish I were this hip.

Lumpy posted:

Seems like you are doing a whole lot of work you don't need to be.... tough to tell without more context, but it seems like you are handling stuff too far up the chain in regards to your textarea. But without seeing all your custom components, I can't really give any specific suggestions. I assume you've stuck autofocus on the textarea?

...autofocus...I'm not sure how I didn't come across that in my searching to this point. But I will try throwing that in there once I get home this evening. If that ends up working, I'm a big dumb dumb.

# ? Jul 2, 2018 21:10

Cugel the Clever: Apr 5, 2009; I LOVE AMERICA AND CAPITALISM DESPITE BEING POOR AS FUCK. I WILL NEVER RETIRE BUT HERE'S ANOTHER 200$ FOR UKRAINE, SLAVA

As far as I can tell from MDN, the :read-only selector should only apply to elements that the user can directly modify in some way, such as input[type="text"], that has the readonly attribute. However, Safari appears to be applying this to input elements of type "submit" that do not have the attribute—which appears inconsistent with the implementation in all other modern browsers and just plain counter-intuitive.

Anyone else run into this? Is this a Safari bug or am I just misunderstanding something? I know there's a variety of ways I can narrow the specificity of the selector to exclude [type="submit"], but it seems odd that the selector would apply to it at all.

Cugel the Clever fucked around with this message at 02:12 on Jul 3, 2018

# ? Jul 3, 2018 02:00

melon cat: Jan 21, 2010; Nap Ghost

melon cat fucked around with this message at 07:16 on Mar 16, 2019

# ? Jul 3, 2018 03:58

fuf: Sep 12, 2004; haha

Does anyone have any tips on email signature design?

Can I just send someone a chunk of HTML for them to add to their email client?
Do images have to be hosted externally somewhere and then linked in the signature? Or are they sent as part of the email?

e: seems like it's basically like an HTML email (tables!). I found a pretty good template. Just hope it works when the client pastes it in.

fuf fucked around with this message at 14:27 on Jul 4, 2018

# ? Jul 4, 2018 13:42

The Dave: Sep 9, 2003

Do your client and the world a favor by not having a html signature.

# ? Jul 4, 2018 15:00

Lumpy: Apr 26, 2002; La! La! La! Laaaa!; College Slice

fuf posted:

Does anyone have any tips on email signature design?

Can I just send someone a chunk of HTML for them to add to their email client?
Do images have to be hosted externally somewhere and then linked in the signature? Or are they sent as part of the email?

e: seems like it's basically like an HTML email (tables!). I found a pretty good template. Just hope it works when the client pastes it in.

You *can* just send them HTML, but expect a "how do I add it?" follow up and depending on the program, a long involved hellish nightmare.
You must host images externally.

Also, this:

The Dave posted:

Do your client and the world a favor by not having a html signature.

# ? Jul 4, 2018 15:15

nexus6: Sep 2, 2011; If only you could see what I've seen with your eyes

fuf posted:

Can I just send someone a chunk of HTML for them to add to their email client?

Most email clients should allow you to do this, yes, but you might need to provide some instructions for your clients to do it.

fuf posted:

Do images have to be hosted externally somewhere and then linked in the signature? Or are they sent as part of the email?

Both will work. If it's a local image I believe it will be sent as part of the email by the email client, if it's a hosted image it will be downloaded when the email is opened.

# ? Jul 4, 2018 15:18

fuf: Sep 12, 2004; haha

Thanks for the tips.

The Dave posted:

Do your client and the world a favor by not having a html signature.

Ours is not to reason why

# ? Jul 4, 2018 15:48

Tei: Feb 19, 2011; Can't post for 7 days!

data-url allow to embed images in the html, so html signature could have a image withouth using a attachement or a remote file

some newsletters services even do that themselves, automatically embedding images this way for the images near the top of the email

# ? Jul 4, 2018 16:18

Moto42: Jul 14, 2006

You beat me to it.
http://dataurl.net/ will get you running with them.

(Seriously, just tell them is a war-crime, or security risk or anything. Next they'll want you to brink back <blink>.)

edit: (TLDR: Hi, I'm new!)

Since I've opened my mouth already, I might as well keep yammering.
"HI thread". I learned a bit of Web-dev around 1999 in high-school.
Since then I bounced around some dead end jobs and kept drifting back to wanting to code stuff; circling programing but only ever learning slightly more than the average guy on the street.
So, a couple weeks ago, I found a crash course online for full-stack web development and dove in.

Things have changed since '98.

So, my plan is to shove my way through this course to get the high-level view and basic competency in web-dev and then plan out the skills to drill into deeper. First skills to deep-dive will be HTML, CSS and Javascript with hopes of getting into a front-end dev position and out of my current job (washing cars in 98� with a supervisor who has a grudge against me).

Moto42 fucked around with this message at 04:57 on Jul 5, 2018

# ? Jul 5, 2018 04:05

Tei: Feb 19, 2011; Can't post for 7 days!

Moto42 posted:

Things have changed since '98.

Misunderstament of the millenia.

Webmasters don't exist anymore. Nobody call himself webmaster, except maybe some fringe guys or a full stack developer having a bad day.

We have now designers!, and they have stopped tryiing to turn the web into a document!. This also mean beatiful designs, and beatiful fonts. The average website now has some really cool design and really pretty fonts. The level is very high, so much that everyone has especialized. Is very hard for the same person to be good at sysadmin and programming and design. You can be mediocre at 2 roles and decent at 1. But you will be beaten to death by somebody that is very good at 1 role and bad at everything else.

After years fighting designers to convince them that HTML is a liquid, that is not even supposed to render in a screen. That "render" is a neutral verb, that you can render to voice. You can render to a circular screen. We won. And everyone won. But more than that, designers won.

Theres now strategies for CSS that intend to take that liquid nature of HTML, and "box" it in "boxes". So is freedom, .... with structure. Is actually quite complex for me, but simple for many people

. So now that we have screens in many different sizes, people do HTML+CSS that fit all these many sizes. So things like multicolumn text can show has a single column in a phone, but has 3 columns in a widescreen monitor.

So layout is both simpler (because theres these frameworks to do free form layouts ) and more complex (because you probably HAVE to know and understand these frameworks, or know what you are doing ).

Programming is probably the one thing that have changed less. JSON won. Javascript won on the clientside. But the things that lost still are around. You still have to deal with overengineered protocols based on XML for many things. Oh, I forgot, XHTML lost. HTML5 won. The XML guys and the zero tolerance of errors designs have retreated to the mountains.

Graphic design have not changed much either. I think 100% of what people do today can be completed with Photoshop 3. Google have invented a new format they somewhat push, webp. And Apple have a new version of JPG with the same intention. But they don't push that too strongly.

Internet Explorer has ben killed!. It changed name to avoid most of the bad image. Still a lot of people use it. You can't use something like native Promises, because none of the version of IE support it. So is still skullfucking javascript programmers everywhere. But is not a roadblock anymore. (in the example mentioned, theres polyfills for Promises). We now have compilers of Javascript that can compile Javascript version 6 into Javascript version 3. So now if you want to use whatever crazy new feature the standard commite allow, go wild!. All the cool kids are now in Javascript, and being a Javascript developer is cool and exciting. Maybe too cool and too exciting.

Edit:
Important thing I forgot, now javascript have a module repository. Like CPAN!, like Pear!, like Debian!. npm this. npm that. This has literally ate the world. Entire ide's are made by pulling modules from npm. Repository mangers inspired by apt-get have gone crazy. Tools that mimick that style. Build tools to automatize poo poo.

And probably more I forgot.

Tei fucked around with this message at 10:46 on Jul 5, 2018

# ? Jul 5, 2018 09:00

Sywert of Thieves: Nov 7, 2005; The pirate code is really more of a guideline, than actual rules.

Moto42 posted:

Things have changed since '98.

No poo poo. Twenty years and pretty much all that's left is javascript frameworks. :v:

e;fb ^^^

# ? Jul 5, 2018 09:01

fuf: Sep 12, 2004; haha

Tei posted:

data-url allow to embed images in the html, so html signature could have a image withouth using a attachement or a remote file

some newsletters services even do that themselves, automatically embedding images this way for the images near the top of the email

Moto42 posted:

You beat me to it.
http://dataurl.net/ will get you running with them.

I've been trying this today and I'm not sure why it's better than hosting the images remotely? They might show up more reliably but aren't you clogging up everyone's mailboxes with data? For a newsletter I get it but for the signature of someone who's emailing back and forth all day it seems like a bad idea... Converting the logo they wanna use to data-url gives me a ~50kb .htm file. It's not much but would add up pretty quickly if everyone in the company uses it.

If email signatures are an affront to internet civility then isn't at least hosting the images remotely a little better?

# ? Jul 5, 2018 12:55

Lumpy: Apr 26, 2002; La! La! La! Laaaa!; College Slice

fuf posted:

I've been trying this today and I'm not sure why it's better than hosting the images remotely? They might show up more reliably but aren't you clogging up everyone's mailboxes with data? For a newsletter I get it but for the signature of someone who's emailing back and forth all day it seems like a bad idea... Converting the logo they wanna use to data-url gives me a ~50kb .htm file. It's not much but would add up pretty quickly if everyone in the company uses it.

If email signatures are an affront to internet civility then isn't at least hosting the images remotely a little better?

So now they have to make a second request to get that 50k of image.

# ? Jul 5, 2018 13:17

fuf: Sep 12, 2004; haha

But isn't 50kb of bandwidth when you open the email better than 50kb of storage space in your mailbox per email? The email client could cache the image once, or download it each time, but either way seems better than 50kb + 50kb + 50kb for every email passing back and forth. Maybe I just don't get how email clients deal with remote images.

# ? Jul 5, 2018 13:36

ModeSix: Mar 14, 2009

Tei posted:

Misunderstament of the millenia.

Webmasters don't exist anymore. Nobody call himself webmaster, except maybe some fringe guys or a full stack developer having a bad day.

We have now designers!, and they have stopped tryiing to turn the web into a document!. This also mean beatiful designs, and beatiful fonts. The average website now has some really cool design and really pretty fonts. The level is very high, so much that everyone has especialized. Is very hard for the same person to be good at sysadmin and programming and design. You can be mediocre at 2 roles and decent at 1. But you will be beaten to death by somebody that is very good at 1 role and bad at everything else.

After years fighting designers to convince them that HTML is a liquid, that is not even supposed to render in a screen. That "render" is a neutral verb, that you can render to voice. You can render to a circular screen. We won. And everyone won. But more than that, designers won.

Theres now strategies for CSS that intend to take that liquid nature of HTML, and "box" it in "boxes". So is freedom, .... with structure. Is actually quite complex for me, but simple for many people . So now that we have screens in many different sizes, people do HTML+CSS that fit all these many sizes. So things like multicolumn text can show has a single column in a phone, but has 3 columns in a widescreen monitor.

So layout is both simpler (because theres these frameworks to do free form layouts ) and more complex (because you probably HAVE to know and understand these frameworks, or know what you are doing ).

Programming is probably the one thing that have changed less. JSON won. Javascript won on the clientside. But the things that lost still are around. You still have to deal with overengineered protocols based on XML for many things. Oh, I forgot, XHTML lost. HTML5 won. The XML guys and the zero tolerance of errors designs have retreated to the mountains.

Graphic design have not changed much either. I think 100% of what people do today can be completed with Photoshop 3. Google have invented a new format they somewhat push, webp. And Apple have a new version of JPG with the same intention. But they don't push that too strongly.

Internet Explorer has ben killed!. It changed name to avoid most of the bad image. Still a lot of people use it. You can't use something like native Promises, because none of the version of IE support it. So is still skullfucking javascript programmers everywhere. But is not a roadblock anymore. (in the example mentioned, theres polyfills for Promises). We now have compilers of Javascript that can compile Javascript version 6 into Javascript version 3. So now if you want to use whatever crazy new feature the standard commite allow, go wild!. All the cool kids are now in Javascript, and being a Javascript developer is cool and exciting. Maybe too cool and too exciting.

Edit:
Important thing I forgot, now javascript have a module repository. Like CPAN!, like Pear!, like Debian!. npm this. npm that. This has literally ate the world. Entire ide's are made by pulling modules from npm. Repository mangers inspired by apt-get have gone crazy. Tools that mimick that style. Build tools to automatize poo poo.

And probably more I forgot.

Thank you. This post is amazing.

# ? Jul 5, 2018 13:44

The Dave: Sep 9, 2003

Curious if this email sig is still 50kb after going through tinypng.com.

# ? Jul 5, 2018 14:09

Lumpy: Apr 26, 2002; La! La! La! Laaaa!; College Slice

The Dave posted:

Curious if this email sig is still 50kb after going through tinypng.com.

I'll have you know marketing is insistent on this 1200x1200 version of the logo.

# ? Jul 5, 2018 15:35

fuf: Sep 12, 2004; haha

It's a 4kb logo png and then like a 35kb jpg banner promoting their new thing. I'm not trying to be difficult just trying to learn.

# ? Jul 5, 2018 15:42

Tei: Feb 19, 2011; Can't post for 7 days!

fuf posted:

I've been trying this today and I'm not sure why it's better than hosting the images remotely? They might show up more reliably but aren't you clogging up everyone's mailboxes with data?

Remote image loading from a email is something that is by default off on most mail readers, because people can use it has a sensor to see who is reading their emails and from where.

So if you send a <img src= with a url to the image, instead of the image itself, many people will not see it.

If you embed it, some people may see it has a attached file. And thats kind of ugly.

Maybe theres more to this that I know. I am not a expert about email and email agents.

Tei fucked around with this message at 16:00 on Jul 5, 2018

# ? Jul 5, 2018 15:55

Moto42: Jul 14, 2006

Yes. Great, informative post.
Thank you.

I had forgotten about �Webmasters �. It sounds like a 90s cartoon about spider themed superhero�s now.

# ? Jul 5, 2018 16:04

kedo: Nov 27, 2007

Just don't use images in email signatures. Use only text if you care about them looking at all like you intended. Signatures with images break easily and look dumb the first time someone hits reply (depending on the client). Text styles at least break consistently.

# ? Jul 5, 2018 16:49

Moto42: Jul 14, 2006

So, only ASCI art then.
Also, I think this is something his customer wants, common sense be damned.

# ? Jul 5, 2018 20:46

ddiddles: Oct 21, 2008; Roses are red, violets are blue, I'm a schizophrenic and so am I

Tei posted:

Internet Explorer has ben killed!. It changed name to avoid most of the bad image. Still a lot of people use it.

This post is amazing, but I just wanted to add. Microsoft Edge is what he's talking about here, and its a much better browser than any of the previous Microsoft browsers, so don't be too scared about supporting it. If it had half the extension support that chrome has, I'd switch to it.

# ? Jul 5, 2018 23:18

Cugel the Clever: Apr 5, 2009; I LOVE AMERICA AND CAPITALISM DESPITE BEING POOR AS FUCK. I WILL NEVER RETIRE BUT HERE'S ANOTHER 200$ FOR UKRAINE, SLAVA

Edge is certainly a vast improvement over IE, but it doesn't seem that the team has the resources to do much more than try to keep up with the functionality of FF/Chrome. I'd be less irked at Edge not implementing something like the object-fit CSS property for video elements if @supports for it evaluated as false so I could write a proper fallback without targeting Edge specifically.

# ? Jul 6, 2018 02:36

duz: Jul 11, 2005; Come on Ilhan, lets go bag us a shitpost

Tei posted:

Important thing I forgot, now javascript have a module repository. Like CPAN!, like Pear!, like Debian!. npm this. npm that. This has literally ate the world. Entire ide's are made by pulling modules from npm. Repository mangers inspired by apt-get have gone crazy. Tools that mimick that style. Build tools to automatize poo poo.

And probably more I forgot.

Npm wishes they were half as competent as apt. Which sadly is still a major improvement.

fuf posted:

But isn't 50kb of bandwidth when you open the email better than 50kb of storage space in your mailbox per email?

It's the difference between being your problem and someone else's problem.

# ? Jul 6, 2018 04:11

Sywert of Thieves: Nov 7, 2005; The pirate code is really more of a guideline, than actual rules.

Cugel the Clever posted:

Edge is certainly a vast improvement over IE, but it doesn't seem that the team has the resources to do much more than try to keep up with the functionality of FF/Chrome. I'd be less irked at Edge not implementing something like the object-fit CSS property for video elements if @supports for it evaluated as false so I could write a proper fallback without targeting Edge specifically.

The only things they seem to be better at than the other major browser is security and battery life. Coming from modern Windows, I'm not all that surprised.

# ? Jul 6, 2018 08:07

Moto42: Jul 14, 2006

Back in the day I could understand IE not supporting certain features on the theory Microsoft was trying to use their position as the �default browser of most users� to keep web apps from becoming super useful and thus protect their software sales businesses model.

Now though, they have to have the money and manpower to throw at Edge and get it up to spec , and they just don�t. I always wonder why they stay so insistently behind the curve.

# ? Jul 6, 2018 21:04

Lumpy: Apr 26, 2002; La! La! La! Laaaa!; College Slice

Moto42 posted:

Back in the day I could understand IE not supporting certain features on the theory Microsoft was trying to use their position as the �default browser of most users� to keep web apps from becoming super useful and thus protect their software sales businesses model.

Now though, they have to have the money and manpower to throw at Edge and get it up to spec , and they just don�t. I always wonder why they stay so insistently behind the curve.

Because there is no return on the investment in making Edge great, as it won't sell more MS software.

# ? Jul 6, 2018 21:08

Adbot: ADBOT LOVES YOU

# ? Jun 3, 2024 17:28

Ape Fist: Feb 23, 2007; Nowadays, you can do anything that you want; anal, oral, fisting, but you need to be wearing gloves, condoms, protection.

Anyone have any idea why my NPM install in VSTS would just decide it suddenly hates my working directory?

It was happy to potter along accepting that package.json was just in the root of the folder and now it just loving fails with an 'Error: Please change your working directory to a valid directory' error.

Edit: Maybe its because I need an npmrc file? I never needed one before. I know I've integrated Express into my package and changed the Azure deployment folder from /src/ to /server/ and pointed it to index.js but it isn't even getting that far, it's just failing npm install.

package.json here:

code:

{
  "name": "crumble-app",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "body-parser": "^1.18.3",
    "bootstrap": "^3.3.7",
    "cookie-parser": "^1.4.3",
    "core-js": "^2.4.1",
    "cors": "^2.8.4",
    "express": "^4.16.3",
    "express-jwt": "^5.3.1",
    "express-session": "^1.15.6",
    "http-server": "^0.11.1",
    "jsonwebtoken": "^8.3.0",
    "mongoose": "^5.1.6",
    "ng-circle-progress": "^1.0.0",
    "passport": "^0.4.0",
    "passport-local": "^1.0.0",
    "passport-local-mongoose": "^5.0.1",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.4",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "^6.0.113",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^2.0.3",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }
}

edit: This is apparently something to do with you putting package.json in the root of the directory of your application when it comes to VSTS, which is dumb as poo poo because this is where it lives for almost everybody's loving work.

Ape Fist fucked around with this message at 11:28 on Jul 7, 2018

# ? Jul 6, 2018 22:58

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

«‹›362 »