Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Search - "jsfiddle"
-
I noticed several people blaming the new Chrome update for breaking their CSS. From what I know Chrome did not "break" anything. Using browser quirks, experimental features, and deprecated code typically results in this. When you see a "neat trick" on a blog, Stack Exchange, JsFiddle, whatever, be sure to research what you are about to implement. Especially if it has a post date older than 2 years.4
-
!rant
I've discovered https://repl.it this week and it's pretty awesome!
I'm teaching my gf some python and haskell at the moment (for her fundamentals of compuer science course at university). They have to use IDLE for python and winhugs for haskell ... and it's awful.
So I was looking for something like JSFiddle for python and haskell, something you can use for a few quick lines of code.
I came across repl.it and it's great. No registration needed, many languages to choose from and a quick way to share code. Really good online IDE :-)1 -
OMFG. Here's a self-rant for you all...
So, working on a JS library to build widgets, I five across some weird behaviour where I expect `$.ajax.apply()` to pass something to the chained `.done()` method, but it comes out differently.
Fuck. Right, time to visit StackOverflow and glean some knowledge.
I post a question, complete with examples and descriptions and a little midget unicorn in the corner for world peace.
Come back a bit later to see what's happened, and nobody understands my damn question!
So I proceed to debate a few points with some other devs, going back and forth for a while, but still nobody knows what I'm asking.
Fuck. Time for a JSFiddle...
Copy code from the jQuery docs and start modifying it to show what I was working with... Now suddenly is all working as the docs say.
O.o
So I go look back at my own code again to try work out what's actually going on.
Turns out I completely missed MY OWN CODE.
Fuck me.1 -
As if StackOverflow wasn't full of trolls already, now I get people complaining I didn't make "Stack Snippet" instead of a jsFiddle etc.. AFTER I've already answered the question. Don't even get me started...3
-
!rant
Just wanted to let you know that i discovered a cool site to test out angular,
https://stackblitz.com/
Pretty much like jsfiddle and co, but does the setup for you and the editor feels like VS Code
may be can be useful for some of you2 -
My non-developer friend (who knows some very rudimentary basics about front-end web dev through me) asked ChatGPT to create a game with an arrow-key (left, right) movable player that shoots bullets.
He pasted the answer in a jsfiddle. The first iteration didn't work. It used DOM and CSS, so I told him he needed to instruct it to use HTML canvas. Lo and behold: https://jsfiddle.net/mehp8jay/16 -
!rant
Any good sites/tools for fast web design prototyping? (like jsfiddle but without having to refresh the view (at least manually))12 -
When the Shit doesn't work local, you Paste the same Shit on jsfiddle and the Shit is working. its the same, damn!
-
A step aside from one of the answers I ever gave on Stack Overflow, I notice I once made a "jsfiddle".
Already some annoyances...
• When did browsers, uh webkit, decide to fuck every "ul", "menu", and "dir" element with a "-webkit-padding-start" of 40 damn pixels?
• That friggin' fiddly webshite doesn't even force me to HTTPS, bro. Need a reason to fuck yourself in the vulnerable ass?
• Why is it that I can't log in with my tiny four-letter nickname; you identity-fuckers? -
I'm less familiar with JavaScript, and by extension, I'm less familiar with JS Frameworks. So I needed to add inputs from three <input/> and show addition in fourth <input/>
So ripped off a SO answer, didn't work, though his JSFiddle is working perfectly.
Ripped off another SO answer, but this time jQuery, but that didn't work too.
the cycle continues till I find that I do not have a id="" in my code and I'm trying to use getElementById.1 -
A guy on YouTube posted in a GraphQL tutorial about his CSS issue. He asked about why a certain background for a website that he is creating only looks good on a phone but not on his desktop. I asked him to put the code on either jsfiddle or codepen but he still put the code in the comments, only the CSS part. I kept telling him to place it on those two sites, eventually he did. I looked at the pen and guess what? The picture is a portrait one... He wants to use CSS to make it look good, I don't know how he is gonna achieve that but good luck. I am done with him, stopped commenting.3
-
I have got my first oss issue, I am finding a bit difficult to make changes in the code but I did achieve what the issue demands by writing a basic script to get it approved from the collaborator.
A little help will be appreciated
issue link:
https://github.com/firefox-devtools...
jsfiddle link(I implemented what the issue demands):
https://jsfiddle.net/globefire/... -
Had a hell of a week trying to convince a client that "Case Sensitivity" is a real thing in programming languages.
So there was some typo in some third party code which client had provided which was not giving the accurate results, but the client was not ready to listen. I asked him to get the variable rectified from the 3rd party from
var1 to Var1
But he somehow had a notion in the back of his mind that the 3rd party could never ever be wrong and it was surely I who had screwed up the code and he won't even bother the other team.
He was all like "I don't understand anything remotely connected with coding, but do explain me why is this not working ?" (His exact words)
Me (thinking): umm, WTF !!!
After to and fro for the whole damn week, finally able to convince him ( I guess, still doubtful) after giving the video and link of a jsfiddle showing him all the freaking magic of caseSensitivity! -
Those jsfiddle/codepen snippets on stackoverflow back in the day used to replicate the same traumatic effect as the threat on injection at the hospital when I was a child1
-
TL;DR warning!
Please help me out on this, fellow ranters:
I have a js app, a sandbox for musicians, which everyone is checking out once, then after fiddling around, they never really come back.
What can I do, to make an app more desirable, so that musicians would incorporate my tool into their musical repertoir?
One advice I've got from a friend is to save the session, like jsfiddle, so that the user can continue his/her work later and don't have to start all over.
If you want to check out my app, then the link is in my profile.3 -
So, I was googling for cross platform javascript things.. every answer, there's only weex and nativescript, but both aren't ready for prod, so I tried weex, it's alright but the documentation is non existant, and the support is practically on dial up, and hardly anyone has used it. And nativescript isn't really an option cause it's only for mobile.
So I chose weex, web + mobile, and I can easily port my already written vue project, sweet, so I get to porting, run into a few issues but it's pretty easy, need to play with some of the root file path definitions, no "./"'s just "@/" (if you use @ as your root symbol).
great. Pug works, sass... seems to work, then I run into a pretty big issue with sass compilation/loading, can't find an answer for an hour.
So I go out. Then come home, no answer on my SO question.
So I google "jsfiddle weex" to get a jsfiddle template for debugging weex/vue projects.
A few results down. I see this: https://reddit.com/r/javascript/...
well I've heard of framework7, but it would require me rewriting most of my element tags and components, but what's quasar?
I have a look, totally cross platform, desktop, web, mobile... wtf..
read the docs, "uses vue single file components"
..what, holy fuck, the documentation is beautiful, it uses vuex, fucking fuck.
I just found it 10 minutes ago....
wish me luck.........