kisin

76 Flips | 2 Magazines | 365 Likes | 1 Following | 5 Followers | @kisin | Keep up with kisin on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “kisin”

mini.css React/Preact libraries - Fast, lightweight mini.css components built with React/Preact

React & Preact Libraries Fast, lightweight components<p>If you want to create a progressive web app, utilize a virtual DOM or just fancy trying React …

20 great free resources for learning typography

Whatever design discipline you work in, a decent knowledge and understanding of typography is one of the most important things you need to …

Typography

Designing a simple web page with mini.css

<i>In this series, we will be walking through some basic ideas and techniques that will help you get started with</i> <i>mini.css</i><i>, as well as understand the</i> …

Login Form Design: 20 Free Login Forms You Can Download Right Away

There are many situations when you are required to fill out a login form, thus you’ve definitely seen lots of login forms online, some with more or …

Web Design

Cool User Interface Freebies And Inspiration To Make Your Life Easier

Image by Wenjun via UIPie<p><b>Is your eye for user interface design</b> in line with the latest trends? If you’re a little unsure, there’s really no harm …

The 20 Best Atom Packages for Front End Developers

We all know . With this in mind, a few months ago, I asked front end developers here at Shopify what packages and plugins they couldn’t live …

An Example of Nesting Flexbox inside CSS Grid

About External Resources<p>You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you …

Fluid Responsive Typography With CSS Poly Fluid Sizing

Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be …

Typography

12 CSS Tools which you must have for your Web Design project

CSS (Cascading Style Sheets) is the most important part of the front end side of any web project. There are several CSS tools which are important for …

Web Design

Best Free Logo Design Tools That Will Effectively Save You Time And Money

Screenshot via SquareSpace Logo Design<p><b>It’s long been established</b> that creating a good logo design is imperative to a brand’s success and should …

The 3 Most Lucrative Programming Skills You Can Learn Online for Free

Programming jobs are as hot as ever and there is no end in sight. If you are looking for a secure job with the flexibility to work online from …

Methods for Contrasting Text Against Backgrounds

It started with seeing a recent Pen of Mandy Michael's text effects demos. I'm a very visual creature, so the first thing I noticed was the effect, …

Tutorials

The 10 Best Free Icon Fonts For Web Designers

Open source web fonts let designers radically change their page designs and typographic styles. And some of these web fonts use icon sets to bring …

40 web design freebies to make your life easier

In many ways, working in web design in 2017 has never been more challenging. But on the positive side, there have never been so many free resources …

Freebies

Best courses to learn Javascript in 2017

Javascript it by far the most popular programming language out there. We can build static websites, web applications, native mobile applications, …

FREE FONT FAMILY: Latina Essential from Latinotype

Latina Essential, a free font family from Latinotype.Because of the great amount of highly professional typefaces that have been skillfully designed …

Typography

18 Free Tools to Test Your Website

Need some free help with your website? There are a variety of free tools available to test your website so that it performs well and meets …

Speed up your Workflow with Stunning free and premium Premade Divi Layouts

There was a time when I used to produce website layouts using Photoshop and mount them on A3 black card to present to the client.<br>Once the client was …

Free Stock Photos, Royalty Free Images (CC)

FreePhotos.cc - Free High Quality Images<p><b>Thousands of Free Stock Photos for Commercial and Personal Projects</b><p>Are you looking for the perfect image for …

It’s Time To Start Using CSS Custom Properties

Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. …

JavaScript

Developer/Designer Page Layout Concept

View demo Download sourceToday we’d like to share a simple page layout concept with you. The theme of the page is a developer/designer portfolio …

Web Design

20 best free fonts of 2017

We all love a free font. But with so many new free fonts continually being released, it’s easy to get a little lost.<p>So in this post, we’ve brought …

PURE CSS - GAME

Individualizing CSS Properties with CSS Variables

Individualizing CSS Properties with CSS Variables<p>April 7, 2017<p>In “A Trick: Individual CSS Transform Functions”, I discussed how we could use CSS …

Slip-on Shoes Mockup Set

Meet a photorealistic slip-on shoe mockups of an ultimate quality to showcase amazing prints, logos, textures, scaled from “haute couture” to street …

CSS-Only Multi-Color Backgrounds

The Metro design UI brought by Microsoft with Windows 8 may not have been largely received with a positive response (mostly because of the <b>major</b> UI …

12 Free Tools for Remote Developers and Designers

If you’re among the one in five people worldwide who frequently work remotely, then you know how important it is to have the right online tools and …

7 Best Free Apps For Mac and Windows Computers

This is the age of mobile technology, but there are many people who still love to use laptop or desktop computers for work, browsing the websites, or …