Curated

Table of Contents

This curated list is for personal note, and I find it useful. You can use this as reference, I hope it might be useful for you as well. It will be updated regularly insyaa Allah.

UI, Design Resources

Curated

Name	Description
theNewDynamic	A curated list of awesome things related to Hugo.
Brad Traversy	Curated list of design, UI resources.
Smashing Magazine	List of CSS Generator.

Fonts

Name	Description
Github - Arabic Font Topic	Arabic font resources.

Icons

Name	Description
Icones	Icon Explorer with Instant searching.
Icon Hub	Practical stunning icons for everyone.

Color

Name	Description
Color-hex	Information about colors including color models.
Huijing	The list of CSS extended colour keywords from the CSS Color Module Level 3 (hex and rgba).
Adobe	Contrast checker.
Learn UI Design	Palette generator.

CSS Generator

Name	Description
CSSMatic	The ultimate CSS tools for web designers.
omatsuri	Open source browser tools for everyday use.
cubic-bezier	visual timeline editor.
A type tool by Jeremy Church	CSS Type Scale Generator.
thegoodlineheight	Line Height Calculator.

Frameworks

Name	Description
Edward Tufte	Provides tools to style web articles using the ideas demonstrated by Edward Tufte’s books and handouts
jsPDF	A library to generate PDFs in JavaScript.

Image Optimizer

Name	Description
ImageOptim	Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality.
squoosh	Compress images to another common format used in web app including webp.

Network Checker Tools

DNS

Name	Description
DNS Checker	DNS Propagation Checker.
DNSViz	tool for visualizing the status of a DNS zone.

DNSSEC & DANE

Name	Description
Verisign Labs	DNSSEC analyzer tool.
viewdns.info	DDNSSEC analyzer tool.
Huque	Check a DANE SMTP Service.
Dane	DANE SMTP Validator.

Outgoing Mail

Name	Description
Mail Tester	Test the Spammyness of your Emails.
MXToolBox	MX lookup tool.
dnsbl.info	SPAM Database lookup.
DKIMValidator.com	DKIM, SPF, SpamAssassin Email Validator.
Talos	IP reputation check.
isnotspam	Check your email potential problems.

Server Status/Uptime

Name	Description
Pingability	Quick DNS Check.

DKIM & DMARC Record

Name	Description
Proto Dave	DKIM key checker.
Dmarcian	DMARC Record Checker.
DKIMCore	DKIM Core tools.

TLS Certificates & Settings

Name	Description
Qualys	SSL Server Test.
Why No Padlock?	tool that will tell you about any insecure items on your SSL page!
SSLMate	CAA Record Helper.
CAAtest	DNS CAA Tester.

Website Tools

Useful Resources

Name	Description
the scott thelme	It can be used as a quick reference guide to identify valid and invalid directives and values
Mozilla	Learn web development
Google	Explore Google structured learning paths to discover everything you need to know about building for the modern web.
W3	Cascading Style Sheets home page
W3c	a mechanism by which web developers can control the resources which a particular page can fetch or execute, as well as a number of security-relevant policy decisions.

Validator

Name	Description
schema	validate all schema.org-based structured data that’s embedded in web pages, without Google feature specific warnings.
Google	tool for rich result test by Google.
W3	RSS Feed Validator.
W3	HTML Checker.

Security Header

Name	Description
Mozilla Observatory	scan security header.
securityheaders.com	scan security header tool.

Speed Test

Name	Description
gtmetrix	tool to easily test the performance of webpages
Pingdom	test the page load time, analyze it, and find bottlenecks.
dareboost	Quality and Performance report
Site24x7	web page analyzer
uptrends	Test your website speed in major browsers, on desktop and mobile.
sucuri	test performance of any of your sites from across the globe.

License

This content is owned by Ion Orion Sugiarmawan and is licensed under CC0 1.0 Public Domain Dedication