Change parent div background color by click href Using jquery

As developer we need to guide user or giving user has experience in our projects. today i have been learning something new for me lah that give user know where is the data already click in it, so i use jquery i create demo in codepen, enjoy lah

See the Pen LpGzjW by Freddy Sidauruk (@sidaurukfreddy) on CodePen.

PREVENT MODAL BOOTSRAP CLOSE BY CLICK AREA MODAL

Hello guys, good night here. to night i will give short tutorial about prevent modal bootsrap close by click around div. Sometime as programmers we need to guide users to follow our instruction. i have some form that users should close modal by click close button or cross button in modal cause i have design when user cancel or close it some data will remove frommy table but depend on your design.

so here is my simple demo here

the source came from http://stackoverflow.com/questions/22207377/disable-click-outside-of-bootstrap-model-area-to-close-modal  

Making style newspaper using HTML & Javascript Responsive

Hi again, are you fine bro ! Of courselah already finish fasting then time to kill every food

Oke, let me discussion about what make me stilll up in the night, guess what !

Girl, No !

It's Responsive Design when you need to make your website working well means all device can  access no matter what that's image or function javascript !


last month and this month i have issue that make me night mare ! look title above  and here dummy html need

Then start gooling with many keyword then i found css3 multi column then i start coding after final my html and css take coffe feel proud cause i'm success but there is something wrong, WTF CSS3 Multi columns is not good reading for human !

CSS3 MULTI COLUMNS give user read LEFT TO RIGHT not LEFT UNTIL FINISH THEN RIGHT, is it human reading or not cause i have ussual to read like that 

So i leave the css3 multi coloumns then strat googling with js column many plugin avaiable but hard to customize then i tested one by one and got nice plugin here is plugin, they give good reading for human habit.


I will not tell how to customize cause in that website already has complete documentation, really !

But take breathe first or stretching cause you will big issue after you successfully make template !

take a look the title about making Responsive Template, but first take look here  bassic setting, i will teach you how to use it to be responsive  use this function javascript



if($(window).width() < 620){ $('.childrenungan').columnize({ columns: 1 }); } else { $('.childrenungan').columnize({ columns: 3 }); }

look first if to make condition if screen 620px auto will give 1 col, here is mine

Oke i think enough for today, feel free to comment below or just say hai { Only for girl :v }

Tutorial make images inside paragraph using php and mysql

Sometime as developer you don't need argue when you get job describe about css, wait minute developer should already know too about css and all design ! well as long as develope i face the hard things is that make some template article with images. The dummy design will be like this

So here i give trick, i disscuss in forum css here

1. You can make users input selector id when user input artikel in your text area then you upload images seperate with artikel, you have 2 field images and artikel, so here is your script php

  <?php $converted = ""; $img_from_DB = '<img src="http://placehold.it/350x150">'; $content_from_DB = "<p> This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> <p> #image01_goes_here#This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> <p> This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> <p> This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> "; $converted = str_replace('#image01_goes_here#', $img_from_DB, $content_from_DB); ?> <div id="container"> <?php echo $converted; ?> </div>


2.  the second way you dont need make users should input selector images, only use php for and make it break in paragraph you want to put images so here is the code

 So that's tutorial, hope some one find this tutorial, Fell free to comment, Happy coding !