« first day (1179 days earlier)      last day (2609 days later) » 

4:05 AM
 
4:33 AM
hey guys
I am trying to put a div at the bottom of a page, but not sticky
I used position: absolute; bottom: 0 . It works for small page only
 
 
2 hours later…
7:02 AM
Hey guys
How can I make the INFORMATION textarea be in front of the two rows of the table (Prefix, Last Name) & (First Name, Suffix). imgur.com/a/uWrqz
plz I need help
In other words how can I make the row of First Name & Suffix be integrated in the INFORMATION textarea. For this moments, after the textarea there's a line break. How can I delete this break
?
Can somebody help me plz?
 
 
2 hours later…
9:08 AM
Provide your code in jsfiddle
 
9:31 AM
@TylerH @MadaraUchiha I was going to ramble about Documentation for CSS on my blog, but I managed to work it into an answer to this meta question
1
A: Should we prevent too granular documentation that already exists elsewhere?

BoltClockHere are my observations of how authors (more commonly known as "web developers") perceive existing sources: W3Schools: either you're blissfully ignorant, or it's the worst place on the Internet and how dare you cite it in any reasonable technical article, presentation, discussion, or Q&A. MSDN...

 
10:14 AM
@Sumitpatel
If I have used bootstrap where am I supposed to insert it? HTML or css block?
because there's no way to divide them
 
10:38 AM
@Wes no more broship?
dont you miss me
?
@Wes I asked you something,
 
If I have a dropdown list in my form, how can I call it to insert it's value in the database? I mean by which name or id?
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Prefix
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Mr</a></li>
<li><a href="#">Ms</a></li>
<li><a href="#">Miss</a></li>
</ul></div>
I'm using bootstrap
so I can't call a select element by its name as usually
cause there's no select element
Is there a way to call a ul element or the button ?
 
 
2 hours later…
1:21 PM
@Wes you are still not replying me
 
1:34 PM
@JohnyNassar, it seems as though you might really benefit just taking a break from this project and going through a few lengthy tutorials on web development so that you have a better understanding of all the basics.
 
2:30 PM
@BoltClock have you contributed to a topic yet?
You can't put examples in the Syntax section, it has a markdown checker to force you to online include single-line entries
 
2:40 PM
@TylerH some of the Selectors topics
@TylerH I did say single-line examples. But the grammar + possible values could work just as well depending on the property
 
3:09 PM
@BoltClock The question is whether the examples are intended as a reference point to get you started on your merry way of CSS
Or is it something we intend people to copy/paste/tweak.
 
@clickhere I have read a lot already.
 
When you sometimes look into a source-code of a website you see links like : "href="//realocdn.com/assets/307e10452336fbd1679432ad7ed20c060/img/favicons/appl‌​e-touch-icon-57x57.png">"
Why is that hash in there? Is that about versioning?
 
I'm doing this project using a table so I don't really know how I can do that in the table
plz can someone help me?
 
@JohnyNassar What is you exact issue? And what have you tried so far? It looks like you have 'form' data, which already has elements to create such dropdowns, you might have to style them.. but What's the bigger picture of what you are trying to do?
 
@Duikboot, i'm pretty sure that's just associated with cache breaking
 
3:23 PM
How does that work? Front-end caching? Are we talking about Varnish or something ?
 
ClearCoat
 
@Duikboot I have dropdown list using bootstrap. In the normal situation(without bootstrape), I used SELECT element and call it using its name to insert its value to database but now with bootstrap I don't know which element to call to register the value of the dropdown list in the mysql database.
 
You can try to do that with ajax? $.Post .. grab value > Handle it on the server side.
 
because with bootstrap I didn't use the SELECT element
yes yes I'm doing it using $_POST
 
Do it with ajax.
 
3:28 PM
ajax= $_POST???
 
I don't know much about cache breaking. I use django and S3 and django basically handles much of that for you when you set a few variables
 
