Web Development

50 of Our Favorite CSS Libraries, Frameworks and Tools from 2017

With all of the trend changes and advancements that CSS goes through, we shouldn’t be surprised at the volume of free resources and tools that have …

World Wide Web

The Software Arts

<b>Text of the Manuscript</b><p>Download a PDF of the manuscript (35.5 MB).<p><b>Every Icon: Thinking about numbers as black and white squares</b><p>This is a …

Programming

waveforms/AvailableWidth.js at master · joshwcomeau/waveforms

// @flow<p>import React, { PureComponent } from 'react';<p>import ResizeObserver from 'resize-observer-polyfill';<p>type Props = {<p>children: (width: number) => …

JavaScript

Querying relations in Laravel: get Models where latest related is…

Another part of Querying relations in Laravel will cover such problem:<p><i>I want to get SomeModels that have latest RelatedModel (hasMany) matching..</i> …

Data Science

Math tools for your website

Copy HTML code of the tool below and paste it into your website<p>Derivative calculator<p><b>Derivative calculator</b><br> <form name="form1" …

World Wide Web

Clearing cache in the browser

Caching assets in the browser is the most common and most obvious way to improve front end performance. But at some point every developer …

JavaScript

Minimize & Maximize Panel Container in Lumira Designer / Design Studio

Add the required icon(s) into your dashboard and lay them out based on UX/UI Design Guidelines. For this example; we will add an icons (to maximize …

World Wide Web

It’s a Flippin’ Flipity Flippable View in Xamarin.Forms!

Something that Flips! <b>Flipity Flippy Flippin’ Flip View</b> right out of Xamarin.Forms yol! 😀<p>Sometime back while I was trying to push the limits of …

World Wide Web

Christmas Gifts for Your Future Self: Testing the Web Platform

In the last year I became a CSS specification editor, on a mission to revitalise CSS Multi-column layout. This has involved learning about many …

World Wide Web

How to use Laravel Packages in October CMS Plugins

This is just a quick guide on how to easily include Laravel Packages in OctoberCMS plugins.<p>Laravel Packages are often more complicated than simple …

World Wide Web

WordPress Loop in Bootstrap Grid

I have a custom post type called 'services' and want to display the featured image of each in a grid - My issue is not how to do this, it is more on …

World Wide Web

Parenthetically Speaking 2

A few weeks ago I wrote about a standard interview question regarding checking a string to ensure all of the parentheses are correctly formatted, …

Programming

Calendar with CSS Grid

Laying out events on a calendar can be somewhat tricky. Many years ago, I had a client project where I needed to do a calendar similar to Google …

World Wide Web

7 tools to be a smart web developer

With the exponential growth of websites and ever-changing trends in web development, picking the right development tools is important to ease the development process. We have compiled a list of 7 tools for smart web developers including Angular.js, JQuery, Sublime Text, GitHub, Chrome developer …

Web Design

Styling Components - Typed CSS With Stylable

There’s been a lot of debate recently about how best to style components for web apps so that styles don’t accidentally ‘leak’ out of the component …

World Wide Web

Hexi-Flexi-Grid

Grid Settings<p>$gridWidth<p>Set the width of the hex grid.<p>Value<p>Description<p>'auto'<p>The grid width will match the ratio of $gridHeight. When set to auto, …

World Wide Web

David Stockman Lashes Out At Mainstream Media's "Peak Fantasy Time"

If you want to know why both Wall Street and Washington are so delusional about America's baleful economic predicament, just consider this morsel …

Economy

Faster way to read RSS through Javascript/PHP

Got another fun one for you all today.I have working code that pulls from various RSS feeds and orders them by which of them has most recent …

JavaScript

A Little Revamp to External Resources

External Resources are links to.js scripts or .css stylesheets that you can put into the settings of a Pen to include in the rendering of the Pen.<p>As …

World Wide Web

How to make your HTML responsive by adding a single line of CSS

Image credit: UnsplashIn this article I’ll teach you how to use CSS Grid to create a super cool image grid which varies the amount of columns with …

World Wide Web

Animated Login and Sign up

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.<p>↑ Insert the most common viewport …

World Wide Web

How to create a full-page hero image (HTML CSS)

Hero images are used by websites all over the internet, and look awesome. Learn how to code one in this article…<p>What we’ll be making<p>Here’s what we’ll …

World Wide Web

Promising HTTP Headers for Web Performance

Today, I would like to share with you some HTTP headers that are not fully implemented or specified but could lead to a simpler CDN configuration and …

World Wide Web

Here’s how I created a markdown app with Electron and React

This article is a step-by-step tutorial on how to create a basic markdown application using Electron and React.<p>I’ll describe why, how, and what I …

JavaScript

Custom Transitions in React Navigation

<i>Note: This is part 4 in a series on React Navigation. Check out my posts on</i> <i>Getting Up and Running</i><i>,</i> <i>Styling Navigators</i><i>, and an introduction to</i> <i>Stack,</i> …

JavaScript

How do I respond to the WM_MENUCHAR message?

Today, for no particular reason, I'll demonstrate how to handle the WM_MENU­CHAR message.<p>The system sends you the message when a menu is active and …

World Wide Web

Best Smart Home Holiday Deals

Homes are getting smarter than ever, thanks to connected gadgets, and everyone from Amazon to Samsung is competing for a spot inside your home. Even …

World Wide Web

Bootstrap 4 Cheat Sheet by Creative Tim and BootstrapBay

Card title<p>Some quick example text to build on the card title and make up the bulk of the card's content.<p>Some more card content<p>Some more card …

World Wide Web

How I measure Response Times of Web APIs using curl

There is a bunch of specific tools for benchmarking HTTP requests. <br>ab, JMeter, wrk...<p>It's because curl is widely-used and it's a kind of common …

Programming