Giter Club home page Giter Club logo

bootsketch's Introduction

Hi! ๐Ÿ‘‹

I'm Yann, Frontend and JavaScript developer. I'm also a photographer, a sailor, a sourdough baker (like everybody since the pandemic), a husband and a father!

Find out more on yago.io ๐Ÿ˜‰

Known Languages

  • ๐Ÿ‡ซ๐Ÿ‡ท French
  • ๐Ÿ‡ฌ๐Ÿ‡ง English
  • ๐Ÿ“ HTML
  • ๐Ÿ’„ CSS
  • ๐Ÿ’› JavaScript

Tools I'm currently using with passion

Typescript React graphql nodejs jest tailwind nextjs gatsbyjs storybook

Projects I'm excited about

deno astro remix svelte

bootsketch's People

Contributors

max-vogler avatar yago avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bootsketch's Issues

Consider adding sketchy buttons

Check this code out and see if you think it would be a good addition to the theme:

btn {
  position: relative;
  border: solid #555;
  border-width:  1px;
  margin: 2px;
}

.btn:before {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: -4px; /* margin + border */
  right: -4px; /* margin + border */
  display: block;
  border: solid #555;
  border-width: 2px;
  content: "";
  @include transform(rotate(.1deg));
}


.btn:after {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: -4px; /* margin + border */
  right: -4px; /* margin + border */
  display: block;
  border: solid #555;
  border-width: 3px;
  content: "";
  @include transform(rotate(-.7deg));
}

Bootstrap 4 version

Bootstrap 4 is almost here, would be great to have a bootstrap 4 version of this really nice little thing :)

missing icons

As far as I can tell, glyphicon-ok and glyphicon-remove (as used for form validation) are not supported, presumably due to the font.

Would it be possible to provide a simple fallback?

publish to Bower registry

it would be excellent if Bootsketch could be installed via Bower - where apparently it's not registered yet (I've tried both "bootsketch" and "wirestrap" - the latter is still used in bower.json)

Modal window is behing the backdrop

The bootsketch.css contains a wrong definition for ".modal-backdrop" class.

The css in bootsketch:

.modal-backdrop{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:#000}

But this couses the backdrop to be in front and the modal is displayed behind it.
If you change it back to the original (from bootstrap 3.3.2):

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}

It is working again. Cheers.

Demo loads font file over HTTP

Anyone using HTTPS Everywhere or a similar plugin won't be able to use the site as the Google Fonts stylesheet is loaded over explicit http.

Consider adjusting it to use explicit https or implicit (through a protocol relative url).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.