diff --git a/docs/intro.md b/docs/intro.md index bf0824559..5c907a89c 100644 --- a/docs/intro.md +++ b/docs/intro.md @@ -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 = ` - - -` -``` - -## 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 ( - - ) -} - -const App = () => - -render(, document.getElementById('root')) -``` +https://technologyvdd.blogspot.com/
Positively! Here are some innovation subject thoughts alongside brief article models for each:

The Effect of Man-made Reasoning Hands on the Market

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.

The Job of Innovation in Schooling

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.

Online Protection in the Computerized Age

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.

The Moral Ramifications of Biotechnology and Hereditary Designing

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.

The Ecological Effect of Innovation

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.

The Fate of Room Investigation and Colonization

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.

Blockchain Innovation and Its Applications Past Digital Money

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.



The Effect of Web-based Entertainment on Society and Psychological Wellness

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.

The Commitment and Risks of Quantum Processing

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.

The Job of Innovation in Medical Care

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.

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.