« first day (3257 days earlier)      last day (1692 days later) » 
00:00 - 20:0020:00 - 00:00

8:14 PM
do you guys know where do the pages go when you close the browser?
 
@Aurelius cleared from memory
 
@forresthopkinsa the correct answer is sleep, they go to sleep. which is why sometimes they act funny when you first load them. they're still waking up
 
@forresthopkinsa thanks, then how would you explain the fact that if I have a react application running and I do some action that modifies the state after the application was first downloaded, and close/reopen the browser, I get the first version of the react application like if the state of the first download was saved somewhere and given to me again when I open the broswer again. However as soon as I refresh the page I get the state updated to the last version in which it was before closing
the browser
 
!!magic
 
(∩ ͡° ͜ʖ ͡°)⊃━☆゚. * ・ 。 ᵀᴴᴱ ᴳᴬᴹᴱ
 
8:20 PM
@Aurelius caching
 
I have a questionnnn
 
same reason that if you reopen a browser when you have no internet, you might still see the pages as they were
@sarangheh510 you don't need permission to ask a question
just ask it
 
I have this div called "super-box" and on hover it is set to open "super-box-container"

<div class="super-box">
<div class="super-box-container">
<div class="super-box-box satisfaction-guaranteed">
<div class="icon_bg"></div>
</div>

<div class="super-box-icon">
<i class="fas fa-shield-alt"></i>
</div>

</div>

<div class="super-box-text">
<p class="super-box-title">
Satisfaction Guaranteed
</p>

</div>
</div>

