Keep everything under your control

This site allows you to save time on long sessions of web developing: here you can find all the resources that you need!

In this site you can find all the main and secondary resources that allow you not to lose all those precious seconds. Say goodbye to all that times that you regreated not to take notes and enjoy the privilege of using a website that does this for you, bringing together the best resources of the web development.

view source

Discover the resources that are right
for you and save time for your projects

Fastcode

Preset


/* reset */

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
-ms-word-wrap: break-word;
word-wrap: break-word;
text-decoration: none;
}

img {
border: none;
}

*:focus{
outline: none;
}

Custom scrollbar


/* custom scrollbar */

/* width */
::-webkit-scrollbar {
width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: red;
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000;
}

typography


  /* typography */

h1 {

}

h2 {

}

h3 {

}

h4,
h5 {

}

p {

}

a {

}

more code

comment

/* -----------------
newsection
----------------- */

@media rules


/* media */

/* Desktop, iPad Pro */
@media only screen and (min-width: 1024px) and (max-width: 1110px) {

}

/* Display 12", iPad PRO Portrait, iPad landscape */
@media only screen and (max-width: 1024px) {

}

/* Display 5.5", iPad Portrait, iPhone 6, 6s, 7, 8 portrait and landscape, iPhone 5s landscape */
@media only screen and (max-width: 768px) {

}

/* Display 4", iPhone 5s portrait ... */
@media only screen and (max-width: 365px) {

}

containers


/* containers */

.small {
  width: 850px;
  margin: 0 auto;
  position: relative;
}

.container {
  width: 1170px;
  margin: 0 auto;
  position: relative;
}

.fluid {
  width: 98%;
  margin: 0 auto;
  position: relative;
}

colums


/* colums */

.col-1 {
    width: 8.33333%;
    float: left;
}
.col-2 {
    width: 16.6666%;
    float: left;
}
.col-3 {
    width: 25%;
    float: left;
}
.col-4 {
    width: 33.33333%;
    float: left;
}
.col-6 {
    width: 50%;
    float: left;
}
.col-8 {
    width: 66.666666%;
    float: left;
}
.col-10 {
    width: 83.3333%;
    float: left;
}

Keep everything under your control

Discover the resources that are right for you and save time for your projects

List of the best web resources

jQuery cdn

jQuery.com

JS minifier

jsfiddle

divtable generator

HTML minifier

meta list

MDN HTML

web code tools

font awesome

Color hunt

gradient hunt

color design

animate

flatuicolorpicker

google web fonts

flat icons

gradient generator

box shadow generator

CSS minifier

CSS autoprefixer

PHP documentation

php tester

json maker

Unsplash Source

image compressor

w3schools

bootstrap

wordpress