Web Development

10 Simple Code Snippets for Creating Beautiful Tabs

Tabs are a fundamental part of the web, and they’ve been around for years, but with even more developers going open source there’s a whole world of …

World Wide Web

Reboot, Resets, and Reasoning | CSS-Tricks

By Chris Coyier On October 23, 2017 reset<p>I saw in an article by Nicholas Cerminara the other day (careful visiting that link, looks like they have …

World Wide Web

Google emits tools to make cross-platform HTML apps less awful

<b>Chrome Dev Summit</b> At the Chrome Dev Summit in San Francisco, California, on Monday, Google took another stab at making HTML-based apps less of a …

Software

Foundation for Emails: How to Use Panini Partials

In this tutorial, we’ll be using ZURB’s Foundation for Emails to create a simple functioning email. We’ll explore various libraries provided by the …

World Wide Web

Harry Styles Was Grabbed in the Crouch During a Concert (and His Fans Aren't Happy)

Harry Styles was subjected to some pretty invasive behavior when he performed Saturday night (Oct. 21) at the Hollywood Bowl. And his fans are...

Harry Styles

The Anatomy of a Thousand Typefaces

An attempt to building a font database with opentype.js<p>Even years after <i>Avatar’s</i> release, there’s one thing Ryan Gosling just can’t get over: the …

Typography

Get me an digest of today’s inspections in a single email

This week, we’ll look at a Flow scenario brought to us by someone from our user community – daily digest email of scheduled site inspections. With …

World Wide Web

Vue.JS Top 10 Articles For the Past Month (v.Oct 2017)

For the past month<b>,</b> we’ve ranked nearly 800 Vue articles to pick the Top 10 stories that can help advance your career. (1.2% chance to be picked in …

JavaScript

Top 20 Best jQuery Carousel Plugins

Share!<p>Carousel elements will give your website’s visitors the ability to easily access multiple content items. Carousels are scrolling lists of …

Web Design

Google Analytics event tracking via Google Tag Manager

1. Introduction to Google Tag Manager<p>Google Tag Manager is a stand-alone tag management tool that integrates seamlessly with Google Analytics. In …

Analytics

Scare Your Friends With These VR Games

<source media="(max-width: 767px)" …

World Wide Web

10 Dos and Don’ts of Alt-text in Emails

It is a huge disappointment for all email marketers how email clients always block the images by default. You put in all your ideas and hard work in …

World Wide Web

iOS Safe Area

<i>By Evgeny M., iOS Developer at</i> <i>Rosberry</i><p>As you remember, in iOS 7 Apple introduced the <i>topLayoutGuide</i> and <i>bottomLayoutGuide</i> properties in …

World Wide Web

Google app v7.14.15 includes references to Quartz, possibly a new Google Home device with built-in display [APK Teardown]

Article Contents<p>1 Quartz: Google Home with a screen<p>2 What does it do?<p>2.1 It helps with cooking and recipes<br>• 2.2 You can watch YouTube and control …

Android News

UI Inspiration: Some more Fresh UI/UX Interactions

We had a pretty good response from last week's article about fresh UI/UX interactions. You guys are suggesting we should do this as a weekly thing? …

UI Design

The Story of CSS Grid, from Its Creators

<b>A note from the editors:</b> We want to thank the Microsoft Edge team for sharing transcripts of the interviews they conducted with many of the brilliant …

World Wide Web

How Is New Terminal In VS Code So Fast?

Last week, a new version (1.17) of Visual Studio Code was released. While there are many fascinating improvements and features introduced, the one …

World Wide Web

Advanced Vue.js concepts: mixins, custom directives, filters, transitions, and state management

Vue.js is arguably one of the easiest and most minimalist JavaScript frameworks with which to get started. While we cannot downplay the current …

JavaScript

Safari Technology Preview 42 for Mac Release Offers Bug Fixes and Feature Enhancements

Apple on Wednesday released Safari Technology Preview 42, a new version of their experimental web browser, first released in March 2016. The browser …

World Wide Web

Mozilla leads project to consolidate web development documentation across browsers

Mozilla is teaming up with Microsoft, Google, W3C, Samsung and other industry leaders as part of a joint effort to “make web development a little …

Software

Email Verification with Laravel 5.5

Laravel makes it pretty easier to implement email verification. The default auth scaffolding that comes with Laravel is very flexible and we can …

JavaScript

Getting Started with Reusable Frameworks for iOS Development

When you write an iOS application you typically import the Foundation or UIKit framework and think nothing of it. You might `import Foundation` if …

Programming

Using Sketch Libraries to build a better design system—Part 1

The answer to cohesive, maintainable and re-usable projects<p><i>Prerequisite: This article requires</i> <i>Sketch 47</i> <i>as it make use of the long awaited new</i> …

Digital Design

Modern JavaScript Explained For Dinosaurs

Images from Dinosaur Comics by Ryan NorthLearning modern JavaScript is tough if you haven’t been there since the beginning. The ecosystem is growing …

JavaScript

Completely responsive CSS values, more than just media queries

The goal of this article is to achieve a font-size value that fluidly transitions from 14px at a browser window width of 769px, to 24px for a 2048px …

World Wide Web

10 of the Best Websites to Download Free Vector Art

We’re spoiled for choice when it comes to free stock photography these days, but finding good quality free vector art rather than tacky clipart can …

Graphics

So, Can We Use CSS Variables Yet?

With all the talk lately of finally being able to use CSS Grid, it got me thinking: What other amazing CSS features can I use now? CSS Variables was …

World Wide Web

Top 10 Web Development Articles This Week

What’s trending in WebDev this week? VueJS, JavaScript, Android Dev, Self Improvement, and More!<p>Top Stories<p><b>The Ultimate Guide to Learning Full Stack</b> …

Android Development

Front-End Checklist

The <b>Front-End Checklist</b> is an exhaustive list of all elements you need to have / to test before launching your site / page HTML to production.<p>It is …

World Wide Web