@JohnyNassar
- https://api.jquery.com/jquery.post/
- http://stackoverflow.com/questions/35403324/how-to-insert-bootstrap-drop-down-values-in-database
 
@clickhere lol much agreed. Based on the little I have seen, it seems like you guys are doing the project for him.
 
my real problem is that I don't know till now wich element to call in the $_POST, is it the button or the ul or what?
 
You have to add a Javascript layer (F.e, jquery). Where you grab the selected value from the dropdown. You pass that value to you HandleMySelectedValueWithAjax.php or something... where you validate it and store in the database. The Javascript will have a 'success'-handler which can for example return a message to your page 'Value XyZ saved'.

[html] -> [js] -> [php] -> [js] -> [html]
( If someone has a better idea shoot :P )
 
3:34 PM
I don't touch php so can't offer much suggestion there either
 
Nope you're correct, he just needs to do a crash course to go over the basics.
 
If you want to go the easy way @JohnyNassar skip that BootstrapFancyDropdown and you use a normal <select> inside a from, where you handle with a submit button the form. ==> if isset $_post['submit'] ... if (!empty($_post['yourSelectName']) { // Save you shizzle here ( insert statement ) }
 
Is there a way to do it without JS ? I used to do it with php ($_POST) only but it seems Bootstrape can't work without JS. Before bootstrap I used to do it without JS
 
See my latest option.
The reason you have to do it with js is because bootstrap is not using form methods ( In your select option ;) ) , you have to fetch the data from the element by JS and pass it to PHP, which is not possible with PHP on its own.
BTW @JohnyNassar If you like to do it with JS: codepen.io/wardkennes/pen/rLdEEN I made a fork which makes sense in the console.log how to grab the values
 
okay thanks
can I write the JS inside <script> tag below the button ?
in the same page?
My real problem is that I don't understand a word of this JS
:(
Is there any reference explaining it?
@Duikboot
 
3:53 PM
In easy words: You have Javascript 'pure' javascript . And then you have a library like ' jquery ' jquery is on 'top' of Javascript which makes iet more easy to select html elements/attributes/... You can 'manipulate' the DOM with javascript.
 
Does anyone have a project they're looking for someone to join in on? Work is going really slow...
 
what kind of stuff do you like to do?
 
$('.dropdown-content li a').on('click',function(e){
console.log( $(this).attr('name') );

});
the name is the name of the button?
 
Show me a item of your html structure
Oh and please setup a jsfiddle.net ;) and share it.
 
I'm pretty flexible. I do fullstack
 
I'd be interested in building something with react though, its been on my bucket list for a while
 
@JohnyNassar jsfiddle.net/omtderuk/1 I added jquery and bootstrap please make sure I can use the dropdown in html (I'll help with the Javascript )
[off-topic] :P What do you think about my out-side-desk-setup :P imgur.com/a/9mGVM
 
lol ballin' dude
 
hah, interesting, any issues with insects?
 
Nop :D ha
 
4:02 PM
On my side it's working well
 
I can't use the dropdown. ( It's just not 'dropping' down'
 
Are JSFiddles real time? or do we have to fork?
 
I always fork... or update which generates a new instance .
jsfiddle/balbal/1/ jsfiddle/balbal/2/ jsfiddle/balbal/3/
 
Alright, I'll make the drop down "drop" haha. Give me a sec.
 
It's pretty 'silent' here in the garden,.. Tomorrow Land is only a few kilometers from my location.
 
Yeah.. but that's not doing it in the fiddle
 
yes on my side also
How can I implement the JS?
 
Wait for @zsawaf ;P
His probably adding data-toggle="dropdown" or some JS from bootstrap to the fiddle?
 
what?
 
"Alright, I'll make the drop down "drop" haha. Give me a sec." he said ;)
 
4:11 PM
We are done with those 2 JS lines?
 
Yeah I'm almost done
Really basic dropdown, had to change the html structure a bit
You can change it back to a button, but make sure you change span to button in the css as well
 
yes of course
thanks
Where I have to write the script?
same file?
 
I'll write it for you, hold on
 
can we attribute some CSS to a parent if he have a class child?
like apply a css on parent div..
<div><div class="child"></div></div>
 
I'm not sure I understand your question, you're selecting child in your css, and you're trying to apply style to its parent?
What are you trying to do?
 
4:18 PM
jsfiddle.net/omtderuk/5 What do you think about this? ( @JohnyNassar @zsawaf )
 
Guys I have a UX question. Is it bad to change the behavior of buttons based on some parameters? That is to say: say I have a LeftNavButton and it changes based on the page. I feel like it makes sense to always leave it the same but add a button somewhere else for that pages actions
 
yeah..
to apply css to child I need to do: div .child{ color: pink; } but if I want to apply color pink on the parent if he have a .child..
 
Looks good @Duikboot
 
but man this JS is so long
:(
 
Long? :D
 
4:20 PM
I think it's bad UX corvid, yeah. What are you trying to do?
 
I added almost an explanation for every line.
 
@Jean-philippeEmond no, that's called the parent selector
 
Can I write the script in the body or in the head only?
 
@Jean-philippeEmond you want to apply styles only if a parent has a child?
 
4:21 PM
Or you can reference it to an external one... script scr="assets/js/main.js" and add it in there.
 
CSS selectors level 4 (a draft) has the :has capability which will allow for it though drafts.csswg.org/selectors-4/#relational
 
@zsawaf, only if he have "That child"..
 
^ or you can add a custom class. If a parent has a child you can be like <div class="parent has-child"></div> and then apply style to has-child
 
@ZachSaucier, but not supported for now.. I read it.
 
Yep.
 
4:23 PM
@Duikboot but this reference is located in the head
 
You can probably do the same thing if you use element queries elementqueries.com
 
>< What are you asking?
 
@zsawaf.. well.. maybe that i should to.. its juste because I have that:
#registration_form .form-required.form-invalid::after {}
but I want to exlude if he have select child.
or maybe I can fix it... with css.. min
 
I'll brb lunch
 
yo!
 
4:24 PM
@JohnyNassar Please go through some basic tutorials. If you continue to ask overly broad or unresearched questions you may be kicked
@Jean-philippeEmond use JS
 
@Duikboot nothing nothing I know the answer
thanks man
@Duikboot now I have to use the name of the button as we used it in the SELECT element (without bootstrap)
right?
 
uhm now you setup a php file where you grab the value which you passed in the data
from the $ajax call in my fiddle
 
didn't understand bro
yes I will setup a php file of course
and write all of the fiddle in it
 
oO
Nonono keep everything in seperate files don't mix your php ajax etc in 1 :P you can do that but that's messy
 
and pass the name of the button to what?
 
4:32 PM
Well... normally you can now catch in PHP the value from the AJAX call in javacsript .
 
yes yes
JS alone for sure
in a seperate file
which value?
 
><
the one we grabbed in the js .. the prefix
 
the name prefix
@Duikboot this one?
 
@ZachSaucier, i'm unable to reproduce to jsFiddles but I have this.:
https://i.imgur.com/wesIpCG.png
and here its a part of my code:
https://jsfiddle.net/5hxmpkr6/
because i'm unable to fix it.. I would to remove the [*] for the select field.
 
makes no sense, I already wrote that part
you have just to catch the value from the ajax call in php.
And save it. done.
 
4:40 PM
not like that?
I just don't understand
Can you write it here?
this is the standard way ($_POST)
we aren't using this at the moment
we're using ajax
 
@JohnyNassar, it'll didn't fix your bug but... do something like:
$banana = isset($_POST['banana'])?$_POST['banana']:"";
to avoid using undefined variable
 
we're using ajax so no more $_POST
right?
 
mmmmmmmmm
 
@TylerH I had to make a sign today ^^
 
4:47 PM
Zach, what do you use, gimp? photoshop?
 
ps
it could use some clean up...
but I'm at work so I already spent too much time
 
yeah what's up with that right border?
 
I got it from another sign online
 
Back
@Jean-philippeEmond Did my solution work for you?
Is anyone writing documentation on flexbox?
 
its a solution to use JS. but maybe I can fix it with css.. its because the css is ok with a "input" but not when the child is a "select"..
 
4:57 PM
JS should be very minimal, can you post your jsfiddle/codepen? I'll take a look at it
 
already post it in this room but
yeah.. unable to reproduce with jsfiddles... but I post a part of my code:
http://jsfiddle.net/5hxmpkr6
and here is what wrong:
http://i.imgur.com/wesIpCG.png
 
slightly better
 
@ZachSaucier, he ask me to show him..! and Its not really the same question as before.
 
Jean, what am I trying to fix?
 
@Jean-philippeEmond not talking about you
i.imgur.com/CscSTXZ.jpg final version for now
@TylerH
 
5:01 PM
@zsawaf, the ::after push content..
Left side.. its an input.
Right side its a "select"
with the "select", the ::after push the content.. before?? not sure where.. ^^
 
Before I get started, can I make a recommendation for you?
 
@zsawaf there's already lots of documentation written...
 
Unfortunately, you can't style select dropdowns. I recommend using a jQuery library that emulates dropdowns so you can have full control over what they look like.
Unless you don't really care, then that's fine
@ZachSaucier I found it in the grid layout section of the documentation. I guess I'll contribute there a bit
 
oh you mean on SO
 
5:06 PM
Yeah
People using tables for layouts is giving me cancer
I want to make flexbox more accessible to people
 
not many people do these days
 
You'd be surprised. Many beginners do. Also floats aren't even necessary anymore. Flexbox takes care of everything.
 
well, the word is JS..
 
I love using tables for styling my website
 
@Jean-philippeEmond dropkickjs.com take a look at this.
Actually no, wait. There's a better one I've used. Give me a sec
It's the best I've used for that purpose
 
5:11 PM
ok
 
Most of the animations on my website are built using tables. I just instruct the user to scroll really fast to see the animate effect
 
lol cute.
Alright, gonna work on the flexbox documentation
 
What are you guys using when you have for example a rotating wheel or something at the footer of your page with a CSS animation on it. But you only want to start it spinning when it's 'inview'?
Currently I am using: github.com/protonet/jquery.inview But im not sure if there a 'easier/faster' way?
 
Ah, I've done something like this before. But same idea. I couldn't think of another way around it.
 
@Duikboot I use plain JS
 
5:15 PM
I've used this I believe: asvd.github.io/viewport
 
@ZachSaucier You have some snippet how to do that? How to 'grab' an element inview?
 
stackoverflow.com/a/488073/2065702 seems to be pretty spot on
 
Awesome thanks :D
 
@zsawaf, thanks by the way :P
 
No problem, I hope it's what you were looking for.
 
5:21 PM
yeah. I'll try your alt
 
Wait what? You can't add snippets to documentations?
Rage quit.
 
5:58 PM
long time no see @web-tiki
what bring you around?
 
hi @ZachSaucier
I was just popping in to see how the brand new documentation system was getting on here
 
we're not doing much :P
 
I see
I tried making a few topics but I'm not convinced the format is really good for CSS or if it is necessary at all
 
IMO it's useless - there are plenty of other good resources
the only advantage it may have it a larger userbase of maintainers, which I'm not sure will be true
 
and quantity doesn't always go with quality
 
6:04 PM
IMO the Q&A works as documentation most the time anyway
 
true
I'll keep an eye on it anyways
 
'course
 
I'm out, cya and merry weekend
 
I think documentation should have been rolled out without rep benefits at first.
 
@clickhere I don't
 
6:15 PM
It's just encouraged dupes/rush posts/plagiarism.
 
changing the system after launch would be a huge pain
 
If that were the case it would seem to be only due to poor design. Wouldn't have been hard to simply temporarily 'shadowban' users as far as earning points.
 
6:50 PM
@ZachSaucier huh
ah. You had to make that sign? :-P
 
yes
people apparently don't look at chat messages
a bright red image makes them read it
 
@ZachSaucier the other advantages are on-site locality (never have to leave the site) and useful practical examples (of course that's gonna vary from tag to tag...)
@ZachSaucier if only we could set a "logo" for our chat room
 
I would make that "READ THE ROOM RULES."
 
As far as docs go, this illustrates my biggest concern: meta.stackoverflow.com/a/328708/2756409
I think all the other stuff will sort itself out eventually. CSS is gonna be messier than most I think.
Looking on twitter there is HUGE support for this thing
SO got a bunch of companies and code language teams to partner with them on the release
So it's clearly not going anywhere
 
7:19 PM
Hi people. Does anyone know where to go to suggest an extension of one of the new HTML tags? I'd like to suggest an extension for the <datalist> tag but there seems to be a complicated process behind it.
 
7:41 PM
@web-tiki I just wish we can back up the documentation with practical examples of working code. I.E working snippets.
 
7:55 PM
Hey guys, long time, I remember we already talked on how transform create a new stacking layer, I'm having the issue again: jsfiddle.net/crl/x59r9b9w/3 the icons trigger a dropdown, but it is below the <li>'s although it has a z-index:10
 
@ZachSaucier, have you seen this? i.redd.it/nhjypnf6bsax.jpg
 
tried translate3d(0,.., 0), transform-style: preserve-3d/flat, .. no changes
also 🚭
 
8:13 PM
@caub that whole thing is blank
is your JS browser specific?
 
@clickhere neat
@caub You changed your name
 
@ZachSaucier from crl right
 
probably initials
C.R.L.
only 21 more rep til @caub can see vote counts
 
8:29 PM
@ZachSaucier Thanks!
 
@ZachSaucier damn I forgot all about that site
 
posted on July 22, 2016

New Cyanide and Happiness Comic

 
@TylerH hehe, I'm not in a hurry for that
jsfiddle.net/crl/x59r9b9w/6 with babel, it should work for you this time
 
8:46 PM
yep, it loads the list now
 
I think I'm going to set manually (in js) a higher z-index to the <li> where I open a dropdown
 
Yeah, it's really hard for me to tell since all your content is being created with JavaScript
 
@TylerH crl was my firstname.replace(/[aeiouy]/g, ''), and now its firstname[0]+lastname.slice(0,3)
oh wait, gonna dump the content in html
 
@caub that reminds me of a JSFiddle I have buried somewhere...
 
but you can see the html markup in the console easily no?
 
8:53 PM
@caub I dont' open the console when I'm looking at JSFiddle stuff
because I almost never use JavaScript
^ saw that written on a specials board outside a restaurant/bar
 
jsfiddle.net/crl/x59r9b9w/7 there, without react
ah, I remember that non-sense script
!!> 'gsridtba'.replace(/(\w{2})(\w{3})(\w*)/, (_,a,b,c)=>b.split('').reverse().join('')+c+a)
 
@caub "dirtbags"
 
lazy
 
9:58 PM
jsfiddle.net/crl/x59r9b9w/8 l.20 does it, but that's so ugly
css--
 
 
1 hour later…
11:13 PM
In the Chrome dev tools, how do I move an SVG object?
I feel like the problem is I don't understand SVG that much...
Like, what am I looking to edit?
Wait, I think it has to do with the "transform" property
Actually the "translate" property.
Dammit, that took me a while.
Okay, now for an actually legitimate question.
Let's say I want to design an animation. First, I need to create the SVG assets that I'm going to move around with code. What tools can I use to make these assets, so that when I export them, they're still in the groups I assigned and it's easy to code how they move around.
 
11:44 PM
Okay, apparently I was supposed to be using InkScape this whole freaking time.
And then animate with SnapSVG
Sweet merciful jebus, that information was buried deep in the Internet.
 

« first day (1179 days earlier)      last day (2609 days later) »