Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
piteto
@piteto
haha thx @you-tried-it
CamperBot
@camperbot
piteto sends brownie points to @you-tried-it :sparkles: :thumbsup: :sparkles:
api offline
you tried it!
@you-tried-it
@camperbot what did you say?
@camperbot camperbot?
piteto
@piteto
cbot
CamperBot
@camperbot
you called?
you tried it!
@you-tried-it
@camperbot i did ;)
piteto
@piteto
I don't know all of cbot's commands :(
Gersho
@Gersho
find a job
CamperBot
@camperbot
find a job
nothing found
Mohamed Nabil Ayoub
@MohNabil
Hi guys,i want to know why is bootstrap not working in that pen i implemented it in the settings,https://codepen.io/Moh-Nabil/pen/oGeXQd
you tried it!
@you-tried-it
@MohNabil i know ;)
Mohamed Nabil Ayoub
@MohNabil
@you-tried-it ok you want me to say plz ):
iso
@iso1048
@MohNabil you linked bootstrap for javascript rather than bootstrap for css.
Mohamed Nabil Ayoub
@MohNabil
@gothamknight there is only two choices in the settings in codepen
Rada
@Radascript
hey. I needed to resize an image (make it smaller) so I did it in Gimp following this: http://www.wpbeginner.com/beginners-guide/how-to-resize-and-make-images-larger-without-losing-quality/ and it came out 8x the file size. Anyone know a better solution that doesn't lose quality but also doesn't blow up filesize?
iso
@iso1048
@MohNabil click settings, then css (at the top), then select boostrap 4 from quick add
Moisés Man
@moigithub
@MohNabil DONT wrap ur cols inside H3
instead create 3 H3 individually inside each cols
Eric Weiss
@eweiss17
@Radascript i just google file resizers online to do that, i don't know if it makes the many bigger
Mohamed Nabil Ayoub
@MohNabil
that did the job thanks guys
Moisés Man
@moigithub
resize AND optimize the image @Radascript
probably u can google for image optimizers to apply to ur resized image
if ur img dont have transparency use jpg format
else png
Rada
@Radascript
@moigithub I know, I do that already. I'm just figuring out what about that process makes the file size blow up
it doesn't make sense to me why the rescaling makes it take up 8x the memory
Adel
@AdelMahjoub
@Radascript you can resize it using a canvas and javascript
@Radascript for the aspect ratio
@Radascript to use the canvas as an image toDataURL
Rada
@Radascript
@AdelMahjoub thanks Adel, but that's not a good solution for me. It's for a project client has on Squarespace, so I really need to shrink + optimize the images
CamperBot
@camperbot
radascript sends brownie points to @adelmahjoub :sparkles: :thumbsup: :sparkles:
:cookie: 575 | @adelmahjoub |http://www.freecodecamp.com/adelmahjoub
Adel
@AdelMahjoub
@Radascript so to shrink the image, locally you set the aspect ration of the image, draw it in the canvas, use toDataURL to export it to png or any, drag and drop works too if you want to save it in a folder, to reduce the size use webpack image-loader
@Radascript this way you don't need any tool, no photoshop no gimp no affinity design no sketch ...
@Radascript you can take it further and write your own image resizer app
Sean Pars
@SeanPars
Can somebody help me with a section from eloquent js
korzo
@korzo
@SeanPars Post your problem
Sean Pars
@SeanPars
f u n c t i o n r o w H e i g h t s ( rows ) {
r e t u r n rows . map ( f u n c t i o n ( row ) {
r e t u r n row . r e d u c e ( f u n c t i o n ( max , cell ) {
r e t u r n Math . max ( max , cell . m i n H e i g h t () ) ;
} , 0) ;
}) ;
}
f u n c t i o n c o l W i d t h s ( rows ) {
r e t u r n rows [0]. map ( f u n c t i o n (_ , i ) {
r e t u r n rows . r e d u c e ( f u n c t i o n ( max , row ) {
r e t u r n Math . max ( max , row [ i ]. m i n W i d t h () ) ;
} , 0) ;
}) ;
}
function rowHeights(rows) {
  return rows.map(function(row) {
    return row.reduce(function(map,cell) {
      return Math.max(max, cell.minHeight());
  }, 0);
});
}

function colWidths(rows) {
  return rows[0].map(function(_, i) {
    return rows.reduce(function(max, row) {
    return Math.max(max, row[i].minWidth());
  }, 0);
});
}
what's happening here
korzo
@korzo
@SeanPars it iterate over array rows (row.map() )
and reduce every element (I suppose it's array of arrays ) to maximal value of elements minHeight
Moisés Man
@moigithub
on first function reduce param probably the parameter name should be max instead of map
Maria Theresa Arruda
@arrudamt
please, someone tell me why the menu is not working =/
https://codepen.io/arrudamt/pen/wgVYxv?editors=1100
korzo
@korzo
@arrudamt Because logo is over menu button
Maria Theresa Arruda
@arrudamt
@korzo how can i fix it?
korzo
@korzo
@arrudamt In css on line 122 you have width 100%
Sean Pars
@SeanPars
@korzo can u explain the paramters in the .reduce()
u r right it's an array of arrays tht's being passed in
korzo
@korzo
@SeanPars First parameter is accumulator.
It's value returned from previous itteration
Maria Theresa Arruda
@arrudamt
@korzo i took it off and it didnt work
korzo
@korzo
Except for first iteration.
Then is accumulator either value passed as parameter or first element of array