<style>
.super-box .satisfaction-guaranteed::after {content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat purus mi, non efficitur nulla posuere in.";}
@forresthopkinsa thought I'd be courteous lol
 
so for one thing make sure you format your code
!!format
 
Format your code - hit Ctrl+K before sending and see the faq
 
8:26 PM
<div class="super-box">
  <div class="super-box-container">
    <div class="super-box-box satisfaction-guaranteed">
      <div class="icon_bg"></div>
    </div>

    <div class="super-box-icon">
        <i class="fas fa-shield-alt"></i>
    </div>

  </div>

  <div class="super-box-text">
    <p class="super-box-title">
      Satisfaction Guaranteed
    </p>

  </div>
</div>

<style>
  .super-box .satisfaction-guaranteed::after {content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat purus mi, non efficitur nulla posuere in.";}
 
cool, what have you tried so far
 
asking you
 
Figured it was something to do with either "Touchstart", "touchend", or "onclick"
 
you can do it with all css.
and html
hidden radio buttons
😉
 
this. is not the answer
lmao
@sarangheh510 you're on the right track. You probably will not need the former two for this application.
do a bit of googling for how to use JS to hide or show elements
it's a common starting point, you should find quite a few resources
 
8:29 PM
IMO CSS is more difficult and complicated to master than JavaScript.
Basic CSS is easy. But not many are able to use CSS to its full potential (I sure can't).
 
meh
 
@forresthopkinsa how can I update the cached version of the page while the react app is still running, so that when the browser gets closed I get the version with the last update?
 
@JBis that's bias showing
you spend time learning JS because of its obvious payouts
there is less of a payout to learn proper css when shitty css works just as well
and no one is looking
 
@forresthopkinsa I tried looking but a lot of them make the element disappear, which is not what I'm looking for.
 
That could be true.
 
8:32 PM
@Aurelius first step: make sure you don't have a service worker running
CRA ships with one
 
it's off by default but if you turn it on then it could cause a lot of caching headaches
 
masterful css
 
@rlemon No ones looking at JS too.
 
I mentioned React, but I am actually using Next.js
 
8:33 PM
@JBis incorrect. many people are reading the js
there is no 'computed' panel for js
you just have to read it
css, the browser makes it nice for you
 
@sarangheh510 you do want the element to disappear, you just want it to appear first
 
alot of them are set like this (example): document.getElementById("rounded").style.display = "none";
Doesn't this make it "display: none" pretty much?
 
@sarangheh510 so how would you go about doing that in reverse
they're making it disappear, you're trying to make it reappear, how do you do it
 
@rlemon Thats impressive. How long that take you?
 
3 weeks
 
8:35 PM
haha
was it worth it?
 
@forresthopkinsa I got this far
        document.getElementByClass("super-box").onclick = function() {

            document.getElementByClass("super-box").style.display = "none";

        }
 
of course it was, he just got to send you a codepen and you said it was impressive
what more do we work toward
 
@rlemon Meh. CSS values is computed js isn't. I don't see how it its different.
 
you don't see how the tools make it so that you can inspect the styles on the page without reading the source directly vs you having to read the JS source directly?
well then I don't know what to tell you
because that's how it is.
 
8:37 PM
@sarangheh510 okay but you want to do the reverse of that. That code makes it disappear. It goes from display: block to display: none. If you want it to reappear, how will you modify that transformation?
 
@rlemon Exactly. For the first one (and the second), most would resort to JS. If it can be done in CSS, (more the most part) it should be.
 
@forresthopkinsa that's what I'm confused about...cause I want it to open, then close, but reappear back to its original state
 
What is the reverse of display: block => display: none
not a trick question, simple answer
 
display: none => display: block ?
 
@sarangheh510 yes
so you need the element to start as display: none
and then you need your JS function to set it to display: block
@Aurelius do you know how to check if there's a service worker running on your app
if not, I'm sure Next.js could be interfering
 
8:44 PM
?
        document.getElementByClass("super-box").onclick = function() {

            document.getElementByClass("super-box").style.display = "none";

        }

            document.getElementByClass("super-box").onclick = function() {

            document.getElementByClass("super-box").style.display = "block";
 
making progress but there are some problems with this
you're still setting it to display: none when your element is clicked
and recall, we want that to happen before the element is clicked
 
@forresthopkinsa I don't even know what that is
 
for a second thing, you're setting two onclick handlers
you probably don't want to be doing that
 
If it is hidden via display none, how can you then click it to unhide it?
 
he's right, you also need to be using a different element as your button to display super-box
you can't use super-box to display itself this way
 
8:47 PM
@forresthopkinsa no idea lol
 
@Aurelius open your web app, go into the chrome inspector > application
go to service workers on the left and see if any are registered
@sarangheh510 we use JS to set style rules dynamically, e.g. on click. But how would you go about setting traditional static style rules that apply as soon as the page is loaded?
hint: you're already doing it in your code
 
            document.getElementByClass("super-box").style.display = "none";

        }

            document.getElementByClass("super-box").onclick = function() {

            document.getElementByClass("super-box").style.display = "block";
?
 
let me simplify the question
javascript aside, how do you set style rules
 
9:02 PM
@forresthopkinsa it seems like there's none
 
@Aurelius sounds like Nextjs is the issue then
@sarangheh510 what
 
9:18 PM
@forresthopkinsa that's what I have for css
 
@sarangheh510 beautiful
 
you're telling me that you're a CSS guru but you've never used JS?
seems fishy
 
except that the content is in the css not html which isn't great, especially for accessibility users
 
ahh it was generated with Sketch
I get it
 
@forresthopkinsa I don't think that was his
 
9:21 PM
hmm on second thought you're right
@sarangheh510 how is this related to the problem we're solving
 
@forresthopkinsa well...need to figure out how to make the hover feature more mobile friendly (finger tap 1: expand container, finger tap 2: close container)
 
okay well let's go back to our simplified example
you have two elements, #box and #button. You want #box to be initially invisible, but you want #button to toggle its visibility.
(edited)
how are you going to set #box to display: none on page load
very simple answer
 
css
 
lol. yes. the answer is css
are you following so far @sarangheh510
 
@sarangheh510 The only thing I had to implement with JS for that was the open and close mechanism.
 
9:36 PM
Errrrm sorry not following....
 
@sarangheh510 Sorry if this is an uncomfortable question, but is English your first language?
I need to know if there's a language barrier here
 
@forresthopkinsa No there's a "visual learner" barrier if anything lol
 
Okay sure that's fair
Alright in that case I think you need to take a few steps back and take a different approach to this
I HIGHLY recommend taking the online course Practical Javascript from start to finish
Then come back here in a few weeks or however long it takes you to get through it, and we'll take another shot at this
I think you'll gain a lot from it. It's free.
 
@forresthopkinsa Thanks for the suggestion and the free resource suggestion
 
Or just use MDN
 
9:39 PM
It can be tough when you're a visual learner
 
@JBis They're a visual learner
MDN is not going to help.
 
So copy and paste the code into and editor, localhost, and see what it does...?
 
I get you, my girlfriend is as well. Practical Javascript saved her.
 
@forresthopkinsa thanks for the suggestion!
 
@JBis That approach is not going to be helpful for probably 75% of beginners
@sarangheh510 Sure, good luck
 
9:40 PM
ok fair enough
I mean if you recommend its probably good, but I find a lot of stuff like that contains oversimplified or just inaccurate information.
 
You're definitely right about that.
PJS is a diamond in the rough
I always recommend it to people so that they don't end up on w3schools or something
 
i have started and stopped 2 courses and focused on one area (animation). and then will probably learn the rest... Here is some game demo or a demo (v .00001) :-) If anyone into modern planes BUT need a script to pre-load all files in advance :-( dysonbelt.x10host.com/25-10.html
<----only a JS hobbyist
 
@AlexH that's pretty neat
what did you make that with
 
come on :-) If you see the script LOL....... This is a mockup , and i got the budget to give to one of the PRO's to code properly later :-) EXACTLY a year ago, i couldn't move a square on a page LOL
thats JS pure
i like my 3d design which helps a lot in game making. Again, a hobby
 
so just canvas then
 
9:51 PM
yep.
 
that's very nice, good work
 
guys like you chatting here resolving the "in depth" issues are always an inspiration
 
the "in depth" issues are typically "how to make a button toggle an element's visibility" like above lol
 
i hear a lot about callbacks here - always seem a hot topic
 
people tend to struggle a lot with async stuff
 
9:54 PM
None of this is a problem if you use css for all your interaction ;)
 
you sou say async or callback - i go to a pub to drink :-) No clue YET :-)
 
