« first day (1450 days earlier)      last day (2338 days later) » 

1:05 AM
Whoo I just made my first codepen with CSS animations
 
1:16 AM
What could I have done, for my #css:hover to only work when I put !important behind the attributes?
position: absolute?
 
@RaisingAgent ?
 
Example in a sec. I got a div, which has a bgcolor and a :hover color
the :hover color: red!important (has to be set as !important, for it to do anything on hover)
hmm
seems to have kinda solved itself
 
:D
 
codepen.io/shawnjames95/pen/vmNqmb if anyone actually cares haha
I am new to CSS animations so I'm proud of myself here haha
 
reproduced it: jsfiddle look at the css
(unsolved it self magically :P)
 
1:31 AM
Setting the style with JS is like putting style="something" on the element
 
@RaisingAgent yup you have to use important. An inline style will always override an external style
 
It will always override the CSS rule
 
oh, so the javascript sets it inline, of course
thx guys
 
@Alesana looks good
 
@joshhunt Thanks :D I am using it make my checkout page look spiffy
Wow I'm looking at @ZachSaucier's link, I had no idea there was CSS Grid ruling like that
 
1:41 AM
its new and not well supported yet
 
That's awesome
I don't know if the grid-concept or the game is cooler
 
 
1 hour later…
2:49 AM
Anyone here that has used Bootstrap for website development but has since moved to something they consider better?
 
I like bootstrap but sometimes it looks a bit childish
 
Yeah I agree
 
Bootstrap 4 has some pretty good improvements though, not towards the color scheme but in other things
 
Yeah it looks a little cleaner
I tried using Material for my portfolio site, not sure how happy I am with it
 
Ah I haven't used it
 
2:59 AM
I see as of Bootstrap 4 they are now using Sass by default, instead of optionally
I randomly met the creator of Sass in a bar a few years ago, cool guy
 
Nice
Does adding a transition rule to a elements still have an effect on performance if the animation never occurs? I want to do div[class*="col"] {transition: width 1s ease}
 
I do not believe that would affect performance at all, just if the transition is actually performed it would
beauty of css
 
Awesome
Now I just have to figure out why it's not working
 
3:15 AM
what browser?
 
Chrome
Maybe I need to use flex
Eh I am just going to put all
 
wait
what changes the width? css hover?
 
JS
Class change
 
js adding a class?
ah ok
 
Well removing one but yeah
 
3:19 AM
well that should work then..
try -webkit-transition: width 1s ease;
 
Nope it wasn't that it was just that it is the flex property that changes with the Bootstrap class change
I guess that is another change Bootstrap 4 has!
 
haha good to know
can you paste an example? not sure what u mean by flex
 
It's a way to size things with CSS
 
3:44 AM
Blehh now I can't get this thing to float right
nothing wants to work for me today
 
4:05 AM
@joshhunt depends on your use case. It's more supported than a lot of things
 
 
@Alesana very very minorly
 
@ZachSaucier What do you mean minorly?
 
4:38 AM
Does anyone know if it's possible to put a transition effect for when the width of something changes because of the text inside?
 
5:32 AM
@Alesana Check this question, and if you are not satisfied with any of answer, offer bounty for more better answers.
 
 
1 hour later…
6:34 AM
posted on April 19, 2017

New Cyanide and Happiness Comic

 
@AbhishekPandey Thanks I ended up putting a width on it as suggested
 
 
5 hours later…
11:36 AM
@Alesana the performance effect is negligible
@Alesana it's possible depending on your exact situation
 
11:54 AM
Hi all
 
12:13 PM
Been trying to wrap my head around the AMD style of coding JS using Require.js
 
@Alex Worth noting that require.js is fairly old, almost legacy even.
I don't recommend you use it for new code.
 
Really?
What's the replacement?
 
Webpack
 
I've heard of webpack
Can you do AMD stuff with that? Like creating modules?
 
@Alex You can, but why do you want AMD to begin with?
AMD was written to be the answer for the order of execution problem JavaScript applications had at the time
 
12:17 PM
Oh
A colleague is using that in our current project with some mapping stuff that involves the ancient Dojo library. He's had to use Dojo
 
