Skip to content

Instantly share code, notes, and snippets.

View shahbokhari's full-sized avatar

S A Bokhari shahbokhari

21 followers · 10 following
  • Bangladesh
View GitHub Profile
@shahbokhari
shahbokhari / index.html
Created February 22, 2019 17:23
Let's Build: Vanilla JavaScript Modal
<div class="container mx-auto py-10">
<div class="flex justify-center">
<a href="#modal" class="modal-trigger bg-teal hover:bg-teal-dark shadow text-white font-bold py-4 px-6 rounded no-underline">Trigger Modal</a>
</div>
<div id="modal" class="modal fixed pin p-30 w-100 h-100 m-0 z-20 mt-4" role="dialog">
<div class="modal-overlay fixed pin z-10 bg-teal-dark"></div>
@shahbokhari
shahbokhari / index.html
Last active January 27, 2019 19:33
Template Literals (Finished Product)
<div id="app"></div>
@shahbokhari
shahbokhari / CSS3-Transition-effect-(After-Effects-Like).markdown
Created July 13, 2014 12:30
A Pen by @BokhariShah.

CSS3 Transition effect (After Effects Like)

This is an Awesome Example of CSS3 Transition Effect experimented and developed by S A Bokhari. Hope you will like it and use it in your projects.

Thank You

A Pen by @BokhariShah on CodePen.

License.

@shahbokhari
shahbokhari / Skill-Sets-Styling.markdown
Created July 12, 2014 10:52
A Pen by @BokhariShah.

Skill Sets Styling

This is developed and designed by S A BOKHARI simply using HTML5 & CSS3. This is a demonstration of the skill sets to show in your portfolio site. This is only one way of doing it. There are so many ways you can design and customize your Skill Sets in your portfolio site. I hope you'll find helpful and be benefited by this little effort. Thank You

A Pen by @BokhariShah on CodePen.

License.

@shahbokhari
shahbokhari / Responsive-Navigation-Using-HTML5-&-CSS3.markdown
Created July 9, 2014 16:20
A Pen by @BokhariShah.

Responsive Navigation Using HTML5 & CSS3

This is a beautiful example of Responsive Navigation Simply Using HTML5 and CSS3 and Media Quaries and developed by S A Bokhari

A Pen by @BokhariShah on CodePen.

License.

@shahbokhari
shahbokhari / Circle-Social-Menu-Navigation.markdown
Created July 2, 2014 20:00
A Pen by @BokhariShah.

Circle Social Menu/Navigation

This is Developed and an awesome Example of Circle Social Menu/Navigation simply using HTML, CSS and Checkbox Magic by S A Bokhari. Hope you'll like it. Thanks

A Pen by @BokhariShah on CodePen.

License.

@shahbokhari
shahbokhari / Responsive-Navigation-Menu.markdown
Created July 2, 2014 19:42
A Pen by @BokhariShah.

Responsive Navigation/Menu

This is an experimental Development and Awesome example of Slide Up/Down Responsive Navigation/Menu simply using HTML5, CSS3, Media Queries and Checkbox magic by S A Bokhari. Hope you'll like it. Thanks

A Pen by @BokhariShah on CodePen.

License.

@shahbokhari
shahbokhari / Slide-In-Out-Navigation-Menu-Using-HTML,-CSS-&-Checkbox-magic.markdown
Created July 2, 2014 19:09
A Pen by @BokhariShah.
@shahbokhari
shahbokhari / Receding-Background-Dialog-Box.markdown
Created June 15, 2014 03:01
A Pen by Chris Coyier.
@shahbokhari
shahbokhari / Beautiful-CSS-Transitions.markdown
Created December 5, 2013 02:43
A Pen by @BokhariShah.