The Moving to HTTPS Guide

Resources
Excerpt

A community site to help site owners migrate to HTTPS with a simple tested process. Allowing you to filter the plan based on multiple platforms (WordPress, Magento, and more), hosting environments (cPanel, Apache, and more) along with the level of control / access you have over the site. All code is available on GithHub!  

Open Color – An open-source color scheme

Codes
Excerpt

Open Color is an open-source scheme optimized for UI like Font, Background, Border, etc. Goals: All colors shall have adequate use Provide general color for UI design All colors will be beautiful in itself and harmonious At the same brightness level, the perceived brightness will be constant Note: All the color is tested on deuteranopia…

CSS Reference – A visual Guide to CSS

Codes
Excerpt

Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. The content of this project itself is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

You Might Not Need JavaScript

Codes
Excerpt

JavaScript is great, and by all means use it, while also being aware that you can build so many functional UI components without the additional dependancy. Una Kravets (@una) took a look at the power of modern native HTML and CSS as well as some of the syntactic sugar of Sass. Because, you might not…

wysiwyg.css (collection of styles)

Codes
Excerpt

Style your TinyMCE or Markdown generated content with a single CSS class, wysiwyg.css file is a simple collection of styles targeted at HTML elements generated from a WYSIWYG editor (like TinyMCE) or Markdown. Its purpose are: readability: both the spacing and colors are visually balanced simplicity: you only need a single class to style all…

Freebie: gonzocons 2.0 (Icon Font)

Fonts
Excerpt

A free icon font containing 100 line icons for web designers and developers called “gonzocons 2.0“, works perfectly and easy to embed in your apps or web projects. Icon fonts, just like other web fonts, use the CSS @font-face rule to display icons in web browsers. The download package (.ZIP file) includes all the various web font formats…

Bulma, a CSS framework based on Flexbox

Codes
Excerpt

Bulma is a CSS framework, as such, the sole output is a single CSS file. You can either use that file, “out of the box”, or download the Sass source files to customize the variables. There is no JavaScript included, so you can use your own JS implementation. Therefore Bulma can be considered “environment agnostic”:…

Usage examples for CSS Grid Layout

Codes
Excerpt

The CSS Grid Layout specification is one of a few new specifications that are redefining how we approach layout for the web. Alongside Flexbox and the Box Alignment Module it will become part of a modern layout system for websites and web applications. This site is growing collection of examples, with the aim of helping…

Type Nugget Alpha – an online typesetting tool

Tools
Excerpt

The Type Nugget Alpha, an online typesetting tool that will eventually make all of your online typesetting dreams come true. The Type Nugget was builded to streamline the design-to-development stage of your workflow. The Type Nugget Alpha let’s you design some hella fine web type painlessly via a pleasant user interface, knowing exactly what your content…

PerfTool: Display Performance Statistics

Performance
Excerpt

Collect various information about your website and displays it in an easy-to-digest manner on the reports page. This is a npm package to display statistics about your web pages, including Google PageSpeed Insights score, resources count, recommendations how to fix performace issues, html errors and many more in one custom web page. This package mainly…