- Centering 101
- vertical and horizontal centering in any situation
- Import vs link
- flexbox vs grid
- Pseudo elements
- what, how and why
- bem vs. smacss
- oocss
- Intro to Bulma
- family.scss and other cool libraries
View index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>Nasa prva web stranica</title> | |
</head> | |
<body> | |
<h1> Moj prvi heading. </h1> | |
<h2> Moj drugi heading. </h2> | |
</body> | |
</html> |
View es6_syntax_sugars.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//why is es6 important | |
/* | |
lots of syntax sugar | |
faster solutions | |
cleaner solutions | |
*/ | |
// arrow functions |
View ideas_for_meetups.md
View Filter.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
const KeywordHighlighter = (props) => { | |
const allowedKeywords = ["dosage", "happy", "sunny"]; // just some random words that would be highlighted | |
const filteredKeywords = allowedKeywords.filter((word) => props.value.includes(word)); | |
return ( | |
<div> | |
<textarea | |
type="text" | |
name="keyword" |
View step4.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const incrementCount = ( {incrementBy = 1 } = {} ) => { | |
return { | |
type: 'INCREMENT', | |
incrementBy | |
} | |
} |
View step3.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const incrementCount = ( {incrementBy = 1 } = {} ) => { | |
console.log(incrementBy) // propery on the payload object | |
/* | |
payload = { | |
incrementBy: 5 | |
} | |
*/ | |
return { | |
type: 'INCREMENT', | |
incrementBy: incrementBy |
View step2.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const incrementCount = ( {incrementBy} = {} ) => { | |
console.log(incrementBy) // propery on the payload object | |
/* | |
payload = { | |
incrementBy: 5 | |
} | |
*/ | |
return { | |
type: 'INCREMENT', | |
incrementBy: typeof incrementBy === "number" ? incrementBy : 1 |
View step1.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// action generator returns action object!! | |
const incrementCount = ( payload = {} ) => { | |
// if payload doesn't exist it defaults to {} | |
// calling property on undefined object will throw an error | |
// payload is an object passed to incrementCount | |
return { | |
// returns new action object! | |
type: 'INCREMENT', | |
incrementBy: typeof payload.incrementBy === "number" ? payload.incrementBy : 1 | |
} |
View m.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url('https://fonts.googleapis.com/css?family=Poppins'); | |
/*------------------------------General--------------------------*/ | |
body { | |
font-family: 'Poppins', sans-serif; | |
} | |
section { | |
margin-left: 100px; | |
margin-right: 100px; |
View horrible_landing_pages
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://www.nlpcentar.hr/najava-treninga/ | |
https://gizmodo.com/23-ancient-web-sites-that-are-still-alive-5960831 |
NewerOlder