Scott Logic·4yNoJS - 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.
System Weakness·4yHow 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.
Product Hunt·4yclay.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.
Hacker News·4yA 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.
DevDojo·4y5 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.
freeCodeCamp·4yHTML 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.
This is Learning·4yThe 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.
DEV·4y5 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.
Tuts+·4y20+ 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.
gitconnected·4ySvelte: 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.
ITNEXT·4yAccessibility 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.
freeCodeCamp·4yHow 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.