html Cacher Pro Tips

Posted 2021-05-10

## Getting Started

Snippets are the most useful when you want to re-use a command or a specific code pattern. Here are a few we have in our library:

- *How to delete a git tag*
- *Nginx configuration for staging server*
- *Crash handler AWS Lambda function*

## Label everything

Labels are a great way to organize your snippets. A good practice is to have one for every major product feature. We've created the first label for you - **Documentation**.

## Integrations
- [Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=Cacher.cacher-vscode) -  Create snippets from selected text and insert them quickly with our powerful extension for VSCode.
- [Atom](https://atom.io/packages/cacher) - Create and insert Cacher snippets from within the Atom editor.
- [Sublime Text](https://packagecontrol.io/packages/Cacher) - Our open-source package for Sublime adds popular snippet commands.
- [Cacher CLI](https://github.com/cacherapp/cacher-cli) - The command-line interface to Cacher. Use it to create snippets from clipboard contents and system files.
- [Alfred Workflow](https://github.com/CacherApp/alfred-cacher) - Open source workflow for the macOS Alfred desktop launcher. Search for a snippet from any editor/IDE.

## Share with the world

[snippets.cacher.io](https://snippets.cacher.io) is our community for Cacher users. Every snippet from your library has a public-facing page on the site. Check out the **SHARE PAGE** control at the top of this snippet to see its URL.

## Join a team and spread knowledge

Teams allow you and your colleagues to build a shared knowledge base. Use [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) to write beautifully formatted documentation.

## Keyboard shortcuts

Use these [keyboard shortcuts](https://support.cacher.io/hc/en-us/articles/115000953672-Keyboard-Shortcuts) to get around Cacher quickly.

## Themes

Don't like working with a bright interface? Try switching to a dark theme: **User Dropdown > Personal Settings > Themes**. [Learn more](https://support.cacher.io/hc/en-us/articles/360002743332-Themes) about themes.
## Resources
- [Submit a help request](https://support.cacher.io/hc/en-us/requests/new) - Questions or concerns? Let us know.
- [Feature requests](https://support.cacher.io/hc/en-us/community/topics/115000110372-Feature-Requests) - What would you like to see Cacher do?
- [Bug reports](https://support.cacher.io/hc/en-us/community/topics/115000110352-Bug-Reports) - Report issues you find with the Cacher experience.

body {background: red;}

<main role="main" id="main" class="main">
		<div class="row-main">
			<h1>
				Záložky – taby
			</h1>


			<div class="b-tabs js-tabs">
				<ul class="b-tabs__list grid">
					<li class="b-tabs__item grid__cell size--auto">
						<a href="#tab-1" class="b-tabs__link js-tabs__link is-active">
							Tab 1
						</a>
					</li>
					<li class="b-tabs__item grid__cell size--auto">
						<a href="#tab-2" class="b-tabs__link js-tabs__link">
							Tab 2
						</a>
					</li>
					<li class="b-tabs__item grid__cell size--auto">
						<a href="#tab-3" class="b-tabs__link js-tabs__link">
							Tab 3
						</a>
					</li>
				</ul>

				<div id="tab-1" class="b-tabs__fragment js-tabs__fragment is-active">
					<h2>
						Obsah tabu 1
					</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, quia odio perspiciatis neque facere praesentium non aliquid eaque distinctio earum quidem ut sequi cum iusto molestiae ad, natus doloremque magni.
					</p>
				</div>
				<div id="tab-2" class="b-tabs__fragment js-tabs__fragment">
					<h2>
						Obsah tabu 2
					</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit mollitia ad enim nobis saepe reiciendis iste eos, quibusdam ab provident beatae, excepturi qui ut vel ullam, illum adipisci sapiente reprehenderit.
					</p>
				</div>
				<div id="tab-3" class="b-tabs__fragment js-tabs__fragment">
					<h2>
						Obsah tabu 3
					</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe quam eos accusantium optio temporibus illum, cum autem exercitationem, magnam natus facere consequatur officia error repudiandae fuga odit est ullam! Expedita!
					</p>
				</div>
			</div>



		</div>
	</main>