tbf it can be pretty confusing. Up until you get to Promises you can get away pretty easily with not knowing anything about the event loop
yeah I think that's the case for most
@rlemon you have got to stop LOL
 
you see? So easy to start the callback and async and promises convo
 
listen to big JS over here trying to silent the css minority
 
that's right
I have a lot of money going into keeping CSS nerds out of tc39
 
9:56 PM
CSS does rule over the JS occasionally
 
for real tho, html and css alone is crazy powerful
 
is anyone here into game making for fun or work OR just fin tech OR just techy tech?
 
look at some of the talks the interactive email people do
it's insane.
 
yeah it's become an art form
I LOVE the image matrix onhover stuff
 
and that's big bucks right now
 
10:00 PM
meh
 
I knew some Chinese guy in China, his name was Forest :@
Forest is it your real name?
 
Forrest is my real name
 
I've heard of a Bush or two...
 
..but never a forest
 
10:04 PM
@AlexH I'll give him a call
I've only ever met one other person with my name but he spelled it with one r
 
in a game DEMO, what should I show initially - a bit of EVERYTHING or just something basic - just one area: just planes, for example OR ships fighting and helis too etc?
 
@forresthopkinsa when you were a kid did they just call you woods?
 
@forresthopkinsa good to know
 
@rlemon lol no, they actually called me Hunter for some reason
whenever anyone forgets my name, they think it's Hunter
 
10:06 PM
it's a strange thing, maybe I was meant to be named Hunter
 
they were going to call me Ryan, until they realised it was a drink
 
@rlemon that should be a challenge. Make a full interactive website without any javascript.
 
@KevinB ban that man
 
@JBis welcome to 1997
 
@rlemon lmao
 
10:07 PM
> full interactive website
 
yea man.
they always existed. they were just not as smooth.
 
In 1997 it was just spinny gifs
 
web 2.0 predated SPAs by a long run
 
(I wasn't born tho, so I can't confirm)
 
in 1997 we had to text (at a rate) to get mobile phone ring tones
 
10:08 PM
in 1997 you had a lot more than just spinny gifs. if you had forms you have interaction
just slow interaction
mix that with frames.
big brain time.
 
the INSTA and FACEBOOK of 1997 were the AOL chat rooms!
 
all buttons were images
@AlexH and they didnt steal your data :D
 
..and grinder too
 
@JBis wait until you see what we did with imagemaps
 
i mean, it's not stealing if your actively giving it away
 
10:10 PM
let's talk about that AOL dump
 
When did HTTPS become standard for most big playa sites?
 
2004?
 
depends on you're definition of standard
 
speaking of the 90's still.. everyone hated on downloading a 3mb flash website, but now those same millennials and gen-x'ers are proudly serving 5mb Vue bundles. 😉 I'm no exception.
well, cept the vue
#teamReact
 
@KevinB like I would be moderately surprised that a company of this size didn't have it
 
10:12 PM
I mean, it's a moving frame of reference
also -- vue is smaller than react ;)
 
I don't care about size.
my apps are good enough to wait for
 
