After hours of research and interviewing app development companies, we define six essential tips that will help create a better mobile shopping experience.
I use Typescript extensively for everything as well as React. When I wanted to learn to test with the stack given above, surprisingly I couldn’t find any source or blog post to benefit from. After…
Collection of free HTML and CSS 404 page templates. Update of August 2018 collection. 11 new items.
Ionic is a framework that helps developers build hybrid mobile apps and PWAs. This tutorial shows you how to integrate OpenID Connect (OIDC) into your Ionic app for user authentication and registration.
TypeScript and React Tic-Tac-Toe game-app, tested with Mocha and shared on Bit
A good-looking Collection of HTML and CSS tabs, with bootstrap and js snippets with example. bootstrap tabs, html tabs example, simple css tabs
Collection of free HTML and CSS table code examples: simple, responsive, pricing, periodic, etc.
This guide is based on chapter 5 from the book Better Web Typography for a Better Web by Matej Latin. The book consists of 13 chapters through which the reader designs and builds an example website.
Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them,
When designing interfaces for IoT web page, one always has many options. Today, let’s take a closer look at lazy-loading panels and how to keep the Vue state in sync with devices.
Creating Websites with Speed in Mind: Do's and Don'ts at Line25, your #1 web design blog.
I’ve been using CSS grid to build layouts for quite a while now, and all my designs to date involved either a handful of explicitly placed individual grid it...
Material-UI is one of the most popular react component library nowadays with 40000+ star on github. However, there is no instruction or topic about how to build layout based on them. That means you…
You should take into consideration various aspects: its footprint, performance, reusability, and, not of the least, community support. Knowing how difficult it’s to always keep up with the trend…
If you’re React or Angular, Ember or Vue let’s create a place where they all can live together in perfect harmony using web components.
Horizontal grids are all the rage. Actually, theyre pretty commonplace. But creating and maintaining a vertical grid is less commonplace, and not as har...
GraphQL is an open-source query language developed by Facebook in 2015 and it is built on the graph data structure. Many big companies are adopting GraphQL besides Facebook, including GitHub…
We shed some light on what GraphQL is and give you an opportunity for some hands-on experience with Apollo and React.
You’re reading an excerpt of my upcoming book on clean code, “Washing your code: write once, read seven times.” Preorder it on Leanpub or…
Collection of free HTML and CSS form code examples: interactive, step by step, simple, validation, etc. Update of June 2018 collection. 8 new items.
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple
Why Mason And Front-End As A Service Will Be A Game Changer For Product Development — Smashing Magazine
With the introduction of front-end-as-a-service, and a company like Mason pioneering the way, software development and maintenance doesn’t have to be a time-consuming and arduous process.
When you've worked in the digital industry for long enough, eventually you're going to have to work with code that you've inherited from someone else. Whether
If you’re new to the programming world, then learning Git should be something on top of your priority list. It also allows multiple developers to share and work collaboratively on the same set of…
Editor's note: This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to be
Web accessibility refers to designing web applications in a way that it can be used with ease by people with visual disabilities. Some of these users rely
As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration
Let’s talk about how to work with Web Components, what to consider when making them, and how to embrace them in your projects — By Mattia Astorino
Version control systems help any software team to manage changes to source code of a product or service over time. It keeps track of all the modifications to the source code in a database. If a…
Collection of hand-picked free HTML and CSS ribbon code examples: corner, banner, etc. Update of July 2018 collection. 3 new items.
Data is available everywhere nowadays, whether it’s in a plain text file, a REST API, an online Google sheet… you name it! It’s that variety of context
Continuing a series on the `display` property in CSS, this time Rachel Andrew takes a look at the values which control box generation, for those times when you don’t want to generate a box at all.
A web component for drawing patterns with CSS
A tutorial on how to create a visually distinct and accessible WebGL menu that builds from any given HTML navigation.
Find out how to add, remove and change data, pass data in the form of props from parent to child, and send data from the child to the parent in the form of event listeners in both frameworks.
Build responsive websites in React without using CSS @media queries. It's a lot easier than you think.
Web animations are a delight. There are several ways to create web animations. In this article, we will learn how to make these lightweight, scalable animations with CSS.
The topic of how accessible it is for newbies and seasoned developers alike to learn CSS has been gaining steam as the complexity of the tools around it
Generate easily a color palette for your project. The tool will also generate for you tints and shades. You can easily control how many colors you want to generate.
- « ‹
- › »
No more pages to load.
No more pages to load.