The Web Design & Development Megathread

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

«‹›361 »

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

Maluco Marinero posted:

I have to agree that was an odd choice, but I don't begrudge it as the core of its was written before it was cool to be immutable in JavaScript (thank god that happened).

Are there any other decent datetime library competitors in Javascript?

I don't think you could make an immutable object in 8, which they apparently still support.

# ? Sep 22, 2016 15:40

Adbot: ADBOT LOVES YOU

# ? May 16, 2024 21:17

dexter6: Sep 22, 2003

What platform would you recommend I develop this website on.

Needs to have:

- blog / posts compoent
- calendar of events, where an external user can make a reservation (renting a meeting hall room for 2 hours) and prepay a deposit
- form for tracking in-bound leads
- Ability for someone to take over, with limited knowledge in the future (no coding, most likely) after I'm long dead

Is it wordpress with a bunch of plugins?

# ? Sep 22, 2016 15:53

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

dexter6 posted:

What platform would you recommend I develop this website on.

Needs to have:

- blog / posts compoent
- calendar of events, where an external user can make a reservation (renting a meeting hall room for 2 hours) and prepay a deposit
- form for tracking in-bound leads
- Ability for someone to take over, with limited knowledge in the future (no coding, most likely) after I'm long dead

Is it wordpress with a bunch of plugins?

Sadly, yes.

# ? Sep 22, 2016 17:04

fuf: Sep 12, 2004; haha

If you end up using wordpress then https://www.birchpress.com/ is a pretty good bookings / calendar / payment plugin.

# ? Sep 22, 2016 18:04

The Merkinman: Apr 22, 2007; I sell only quality merkins. What is a merkin you ask? Why, it's a wig for your genitals!

UI/UX Goons
What are your thoughts on this situation regarding a price filter that has a separate minimum value input, maxim value input and an apply button?

Current Behavior
Each field only accepts the characters 0123456789, reverting to old value if invalid (on blur) it also appends "$" to the field. Though if you were to type in the "$" you'd trigger the aforementioned invalid logic. :psyduck:

Proposed Behavior
Only accept values of 0-9999 (or empty). Nothing else, not even "," or ".", also don't appear the "$".
I figure, great, I'll make it input type="number" pattern="[0-9]" to be more semantic and get the nice number-only keypad on mobile.

Bug reported on proposed behavior
Chrome on Windows/macOS/Linux with type="number" doesn't allow anyone to put in non 0-9 characters, in that, they don't appear in the field.

So I should let them be able to type in a non digit character even though the front end validation will show an error when they do it anyway??

They do at least say they're willing to go with some sort of "note" underneath, but I wonder if even that is unnecessary.

# ? Sep 26, 2016 00:18

Maluco Marinero: Jan 18, 2001; Damn that's a
fine elephant.

Maybe use the number field, make the dollar sign part of an input group, so [$][seperator][input] - that way it makes it clear the input is only interested in numbers.

# ? Sep 26, 2016 09:39

Maluco Marinero: Jan 18, 2001; Damn that's a
fine elephant.

Or was the bug reported by a user, assuming that they should be able to enter text?... Maybe you could allay that assumption with placeholder text?

# ? Sep 26, 2016 09:40

The Dave: Sep 9, 2003

What kind of ranges are we talking about? Is it for a typical e-commerce site? Would some predefined ranges help cut down usage of the custom range?

I think prepending the input with a dollar sign would dramatically cut down on people inputting it into the field. In general though I just hate when I throw an error for stuff like that, or a comma, when the system could easily strip them out and ignore them. The decimal could be a different issue if the system only accepts whole numbers, but obviously supporting as many different combinations of inputs is always going to be better than trying to bend the user into your usage.

# ? Sep 26, 2016 11:43

The Merkinman: Apr 22, 2007; I sell only quality merkins. What is a merkin you ask? Why, it's a wig for your genitals!

