Skip to content

Instantly share code, notes, and snippets.

View meetKowshik's full-sized avatar

Kowshik Ahmed meetKowshik

  • Dhaka, Bangladesh
View GitHub Profile
@meetKowshik
meetKowshik / custom upload button
Created September 24, 2017 16:02
custom upload button html, css and js
// html code
<div class="upload-section">
<label for="upload-video">Upload Landing Video</label>
<input type="file" id="support-files" class="inputfile" data-multiple-caption="{count} files selected" multiple>
<label for="support-files"><span>Choose a file</span></label>
</div>
// css
.inputfile {
@meetKowshik
meetKowshik / custom upload section
Created September 24, 2017 16:06
custom upload section html, css and js code
// html code
<div class="form-group">
<div class="input-group input-file" name="Fichier1">
<input type="text" class="form-control" placeholder='No file selected' />
<span class="input-group-btn">
<button class="btn btn-default btn-choose" type="button">Upload image</button>
</span>
</div>
</div>
@meetKowshik
meetKowshik / bootstrap modal
Created September 24, 2017 16:07
bootstrap modal
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
:-moz-placeholder { /* Firefox 18- */
@meetKowshik
meetKowshik / NPM Scripts
Last active June 13, 2023 09:50
All npm scripts for development with sass
/*npm install*/
first initialize npm with package.json
npm init
then install the node sass
npm install node-sass --save-dev
if already have the package.json initialized with node-sass then just run
npm install
for install live server globally
@meetKowshik
meetKowshik / React Installation
Last active March 17, 2018 07:22
React Installation
npm install create-react-app -g
create-react-app folder-name
then npm start for live view
@meetKowshik
meetKowshik / enable css loader in react
Last active March 26, 2018 07:45
Enable css loader in react project
First you need to run
npm run eject
then in config folder you will find webpack-config-devs.js and webpack-config-prod.js, where you will search the css-loader function
paste this code
modules: true,
localIdentName: '[name]__[local]__[hash:base64:5]'
@meetKowshik
meetKowshik / Using SVG icon for html
Created April 14, 2018 06:26
Using SVG icon for html
-go to icomoon.io
-click icomoon app
-scroll to down
- click add icons from library
- then choose encrypto
- then select the icons
- then click generate svg and download
- copy svg icon from svg folder and also copy symbol-defs.svg which will be saved as sprite.svg
in html
<svg>
@meetKowshik
meetKowshik / gulp-for-beginners
Last active May 17, 2018 23:07
gulp-for-beginners
install gulp
npm install gulp -g (windows)
sudo npm install gulp -g (mac)
in project file
the structure will be
apps(this folder will be used for developer purpose where all the
css, js, images, fonts, sass file included)