Skip to content

Commit

Permalink
Update intro.md
Browse files Browse the repository at this point in the history
https://technologyvdd.blogspot.com/<div><div>Positively! Here are some innovation subject thoughts alongside brief article models for each:</div><div><br /></div><div>The Effect of Man-made Reasoning Hands on the Market</div><div><br /></div><div>Model: Man-made consciousness and mechanization are changing the scene of business. While some trepidation work relocation, others contend that computer-based intelligence can set out new open doors. This exposition investigates the two sides of the discussion and inspects the potential for man-made intelligence to change enterprises.</div><div><br /></div><div>The Job of Innovation in Schooling</div><div><br /></div><div>Model: Innovation has upset training by empowering internet learning, customized guidance, and admittance to a huge measure of data. This article talks about the advantages and difficulties of incorporating innovation into study halls and the potential for further developed learning results.</div><div><br /></div><div>Online Protection in the Computerized Age</div><div><br /></div><div>Model: With the rising dependence on computerized frameworks, network protection has turned into a basic concern. This exposition dives into the advancing scene of network safety dangers and the actions people and associations can take to safeguard their information and security.</div><div><br /></div><div>The Moral Ramifications of Biotechnology and Hereditary Designing</div><div><br /></div><div>Model: Biotechnology and hereditary design hold monstrous commitments in fields like medication and farming. Be that as it may,moral predicaments emerge concerning hereditary control, cloning, and planning infants. This paper investigates the moral contemplations encompassing these advances.</div><div><br /></div><div>The Ecological Effect of Innovation</div><div><br /></div><div>Model: As innovation progresses, it frequently has unseen side effects on the climate. This exposition analyzes the natural effect of tech areas, for example, hardware production, server farms, and transportation, and examines practical tech arrangements.</div><div><br /></div><div>The Fate of Room Investigation and Colonization</div><div><br /></div><div>Model: Progressions in space innovation have revived interest in space investigation and the expected colonization of different planets. This exposition estimates on the eventual fate of room travel, the job of privately owned businesses like SpaceX, and the moral contemplations of room colonization.</div><div><br /></div><div>Blockchain Innovation and Its Applications Past Digital Money</div><div><br /></div><div>Model: Past digital forms of money like Bitcoin, and blockchain innovation have applications in in-store networks executives, medical services, and casting ballot frameworks. This article investigates how blockchain functions and alters different industries' potential.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUU6RV8orZKRrkr59FNSChz_Ss5d3uasz6kif6bn2wknok2ZOTEOOCcFMSZjPvBWFawAmcCbgwRIeIwic7Fh80RtWhHl_4-DpCtwcG6wtHrKLMpcICbFkPIEHKhhdLWxyQCttAXPN0_qENzJWoEb_gniMm5BJZuNnaRfj-MeaqFXgsseIJk03jE5wIFfI/s1152/63f5fc6f93aa31cc5d696fcc_Q7tAcrl3z8iHKfH4gyYoech93FAARSNqqdIt-S8y_gsN7UL8FiWzrzjwCEyDr8tEeiwxCH3L6htiFgJsGhwhjMU97le5LwCMsTAGbCM8-6vtxUQklrKJMgO0TQvgcB1jfjU69ZDl0xVxt2zSQ6DzIRU.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="426" data-original-width="1152" height="552" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUU6RV8orZKRrkr59FNSChz_Ss5d3uasz6kif6bn2wknok2ZOTEOOCcFMSZjPvBWFawAmcCbgwRIeIwic7Fh80RtWhHl_4-DpCtwcG6wtHrKLMpcICbFkPIEHKhhdLWxyQCttAXPN0_qENzJWoEb_gniMm5BJZuNnaRfj-MeaqFXgsseIJk03jE5wIFfI/w626-h552/63f5fc6f93aa31cc5d696fcc_Q7tAcrl3z8iHKfH4gyYoech93FAARSNqqdIt-S8y_gsN7UL8FiWzrzjwCEyDr8tEeiwxCH3L6htiFgJsGhwhjMU97le5LwCMsTAGbCM8-6vtxUQklrKJMgO0TQvgcB1jfjU69ZDl0xVxt2zSQ6DzIRU.png" width="626" /></a></div><br /><div><br /></div><div><br /></div><div>The Effect of Web-based Entertainment on Society and Psychological Wellness</div><div><br /></div><div>Model: The ascent of virtual entertainment has changed how individuals impart, yet it affects psychological well-being, security, and the spread of deception. This exposition talks about the positive and adverse consequences of web-based entertainment on society.</div><div><br /></div><div>The Commitment and Risks of Quantum Processing</div><div><br /></div><div>Model: Quantum figuring can possibly take care of mind-boggling issues that are at present past traditional PCs. Notwithstanding, it likewise represents a danger to encryption frameworks. This exposition investigates the progressive potential and security ramifications of quantum processing.</div><div><br /></div><div>The Job of Innovation in Medical Care</div><div><br /></div><div>Model: Innovation is changing medical care with advancements like telemedicine, wearable well-being gadgets, and simulated intelligence-helped diagnostics. This paper inspects how these advancements are working on tolerant consideration, decreasing expenses, and tending to medical care variations.</div><div><br /></div><div>These theme thoughts can act as beginning stages for expositions, research papers, or conversations on different parts of innovation. Contingent upon your particular advantages and the extent of your task, you can limit these subjects or join them to make a convincing and well-informed piece.</div></div><div><br /></div>
  • Loading branch information