The bug was reported by the UI/UX designer that wanted the change in the first place.
I forgot about how "$" is no longer present and how I thought it should be outside the inputs. Though I never brought that up to them.
The values would be anything from 0 to 9999, empty is fine too (maybe 9999+ works, but we don't have anything that expensive). whole numbers only.

# ? Sep 26, 2016 12:16

fuf: Sep 12, 2004; haha

I just inherited a Magento site and man I forgot how nuts it is.

Look at this poo poo:

code:

<script type="text/javascript" src="http://www.wtfmagento.com/js/ms/megamenu/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/lib/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/lib/jquery/noconflict.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/lib/ccard.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/varien/js.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/varien/form.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/mage/translate.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/mage/cookies.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/amasty/amfinder/finder.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/js/ms/megamenu/megamenu.min.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/modernizr.custom.min.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/selectivizr.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/matchMedia.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/matchMedia.addListener.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/enquire.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/app.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/jquery.cycle2.min.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/jquery.cycle2.swipe.min.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/slideshow.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/lib/imagesloaded.js"></script>
<script type="text/javascript" src="http://www.wtfmagento.com/skin/frontend/theme/default/js/minicart.js"></script>

That's all in <head> too...

I think it's a combination of bad previous developers and too many plugins / extensions?

Mostly posting just to show how crazy it is but any tips on how to start optimising this also welcome.

# ? Sep 26, 2016 13:16

Scaramouche: Mar 26, 2001; SPACE FACE! SPACE FACE!

Yeeep that's Magento. Still better than Net Suite. I can't remember who said it, but years back we were talking about the Firefox 3D Dom inspector (which doesn't exist anymore) in the Code that makes you Cry thread and someone put it "Look at a Net Suite site in that 3D inspector in Firefox. So many superfluous embedded tables, rising like goddamn mountains of failure as high as the sky".

# ? Sep 26, 2016 17:44

lunar detritus: May 6, 2009

fuf posted:

I think it's a combination of bad previous developers and too many plugins / extensions?

Mostly posting just to show how crazy it is but any tips on how to start optimising this also welcome.

That list includes prototype, scriptaculous and a two-year old jquery version _{(PROTOTYPE AND SCRIPTACULOUS! IN THE YEAR OF OUR LORD 2016!)}. Everything is very old so refactoring means remaking from zero all the widgets that use those dependencies (or replacing them with modern versions that only use jquery or something similar). It's going to be tedious as hell in any case.

# ? Sep 26, 2016 17:53

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

Scaramouche posted:

Firefox 3D Dom inspector (which doesn't exist anymore)

I thought it was still in there as of, uh, last year, maybe? I'd check now but the AV on this thing kills FF on sight for some reason.

# ? Sep 26, 2016 18:24

Scaramouche: Mar 26, 2001; SPACE FACE! SPACE FACE!

Munkeymon posted:

I thought it was still in there as of, uh, last year, maybe? I'd check now but the AV on this thing kills FF on sight for some reason.

https://developer.mozilla.org/en/docs/Tools/3D_View

quote:

From Firefox 47 onwards, 3D view is no longer available.

There is an add-on that offers the same functionality: Tilt 3D. However, note that just like the built-in version, the add-on does not work in multiprocess Firefox.

# ? Sep 26, 2016 18:30

kedo: Nov 27, 2007

I really hate Drupal and never want to work with it ever again. I have no idea if I'm using a lovely distribution (Lightning) or my host(s) suck or if Drupal is just a huge pile of poo poo but I am incredibly tired of everything exploding and dying because I did something as innocuous as putting the site in maintenance mode, or trying to publish a piece of translated content using the core multilingual module. I have spent more time configuring and fixing stupid errors than I have actually developing a site.

Who wants to code this site for me? I am only 25% joking and I am not joking at all if someone reading this is a solid freelance Drupal dev and wants some work.

# ? Sep 26, 2016 18:35

dividertabs: Oct 1, 2004

I'm doing a personal project using Web API 2 and Angular2, both frameworks which I have no professional experience with. Right now I have two separate repositories, one for the Web API backend, and one for the Angular2 client. But I'm thinking of moving all the client source into my Web API solution. Does anyone have advice on using these 2 frameworks together?

My ideal setup would be something like (ranked in order of importance):

I can run and debug Karma tests, Protractor tests, and debug the client code, from within VS Code or another good web IDE. (I don't even have this now as angular2-seed inlines its source maps, VSCode Chrome debugger wants external source maps, and I haven't yet dug into the fix.)
When running the backend in development mode, I can save changes to the client repo, and have the client compiled+bundled automatically
The client exists in its own project (under the same solution) or its own folder and is structured similarly to any other angular2 app
1-click publish works to deploy the backend + client together
Not too difficult to port from my current setup of 2 separate repos (the Angular2 client is cloned from angular2-seed). Right now I want to learn more about angular2 than npm/gulp

# ? Sep 26, 2016 22:33

aBagorn: Aug 26, 2004

Just as an initial question - why are you thinking of combining them?

I've always personally kept distinct client and sever repos for projects of any significance.

# ? Sep 26, 2016 22:45

dividertabs: Oct 1, 2004

I'm not certain whether it's a good idea since it introduces coupling, but a couple of things I think it would simplify:

1-click publish as I mentioned
Keeps the API versions in sync
The app wouldn't need configuration to find the API endpoint
I'm interested in trying a Web API -> Typescript Client generator like this one

But if the consensus is that putting them together is still a bad idea, I'll keep them separate.

# ? Sep 26, 2016 23:02

Skandranon: Sep 6, 2008; fucking stupid, dont listen to me

dividertabs posted:

I'm not certain whether it's a good idea since it introduces coupling, but a couple of things I think it would simplify:

1-click publish as I mentioned

Keeps the API versions in sync

The app wouldn't need configuration to find the API endpoint

I'm interested in trying a Web API -> Typescript Client generator like this one

But if the consensus is that putting them together is still a bad idea, I'll keep them separate.

If it's just a few people, or one contributing, it may be worth it for the increase of productivity. If you keep it organized well, it shouldn't be too terribly hard to split into two repos later if need be.

# ? Sep 27, 2016 04:05

Huzanko: Aug 4, 2015; by FactsAreUseless

Could anyone hazard a guess at how annotations on genius.com work? As in, how you would implement it on a technical level?

# ? Sep 27, 2016 05:05

Depressing Box: Jun 27, 2010; Half-price sideshow.

Trying to add an annotation and inspecting the POST request seems to give some hints:

JavaScript code:

{
  "song":{
    "id":118560,
    "updated_by_human_at":1474771844
  },
  "referent":{
    "previous_context":"ndedbythelightRevveduplikeadeuce",
    "text":"Another runner in the night",
    "next_context":"Somesiliconesisterwithamanagermi",
    "total_offset":677
  },
  "community":true
}

# ? Sep 27, 2016 05:35

MisterZimbu: Mar 13, 2006

I'm working on a .NET application that needs to have background scheduled tasks run periodically. I added Quartz and put the initiailization logic in the Application_Start. However, Application_Start only runs on the first request when the application pool goes up. I'd like it to run immediately when the application pool starts or is recycled.

I've set up IIS8's preload features as described in http://www.iis.net/learn/get-started/whats-new-in-iis-8/iis-80-application-initialization and it works great, except for one thing.

When I update a DLL or the web.config, the pool recycles, but the preload does not occur; the initialization logic runs after the first request.

This is a minor issue (I hope in the rare case that someone updates the application or the config directly that they'll try running it afterwards), but does anyone know why the preload wouldn't be running in that case, and/or what I can do to resolve it?

# ? Sep 28, 2016 14:58

Scaramouche: Mar 26, 2001; SPACE FACE! SPACE FACE!

Any of you guys use multi-SSL on an IP using SNI? I looked into it a couple years ago but it seemed like browser adoption rates argued against doing it.

# ? Sep 28, 2016 18:17

MrMoo: Sep 14, 2000

Windows XP was the blocker, no problem now though.

# ? Sep 28, 2016 18:34

Potassium Problems: Sep 28, 2001

MisterZimbu posted:

I'm working on a .NET application that needs to have background scheduled tasks run periodically. I added Quartz and put the initiailization logic in the Application_Start. However, Application_Start only runs on the first request when the application pool goes up. I'd like it to run immediately when the application pool starts or is recycled.

I've set up IIS8's preload features as described in http://www.iis.net/learn/get-started/whats-new-in-iis-8/iis-80-application-initialization and it works great, except for one thing.

When I update a DLL or the web.config, the pool recycles, but the preload does not occur; the initialization logic runs after the first request.

This is a minor issue (I hope in the rare case that someone updates the application or the config directly that they'll try running it afterwards), but does anyone know why the preload wouldn't be running in that case, and/or what I can do to resolve it?

Are you using Windows authentication in IIS? I had this problem, and a variation on this solution solved it

# ? Sep 28, 2016 22:02

Scaramouche: Mar 26, 2001; SPACE FACE! SPACE FACE!

MrMoo posted:

Windows XP was the blocker, no problem now though.

Well HostGator (ssshh not my decision) says they can set it up so fingers crossed.

# ? Sep 29, 2016 19:10

Thermopyle: Jul 1, 2003; ...the stupid are cocksure while the intelligent are full of doubt. �Bertrand Russell

Does anyone here happen to use both PyCharm and WebStorm? I think PyCharm is a strict superset of WebStorm, but I'm not sure about that and just looking for any insight into whether it's worth getting a WebStorm license.

# ? Sep 29, 2016 21:52

fletcher: Jun 27, 2003; ken park is my favorite movie; Cybernetic Crumb

Thermopyle posted:

Does anyone here happen to use both PyCharm and WebStorm? I think PyCharm is a strict superset of WebStorm, but I'm not sure about that and just looking for any insight into whether it's worth getting a WebStorm license.

I'm still wondering the same thing but with IntelliJ Ultimate & PyCharm

# ? Sep 30, 2016 01:14

Thermopyle: Jul 1, 2003; ...the stupid are cocksure while the intelligent are full of doubt. �Bertrand Russell

fletcher posted:

I'm still wondering the same thing but with IntelliJ Ultimate & PyCharm

Oh, I can kind of answer this, but keep in mind that the last time I looked into this was a couple years ago...InteliJ python plugin is not updated as often as PyCharm is. In fact, it can be significantly behind PyCharm. IIRC, the plugin feature set is merged with PyCharm at major PyCharm releases.

In addition, IntelliJ misses some of the python and django specific things that PyCharm has like the project creation wizard-y thing (which is pretty nice actually). Also, it lacks the Open Directory functionality that PyCharm has.

# ? Sep 30, 2016 15:43

MisterZimbu: Mar 13, 2006

Potassium Problems posted:

Are you using Windows authentication in IIS? I had this problem, and a variation on this solution solved it

Was forms auth. I ended up abandoning that approach (just too many complications involved, regarding app pool shutdowns, etc.) and went back to the Windows Service (but moved the logic to an application so all the service does is periodically ping a webapi endpoint).

# ? Sep 30, 2016 16:26

pipebomb: May 12, 2001; Dear God, what is it like in your funny little brains?
It must be so boring.

Do we have a drupal thread? I can't find it if we do. Can I ask about it here, anyone mind?

# ? Sep 30, 2016 21:45

kedo: Nov 27, 2007

pipebomb posted:

Do we have a drupal thread? I can't find it if we do. Can I ask about it here, anyone mind?

I don't believe there is. You can try, but I haven't had great luck lately with Drupal questions and have resorted to just complaining about it. :shrug:

e: I should say that my last several problems boiled down to a host sucking and Drupal 8 modules sucking. I've wrapped my brain around how Drupal works a lot more over the past week and now I think my single biggest complaint is that everything is really terribly organized. Enabling a module on a certain content type requires editing settings and permissions in a half dozen locations, all of them nested three to five clicks deep in a menu with a completely impenetrable name. I can see why some people like it, but jesus it's a pain in the rear end to navigate when you're starting out. I feel like I'm doing less development than I do on a WordPress site, which is weird.

kedo fucked around with this message at 22:00 on Sep 30, 2016

# ? Sep 30, 2016 21:54

Scaramouche: Mar 26, 2001; SPACE FACE! SPACE FACE!

Really not a fan of Drupal, to the point where I turn down work on it (more for Kedo right?). I haven't got too deep into it, mostly just glorified brochure-ware stuff for some local non-profits. I used to work with a guy and he's got a 20 person company now just doing Drupal projects, mostly for institutional sized non-profits (think like Sun Run, Bill+Melinda gates Foundation, etc.). It's big with companies with a lot of money and little profit motive

# ? Sep 30, 2016 22:27

kedo: Nov 27, 2007

Scaramouche posted:

Really not a fan of Drupal, to the point where I turn down work on it (more for Kedo right?).

Noooo drat you!

# ? Sep 30, 2016 22:29

Maleh-Vor: Oct 26, 2003; Artificial difficulty.

I'm modifying content on a Drupal site and goddamn. It might be the engineering behind the site which is a steaming pile of spaghetti, but Jesus, changing the displayed link text on one nav item with a dropdown is a logistical nightmare involving at least 4 dependencies I need to re-activate and replace.

# ? Sep 30, 2016 23:45

fletcher: Jun 27, 2003; ken park is my favorite movie; Cybernetic Crumb

Thermopyle posted:

Oh, I can kind of answer this, but keep in mind that the last time I looked into this was a couple years ago...InteliJ python plugin is not updated as often as PyCharm is. In fact, it can be significantly behind PyCharm. IIRC, the plugin feature set is merged with PyCharm at major PyCharm releases.

In addition, IntelliJ misses some of the python and django specific things that PyCharm has like the project creation wizard-y thing (which is pretty nice actually). Also, it lacks the Open Directory functionality that PyCharm has.

Super helpful. Thank you!

# ? Oct 1, 2016 00:00

LifeLynx: Feb 27, 2001; Dang so this is like looking over his shoulder in real-time; Grimey Drawer

Maleh-Vor posted:

I'm modifying content on a Drupal site and goddamn. It might be the engineering behind the site which is a steaming pile of spaghetti, but Jesus, changing the displayed link text on one nav item with a dropdown is a logistical nightmare involving at least 4 dependencies I need to re-activate and replace.

This also sounds a lot like Joomla.

# ? Oct 1, 2016 22:43

Vegetable: Oct 22, 2010

I'm running a WordPress.com blog and am looking to search for themes/designs where the background image stays fixed in place while the content area (e.g. for blog posts) is scrollable. What are the right words to describe such designs?

# ? Oct 2, 2016 05:13

McGlockenshire: Dec 16, 2005; GOLLOCKS!

Maybe "fixed background"?

Regardless it's literally one line of CSS to switch how the background image is oriented so you can just do it yourself.

# ? Oct 2, 2016 05:25

Adbot: ADBOT LOVES YOU

# ? May 16, 2024 21:17

ConanThe3rd: Mar 27, 2009

Maleh-Vor posted:

I'm modifying content on a Drupal site and goddamn. It might be the engineering behind the site which is a steaming pile of spaghetti, but Jesus, changing the displayed link text on one nav item with a dropdown is a logistical nightmare involving at least 4 dependencies I need to re-activate and replace.

W-what? Menus are not supposed to work like that. That's littearly supposed to be one section in the admin (or content) page.

Then again I came across a Wordpress site that used pages and posts the wrong way so maybe the guy who developed it had flippers for hands...

# ? Oct 2, 2016 16:35

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

«‹›361 »