hahahahha
 
@rlemon thats what she didn't say
 
the delay makes it even better
 
my new website is argyle
I think that explains about all it needs to explain
 
10:14 PM
And there wasn't a js lbirary/framework for every word in the English language
 
that's still in the works. with like 100 other things
 
delays are okay if there's a pretty-looking and progressive loading indicator
 
gettingAdrink.js
 
I also just wrote a discord bot to play countdown (just the numbers)
that was/is fun
 
I didn't write the solver, or the safe eval. I basically just adding a buggy pile of crap onto two solid pieces of software and calling it a game.
 
LOL double RRR's! wow
 
but it was fun
 
the forrest project has a lot more stars than lemon
 
user11867329
Lemon
 
10:16 PM
npm gui client? why?
 
@forresthopkinsa because we can
 
@rlemon it was published ahead of its time
the world wasn't ready
@JBis awesome. I hate it.
 
I feel like it just needs to slowly get the word out. then things will get rolling
 
> Last commit on Sep 10, 2012
you never reported back
 
10:19 PM
@JBis yes, it's mature software.
you can feel safe about it
 
Trump even gets his own language github.com/samshadwell/TrumpScript
> No floating point numbers, only integers. America never does anything halfway.
 
I don't see no bodies on mount rushmore
🤔
 
> In its raw form, TrumpScript is not compatible with Windows, because Trump isn't the type of guy to believe in PC.
 
user11867329
Need algo/logic to:
Determine what combination of unit category needs to be inserted to a given request for a container (1, 2 or 3) with the condition of an incentive (of higher value) relative to the size of the container (1 small;3 big).
(Exemple: Requesting Container 1... (5* + 5**) // Requesting Container 3... (5* + 32** + 3***)

Based on:
1. Value (either specific and accurate for each unit OR by category/range)
2. Inventory
3. Container's fixed unit restriction

The containers are priced $5, $10 & $20 respectively.
 
> By constructing a wall (providing the --Wall flag), TrumpScript will refuse to run on machines with Mexican locales
 
10:25 PM
example program:
 
@OTLT-LCar It didn't make sense the last time you posted it either
 
What are we in this country
Hillary speaks nothing but lies
But look at me I came to this election to make guys
believe again
believe in fact
if, all of us real lies the light; : say "VOTE TRUMP" !
but I know we should be free
else the result will be bad: all the work of George
Washington was for nothing
so this election say "Hello World" say "TRUMP FOR PRESIDENT"!
America is great.
this is the worst thing
 
user11867329
@JBis How does it not make sense tho
 
user11867329
3000 units, 3 category of units, based on price.
3 way of selling, 5/10/20
How do I average out which item should go in which container to make them average (more or less)
 
user11867329
and then how do I boost the 10/20 containers value more than the preceding
 
10:28 PM
You realize you've gone and promoted yourself to full time code vamp, right?
You've been asking the same thing over the span of something obnoxious like eight hours as well.
 
@OTLT-LCar check out the "knap sack problem"
 
user11867329
Why thaaaaankkk youuu\
 
it sounds like you are trying to do something similar.
 
this is some form of Sales Fiddling? A spread of $5-25(+!) can not be averaged out easily
 
user11867329
Thats why I categorized
 
10:32 PM
Keep in mind, that this isn't a code writing service.
 
user11867329
so we can mostly use the category
 
maybe there is a place for a website called SALES FIDDLE
 
user11867329
regardless of actual balue
 
you need to know/being able to project the sales volume for all 3 categories to get some sort of a middleground
in Thailand, it seems, they give you LESS of a discount (proportionately) if you are buying larger volumes, PROBABLY what you are trying to achieve here to drive your customers to a middle-ground.
 
Flutter for Web is picking up speed
 
10:36 PM
need to know the product too :-) Pointless selling 33 tooth-caps where 32 will be mostly requested
 
whoa
 
OTL, it is more of a wheeler dealer question than a coder question
 
user11867329
11:12 PM
@AlexH thx good comment. It's candy. Have 3k units.
 
user11867329
I can't project, first time
 
user11867329
But it's literally a ton
 
user11867329
metric
 
well, it depends where you advertise it... If at the dentist - with a heavier discount, in a kiddy garten - no discounts :-) Only kiddin...
..and you are here also because you're paid in candy? :-)
 
00:00 - 20:0020:00 - 00:00

« first day (3257 days earlier)      last day (1692 days later) »