Posts

Showing posts with the label HTML

Resources for content creators , webmasters, html coders

Image
Resources for content creators, webmasters, html coders Photo services: picsum.photos  - The Lorem Ipsum for photos. https://unsplash.com/  - Free web photos https://pexels.com - Free stock photo website https://pixabay.com/  - Stunning royalty-free images & royalty-free stock CSS, HTML, Color, Pallete, Font services: https://codeguide.co  - guide for clean & structured HTML, CSS https://caniuse.com/  - checking that your technology supported by the browsers (CSS) http://colours.neilorangepeel.com  - a great tool for choosing colours for the site (hex, rgb) https://css-tricks.com/examples/HSLaExplorer - the  same tool for choosing colour but for hsla coolors.co/app  - is to create a palette randoma11y.com  - Randoma11y - Accessible color combinations https://specificity.keegan.st/  - CSS specificity calculator https://www.webfx.com/web-design/hex-to-rgb/  - hex to rgb https://cssfontstack.com ...

Frontend'er tools (unfinished)

Image
Frontend'er tools  https://github.com/mdn - MDN Web Docs is an open-source, collaborative project that documents web platform technologies, including CSS, HTML, JavaScript, and Web APIs. We also provide extensive 🧑‍🎓 learning resources for beginning developers and students. https://jsbin.com/?html,output  - JS Bin is a tool for experimenting with web languages. In particular HTML, CSS and JavaScript, but JS Bin also supports other languages (like Markdown, Jade and Sass). https://glitch.com/ - Glitch is the friendly place where everyone builds the web. Start a new blog , play with React , or build new worlds with WebXR . Let’s go! pnpm - Fast, disk space-efficient package manager https://react-hook-form.com - React form library https://usehooks.com - A tons of using hooks https://jqlang.github.io/jq/ - jq is a lightweight and flexible command-line JSON processor. JavaScript Playground  - cool frontend sandbox Validation: yup  & zod  , compar...

Открытие результатов формы в новом окне (вкладке)

Открытие результатов формы в новом окне (вкладке) ‹form target="_blank"› - в новом окне (вкладке) Атрибут target | htmlbook.ru

Как сделать вместо кнопки submit картинку?

Как сделать вместо кнопки submit картинку? : .submit { background: transparent url(‘путь к картинке’) no-repeat center top; border: 0; margin: 0; padding:0; width: 100px; // длина кнопки height: 25px; // высота кнопки text-indent: -1000em; // убираем текст cursor: pointer; cursor: hand; }