M
MechaKeysโ€ข3y ago
Tadashi

Specialized Full Stack Developer is here!!

Specialized Full Stack Developer is here!! ๐Ÿ‘Š Perfect results within the deadline ๐Ÿ‘Š Rich experience of website building from scratch. ๐Ÿ‘Š Creative eyes and idea โœ… Skill set ๐Ÿ”น Blockchain, Ethereum, Smart Contract, Solidity, Web3 ๐Ÿ”น Angular, ReactJS, React Native, Flutter,Vue ๐Ÿ”น NodeJS, Express, Laravel, Django ๐Ÿ”น SQL(MySQL,), NoSQL(MongoDB, CouchDB), Firebase ๐Ÿ”น HTML5, CSS, Sass/Less, Bootstrap ๐Ÿ”น PHP, Javascript, jQuery, DHTMLX, Typescript, D3.js, Socket.IO, Three.js ๐Ÿ”นLaravel, CI, Think PHP ๐Ÿ”น Webpack, Gulp, Babel ๐Ÿ”น UI/UX, Responsive Web Design If you have any projects, please let me know. Thank you
31 Replies
fero
feroโ€ข3y ago
What?
Dragzx
Dragzxโ€ข3y ago
You missed the self promote channel by 2 channels.
fero
feroโ€ข3y ago
they left lmao good, their GitHub sucked anyway
fero
feroโ€ข3y ago
GitHub
GitHub - shinobi8894/modern-css-initialize: In this repo, we will c...
In this repo, we will cover some interesting features from CSS3, best practices for writing styles for your application, and cool tips for making your CSS better. - GitHub - shinobi8894/modern-css-...
fero
feroโ€ข3y ago
every property { all: unset } is the most efficient and most performant reset
:where(abbr), :where(address), :where(area), :where(article), :where(aside), :where(audio), :where(b), :where(base), :where(bdi), :where(bdo), :where(big), :where(blockquote), :where(body), :where(br), :where(caption), :where(cite), :where(code), :where(col), :where(colgroup), :where(data), :where(datalist), :where(dd), :where(del), :where(details), :where(dfn), :where(dialog), :where(dl), :where(dt), :where(em), :where(embed), :where(fieldset), :where(figcaption), :where(figure), :where(footer), :where(form), :where(h1), :where(h2), :where(h3), :where(h4), :where(h5), :where(h6), :where(head), :where(header), :where(hgroup), :where(hr), :where(i), :where(input), :where(ins), :where(kbd), :where(keygen), :where(label), :where(legend), :where(li), :where(link), :where(main), :where(map), :where(mark), :where(menu), :where(menuitem), :where(meta), :where(meter), :where(nav), :where(object), :where(ol), :where(optgroup), :where(option), :where(output), :where(param), :where(picture), :where(pre), :where(progress), :where(q), :where(rp), :where(rt), :where(ruby), :where(s), :where(samp), :where(slot), :where(script), :where(section), :where(select), :where(small), :where(source), :where(strong), :where(style), :where(sub), :where(summary), :where(sup), :where(table), :where(template), :where(tbody), :where(td), :where(textarea), :where(tfoot), :where(th), :where(thead), :where(time), :where(title), :where(tr), :where(track), :where(u), :where(ul), :where(var), :where(wbr), :where(div), :where(span), :where(button), :where(p), :where(a) {
all: unset;
display: revert;
}
:where(abbr), :where(address), :where(area), :where(article), :where(aside), :where(audio), :where(b), :where(base), :where(bdi), :where(bdo), :where(big), :where(blockquote), :where(body), :where(br), :where(caption), :where(cite), :where(code), :where(col), :where(colgroup), :where(data), :where(datalist), :where(dd), :where(del), :where(details), :where(dfn), :where(dialog), :where(dl), :where(dt), :where(em), :where(embed), :where(fieldset), :where(figcaption), :where(figure), :where(footer), :where(form), :where(h1), :where(h2), :where(h3), :where(h4), :where(h5), :where(h6), :where(head), :where(header), :where(hgroup), :where(hr), :where(i), :where(input), :where(ins), :where(kbd), :where(keygen), :where(label), :where(legend), :where(li), :where(link), :where(main), :where(map), :where(mark), :where(menu), :where(menuitem), :where(meta), :where(meter), :where(nav), :where(object), :where(ol), :where(optgroup), :where(option), :where(output), :where(param), :where(picture), :where(pre), :where(progress), :where(q), :where(rp), :where(rt), :where(ruby), :where(s), :where(samp), :where(slot), :where(script), :where(section), :where(select), :where(small), :where(source), :where(strong), :where(style), :where(sub), :where(summary), :where(sup), :where(table), :where(template), :where(tbody), :where(td), :where(textarea), :where(tfoot), :where(th), :where(thead), :where(time), :where(title), :where(tr), :where(track), :where(u), :where(ul), :where(var), :where(wbr), :where(div), :where(span), :where(button), :where(p), :where(a) {
all: unset;
display: revert;
}
L A B E
L A B Eโ€ข3y ago
thought you were recruiting ๐Ÿ˜‚ glad he left
Dragzx
Dragzxโ€ข3y ago
special episode of Fero fixes when
fero
feroโ€ข3y ago
thankfully no, I don't think we'll ever have more people on our team than now director's cut
Dragzx
Dragzxโ€ข3y ago
fullstack
Abรธd
Abรธdโ€ข3y ago
Ballsack
fero
feroโ€ข3y ago
bro knows how to center a div
L A B E
L A B Eโ€ข3y ago
LMAO
Dragzx
Dragzxโ€ข3y ago
L A B E
L A B Eโ€ข3y ago
those gradients??
fero
feroโ€ข3y ago
the names ???
Dragzx
Dragzxโ€ข3y ago
lol
Dragzx
Dragzxโ€ข3y ago
escape the matrix or whatever
Dragzx
Dragzxโ€ข3y ago
yea
Dragzx
Dragzxโ€ข3y ago
hmmm
L A B E
L A B Eโ€ข3y ago
ik ik but i mean, they suck, uhm how do I say it. a bit?
Dragzx
Dragzxโ€ข3y ago
Depends on what you're using these "love gradients" for.
L A B E
L A B Eโ€ข3y ago
for (trying to) conquer fero's heart
fero
feroโ€ข3y ago
lol
L A B E
L A B Eโ€ข3y ago
๐Ÿ˜‚
fero
feroโ€ข3y ago
fjdkdjanska is this inline styling in react
Dragzx
Dragzxโ€ข3y ago
I've no idea here's the full thing:
.img-gradient-1:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%, rgba(254, 214, 227, 0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254, 214, 227, 0.5)), color-stop(100%,rgba(254, 214, 227, 0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fc79', endColorstr='#96e6a1',GradientType=0 ); /* IE6-9 */
}
.img-gradient-1:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%, rgba(254, 214, 227, 0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254, 214, 227, 0.5)), color-stop(100%,rgba(254, 214, 227, 0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(168, 237, 234, 0.5) 0%,rgba(254, 214, 227, 0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fc79', endColorstr='#96e6a1',GradientType=0 ); /* IE6-9 */
}
fero
feroโ€ข3y ago
i have never seen that syntax in my entire life
Dragzx
Dragzxโ€ข3y ago
same.
fero
feroโ€ข3y ago
which probably explains why it's IE trolley
L A B E
L A B Eโ€ข3y ago
chat gpt3 syntax:
Dragzx
Dragzxโ€ข3y ago
Apparently it processes an element's rendering before it is displayed in the document by adding one or multiple filter effects Moral of the story :Don't ever link your Github and self promo cause we will be judging.

Did you find this page helpful?