sardararticle authored Sep 17, 2023
1 parent 6d17e19 commit 2b95dd4
Showing 1 changed file with 1 addition and 118 deletions.
119 changes: 1 addition & 118 deletions docs/intro.md
Original file line number Diff line number Diff line change
@@ -1,118 +1 @@
# Introduction

JSS is an authoring tool for CSS which allows you to use JavaScript to describe styles in a declarative, conflict-free and reusable way. It can compile in the browser, server-side or at build time in Node.

JSS is framework agnostic. It consists of multiple packages: the core, plugins, framework integrations and others.

## Online Playgrounds

If you’re interested in playing around with JSS, you can use an online code playground. Try a Hello World example on CodeSandbox.

- [JSS](https://codesandbox.io/s/z21lpmvv33)
- [React-JSS](https://codesandbox.io/s/j3l06yyqpw)

## Online Compiler

https://cssinjs.org/repl

## Third-party API adapters

- [Styled-JSS](https://github.com/cssinjs/styled-jss/) - styled-components like API.
- [Glamor-JSS](https://github.com/dan-lee/glamor-jss/) - glamor flavored CSS with JSS under the hood.
- [Aphrodite-JSS](https://github.com/cssinjs/aphrodite-jss/) - aphrodite like API.

## JSS Example

```javascript
import jss from 'jss'
import preset from 'jss-preset-default'
import color from 'color'

// One time setup with default plugins and settings.
jss.setup(preset())

const styles = {
'@global': {
body: {
color: 'green'
},
a: {
textDecoration: 'underline'
}
},
withTemplates: `
border-radius: 3px;
background-color: green;
color: red;
margin: 20px 40px;
padding: 10px;
`,
button: {
fontSize: 12,
'&:hover': {
background: 'blue'
}
},
ctaButton: {
extend: 'button',
'&:hover': {
background: color('blue').darken(0.3).hex()
}
},
'@media (min-width: 1024px)': {
button: {
width: 200
}
}
}

const {classes} = jss.createStyleSheet(styles).attach()

document.body.innerHTML = `
<button class="${classes.button}">Button</button>
<button class="${classes.ctaButton}">CTA Button</button>
`
```

## React-JSS Example

```javascript
import React from 'react'
import {render} from 'react-dom'
import {createUseStyles} from 'react-jss'

// Create your Styles. Remember, since React-JSS uses the default preset,
// most plugins are available without further configuration needed.
const useStyles = createUseStyles({
myButton: {
color: 'green',
margin: {
// jss-expand gives more readable syntax
top: 5, // jss-default-unit makes this 5px
right: 0,
bottom: 0,
left: '1rem'
},
'& span': {
// jss-nested applies this to a child span
fontWeight: 'bold' // jss-camel-case turns this into 'font-weight'
}
},
myLabel: {
fontStyle: 'italic'
}
})

const Button = ({children}) => {
const classes = useStyles()
return (
<button className={classes.myButton}>
<span className={classes.myLabel}>{children}</span>
</button>
)
}

const App = () => <Button>Submit</Button>

render(<App />, document.getElementById('root'))
```
https://technologyvdd.blogspot.com/<div><div>Positively! Here are some innovation subject thoughts alongside brief article models for each:</div><div><br /></div><div>The Effect of Man-made Reasoning Hands on the Market</div><div><br /></div><div>Model: Man-made consciousness and mechanization are changing the scene of business. While some trepidation work relocation, others contend that computer-based intelligence can set out new open doors. This exposition investigates the two sides of the discussion and inspects the potential for man-made intelligence to change enterprises.</div><div><br /></div><div>The Job of Innovation in Schooling</div><div><br /></div><div>Model: Innovation has upset training by empowering internet learning, customized guidance, and admittance to a huge measure of data. This article talks about the advantages and difficulties of incorporating innovation into study halls and the potential for further developed learning results.</div><div><br /></div><div>Online Protection in the Computerized Age</div><div><br /></div><div>Model: With the rising dependence on computerized frameworks, network protection has turned into a basic concern. This exposition dives into the advancing scene of network safety dangers and the actions people and associations can take to safeguard their information and security.</div><div><br /></div><div>The Moral Ramifications of Biotechnology and Hereditary Designing</div><div><br /></div><div>Model: Biotechnology and hereditary design hold monstrous commitments in fields like medication and farming. Be that as it may,moral predicaments emerge concerning hereditary control, cloning, and planning infants. This paper investigates the moral contemplations encompassing these advances.</div><div><br /></div><div>The Ecological Effect of Innovation</div><div><br /></div><div>Model: As innovation progresses, it frequently has unseen side effects on the climate. This exposition analyzes the natural effect of tech areas, for example, hardware production, server farms, and transportation, and examines practical tech arrangements.</div><div><br /></div><div>The Fate of Room Investigation and Colonization</div><div><br /></div><div>Model: Progressions in space innovation have revived interest in space investigation and the expected colonization of different planets. This exposition estimates on the eventual fate of room travel, the job of privately owned businesses like SpaceX, and the moral contemplations of room colonization.</div><div><br /></div><div>Blockchain Innovation and Its Applications Past Digital Money</div><div><br /></div><div>Model: Past digital forms of money like Bitcoin, and blockchain innovation have applications in in-store networks executives, medical services, and casting ballot frameworks. This article investigates how blockchain functions and alters different industries' potential.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUU6RV8orZKRrkr59FNSChz_Ss5d3uasz6kif6bn2wknok2ZOTEOOCcFMSZjPvBWFawAmcCbgwRIeIwic7Fh80RtWhHl_4-DpCtwcG6wtHrKLMpcICbFkPIEHKhhdLWxyQCttAXPN0_qENzJWoEb_gniMm5BJZuNnaRfj-MeaqFXgsseIJk03jE5wIFfI/s1152/63f5fc6f93aa31cc5d696fcc_Q7tAcrl3z8iHKfH4gyYoech93FAARSNqqdIt-S8y_gsN7UL8FiWzrzjwCEyDr8tEeiwxCH3L6htiFgJsGhwhjMU97le5LwCMsTAGbCM8-6vtxUQklrKJMgO0TQvgcB1jfjU69ZDl0xVxt2zSQ6DzIRU.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="426" data-original-width="1152" height="552" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUU6RV8orZKRrkr59FNSChz_Ss5d3uasz6kif6bn2wknok2ZOTEOOCcFMSZjPvBWFawAmcCbgwRIeIwic7Fh80RtWhHl_4-DpCtwcG6wtHrKLMpcICbFkPIEHKhhdLWxyQCttAXPN0_qENzJWoEb_gniMm5BJZuNnaRfj-MeaqFXgsseIJk03jE5wIFfI/w626-h552/63f5fc6f93aa31cc5d696fcc_Q7tAcrl3z8iHKfH4gyYoech93FAARSNqqdIt-S8y_gsN7UL8FiWzrzjwCEyDr8tEeiwxCH3L6htiFgJsGhwhjMU97le5LwCMsTAGbCM8-6vtxUQklrKJMgO0TQvgcB1jfjU69ZDl0xVxt2zSQ6DzIRU.png" width="626" /></a></div><br /><div><br /></div><div><br /></div><div>The Effect of Web-based Entertainment on Society and Psychological Wellness</div><div><br /></div><div>Model: The ascent of virtual entertainment has changed how individuals impart, yet it affects psychological well-being, security, and the spread of deception. This exposition talks about the positive and adverse consequences of web-based entertainment on society.</div><div><br /></div><div>The Commitment and Risks of Quantum Processing</div><div><br /></div><div>Model: Quantum figuring can possibly take care of mind-boggling issues that are at present past traditional PCs. Notwithstanding, it likewise represents a danger to encryption frameworks. This exposition investigates the progressive potential and security ramifications of quantum processing.</div><div><br /></div><div>The Job of Innovation in Medical Care</div><div><br /></div><div>Model: Innovation is changing medical care with advancements like telemedicine, wearable well-being gadgets, and simulated intelligence-helped diagnostics. This paper inspects how these advancements are working on tolerant consideration, decreasing expenses, and tending to medical care variations.</div><div><br /></div><div>These theme thoughts can act as beginning stages for expositions, research papers, or conversations on different parts of innovation. Contingent upon your particular advantages and the extent of your task, you can limit these subjects or join them to make a convincing and well-informed piece.</div></div><div><br /></div>

0 comments on commit 2b95dd4

Please sign in to comment.