Best of HTMLJanuary 2022

  1. 1
    Article
    Avatar of scottlogicScott Logic·4y

    NoJS - Creating a calculator with only pure HTML and CSS. No Javascript!

    I have created this pixel art app and this calculator. No JavaScript is simple, no JS file, no script tag and no use of event handlers in HTML. I elected not to use these for this project, just to start simple. You can view my full codebase here.

  2. 2
    Article
    Avatar of systemweaknessSystem Weakness·4y

    How I steal your credentials 😎

    In this blog I want to show you how easy it is to create a pishing campaign to target a company or simply an individual with the intention of appropriating someone else’s credentials. Disclaimer, this blog is for educational purposes only! To do this we simply need: Linux OS, setoolkit, Ngrok and a simple HTML template.

  3. 3
    Article
    Avatar of phProduct Hunt·4y

    clay.css - CSS util for creating inflated fluffy 3D claymorphic shapes

    Micro CSS util class for applying inflated fluffy 3D claymorphism styles to HTML elements. Fully customizable and extensible with CSS variables. SASS mixin also included for even more styling options. For more information on how to use Micro CSS, visit the Micro CSS website.

  4. 4
    Article
    Avatar of hnHacker News·4y

    A classless CSS framework

    Simple.css is a classless CSS framework that makes semantic HTML look good, really quickly. By using something like Simple.css, it provides the basics to get up and running quickly (or just use it as is for a simple, good looking site) Yet not have to learn an extremely convoluted framework, like Bootstrap.

  5. 5
    Article
    Avatar of devdojoDevDojo·4y

    5 programming languages that can make it big in 2022

    Programming languages are the foundation of all technical advancements. You should begin by mastering one language and gaining a strong command of it. Then you can move on to the next one, and so on. The domain in which you are interested determines whether or not you should learn a language.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    HTML Best Practices – How to Build a Better HTML-Based Website

    HTML is the backbone of any website. If you don't follow the best practices, you will create a bad user experience for the web user. Here are some guidelines to keep in mind when building an HTML-based website. Use only one <h1> element for one code sheet. Don't skip heading levels in HTML.

  7. 7
    Article
    Avatar of tilThis is Learning·4y

    The Return of Server Side Routing

    For better or for worse much of the web has been moving to client-side navigation on their sites. JavaScript has blown open the ceiling of what can achieve in a web experience, but it comes with a cost. A cost paid most dearly by those without the best devices or the fastest networks.

  8. 8
    Article
    Avatar of devtoDEV·4y

    5 HTML Input types you are missing!

    input tags in HTML are a way of getting an input from the user. The commonly used input types are text, password, email, number etc. Here are 5 input types that every Web Developer must know! You can now have a color picker in your webpage. Just set type property as color in input tag.

  9. 9
    Article
    Avatar of tuts_plusTuts+·4y

    20+ HTML Forms Best Practices for Beginners

    Forms are made up of inputs inside form tags. Use fieldsets to encapsulate similar fields. Label Fieldsets with Legends. Use the 'for' attribute to bind a label to an input you want to bind it to. If you are using PHP, each input element needs to have a name.

  10. 10
    Article
    Avatar of gcgitconnected·4y

    Svelte: All the Nice Things of a Framework — Without the Framework

    Svelte isn’t even a framework: it’s actually a compiler. It translates its code into pure JavaScript. No overhead code is added in, making the compile time faster. The components themselves are built up similarly to Vue. This makes Svelte easy for people who are not familiar with frameworks. Lastly, this “framework” offers ever-so-easy state management.

  11. 11
    Article
    Avatar of itnextITNEXT·4y

    Accessibility as a design pattern

    Ismayil Khayredinov: Accessibility standards can improve our day-to-day experiences with building front-end interfaces. He argues that they can lead to healthier more readable code, cleaner tests, and better overall architecture of our applications. He says the cornerstone of accessibility is cross-device interoperability of user interfaces.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Create Beautiful Box Shadows in HTML and CSS

    Whenever you're designing a card in HTML, box shadows play a vital role in making the cards stand out. Box shadows can make or break the look and the entire message that that cards need to convey. Box Shadows can help you achieve this and get your customers to notice your products. You can use more than one layer of box shadows in your cards – and you'll likely do this a lot.