"Do I put this <script> tag before or after that one?" "Do I need to put my <script> tags at the <head> or at the bottom of <body>?"
Those problems are pretty much moot with webpack, and the synchronous model with var foo = require('./some/module') works better imho than AMD's.
 
Here's my scenario: an MVC app with some complex JS needed on various pages. Some of the JS is reusable, such as utility functions (isNaN(), isEmpty(), etc.)
Some of the JS is specific to the page
I'd like to organize the code better
Is Webpack for that purpose? Or is it more about ensuring items get loaded when needed?
 
The common pattern is to have multiple entry points
And use the CommonChunksPlugin to have webpack find the shared code and give it its own bundle
The problem with AMD is that it's slow
It's slow and you need lots of HTTP requests
So most use the requirejs optimizer in production, and then lose the benefit of the asynchronousness anyway.
I'm not a great expert on the subject though
You can try in the JavaScript room.
 
There's a JS room too? Dang
 
1:16 PM
lul
room 17
we don't speak of it, tis a smelly place
 
I have bad luck in the JS room for getting help :x
 
@clickhere Windows Task Scheduler -> Run an Excel Macro
 
I'm working on a programming problem from an exercise in *Eloquent Javascript*. Problem deals with recursion.
"We’ve seen that % (the remainder operator) can be used to test whether a number is even or odd by using % 2 to check whether it’s divisible by two. Here’s another way to define whether a positive whole number is even or odd:

Zero is even.

One is odd.

For any other number N, its evenness is the same as N - 2.

Define a recursive function isEven corresponding to this description. The function should accept a number parameter and return a Boolean."
 
@Tiffany they're not the most welcoming bunch
 
My attempt is here: gist.github.com/tiffany-taylor/fe9268059f4b673e0f48a02d64505552 but when I test it, I get undefined
 
1:19 PM
@Alesana Congrats
 
@Tiffany what a stupid use for recurrence
 
@Tiffany first you must make an offering of your firstborn
 
Why do you have a function within a function?
 
Their example had that, I thought I had to as well...
let me find it
 
first guess is that it's because of the duplicate parameter names
 
Your function works. You never call the inner one though
 
I'll try removing one function
 
@Tiffany notice the return find(..) line
though I disagree with why they set it up that way
 
@ZachSaucier and I thought that might be the problem, and was trying to introduce a second variable to overcome it, but couldn't quite figure out how.
jsut removed the extra function so I'll test it
it works :D
and our website's down... fuck
(no I'm not testing on our website)
 
@Tiffany that's what they all say
@MadaraUchiha rude
Oh, you mean Asynchronous module definition
I thought you meant Advanced Micro Devices
 
1:43 PM
final version: gist.github.com/tiffany-taylor/fe9268059f4b673e0f48a02d64505552 now works with negative numbers
 
Someone might be annoying and pass a string "1" into that
 
I'll beat them with a broom
 
beat them with === instead
 
not sure that I mind if they use a string though, at least in this problem.
unless it's like "one"
 
string "lulz"
 
1:47 PM
and I normally use === but for some reason didn't with this one. I dunno.
¯\_(ツ)_/¯
 
 
2 hours later…
user7480455
3:29 PM
Hi guys can I ask you guys a question on the style tag in html?
 
> Don't ask to ask, just ask, and ask once!
 
no
we actually don't mess with the style tag here
 
user7480455
ahh ok
 
user7480455
I am asking the folks in the java script room
 
user7480455
but just got kicked
 
user7480455
3:37 PM
I guess they dont do it there either
 
user7480455
thanks though
 
@Loktar loktar is a cruel mistress
 
lol
@TylerH there is history in the JS room
only reason I said it :p
 
4:05 PM
@Loktar I should lurk there more often
 
yeah you should
then I'd see you more
 
<3
played 15 minutes or more of every item in your Steam Library yet?
 
4:19 PM
@TylerH but then you waste even more time :P
 
@ZachSaucier nah, I just will add it to my favorite rooms list so that I can see the most recent message on the sidebar
won't actually spend my time actively in there every day
because I would never get anything done
 
You could learn React
 
or something decent
 

« first day (1450 days earlier)      last day (2338 days later) »