Web Development

Animated page transitions with React Router 4, ReactTransitionGroup and Animated

In this article I’ll show you how to animate your page transitions using lifecycle methods from ReactTransitionGroup and the Animated library.<p>Here’s …

JavaScript

Stickybits: an alternative to `position: sticky` polyfills | CSS-Tricks

By Jeff Wainwright On June 25, 2017 sticky<p>Stickybits is a small JavaScript utility plugin. It's goal is not to get in the way. It does one thing …

World Wide Web

Web Design & Development News: Collective #326 | Codrops

Collective #326<p>June 24, 2017 View All<p>Service Worker gotchas * Canivete * Why Choose Vue.js * Spectral Font * ES6 Generators * React Express * …

JavaScript

Smooth as Butter Animations in the Visual Layer with the Windows 10 Creators Update

The Windows 10 Creators Update marks the third major release of the Windows UI platform APIs. With each release, an attempt is frequently made to …

World Wide Web

Save 87% On The Complete Web Developer Course 2.0 [Deals]

Our second massive web developer course is here, and it has everything you need to start programming like a pro. Plus, The Complete Web Developer …

Web Design

ActionBar Tab + Spinner(List) navigation at the same time

So I was looking for a solution to this particular problem & saw lots of question regarding this on Stackoverflow, But none came up with a solution …

World Wide Web

Freebie: Dusk UI Icons (SVG, EPS, PDF, PNG) | Codrops

An exclusive freebie from the Icons8 Dusk icon set with 80 modern, soft-colored icons in several different formats, perfect for a fresh interface …

Graphics

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 …

World Wide Web

20 Free Bootstrap Grid Systems PSD Templates

Share!<p><b>Bootstrap</b> includes an excellent collection of pre-designed elements that were created using CSS, HTML, and JavaScript. You can use its neat …

World Wide Web

Powerful New Additions to the CSS Grid Inspector in Firefox Nightly

CSS Grid is revolutionizing web design. It’s a flexible, simple design standard that can be used across all browsers and devices. Designers and …

World Wide Web

#155: Responsive Images, WordPress, and Cloudinary | CSS-Tricks

Eric Portis joins me to dig into the world of responsive images.<p>We start at the basics. Responsive images are specifically images in HTML and exist …

Web Design

Updated Chrome Debugging Tools Worth Mentioning

<i>This was originally posted on my blog.</i><p>As a web developer, I absolutely could not live without great in-browser developer tools. I use them every day, …

Software

Microsoft Excel definitions to common terms

Not sure of the difference between a workbook and a worksheet? How do you know if a cell is active or not? You're not alone. Knowing the terms used …

Microsoft Excel

Changing The Face Of STEM For Women

I always knew I wanted to build a company. As a child, my fantasies of the “future me” involved me sitting at the head of a table in a suit as the founder and CEO of a major, global company. That vision, however, never included connections to engineering, technology, math or science. Math was one …

Women's News

A new approach to text rendering

In Atom 1.19, we’re landing a complete rewrite of the text editor’s DOM interaction layer that improves rendering performance and simplifies the …

World Wide Web

Responsive Blog Archive (w/ Flexbox Grid)

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 …

Learn the general

This bundle comprises four courses covering the general essentials of programming with an emphasis on Python and, to a lesser extent, …

Learning

Type-Safe HTML in Swift

As server-side Swift becomes more popular and widely adopted, it will be important to re-examine some of the past “best-practices” of web frameworks …

Programming

JavaScript Graphical / Virtual Keyboard Interface

News<p>November 8, 2011 - v1.49<p>Don't display language drop-down if only one keyboard available<p>September 30, 2011 - v1.48<p>Fix for Firefox 6 & 7 styling …

World Wide Web

Custom Properties | Codrops CSS Reference

Custom properties define a new value type in CSS that allows for the use of variables through the var() function.<p>One of the most commonly cited …

Add CSS and JavaScript Files to Phabricator Extensions

By David Walsh on<p>Every open source framework has its own methods of extending functionality; some make extending incredibly easy and others...not so …

JavaScript

5 Handy 'Serverless' APIs for Web Development

Why spend time building things that you can buy or rent?<p>For those who have never heard of the term “BaaS” before, it stands for “Backend as a …

Web Design

In South Sudan, education doesn’t have to end when conflict begins

Following the declaration of independence in 2011, South Sudan laid out a detailed strategy to increase education levels across the country. However, …

World Wide Web

Designing The Perfect Accordion

<b>Design patterns.</b> An almost mythical phrase that often inspires either awe or resentment. As designers, we tend to think of design patterns as generic …

Design

The Definitive WordPress Cheat Sheet

http://ift.tt/2tNrZpV<p>The Definitive WordPress Cheat Sheet<p>http://ift.tt/2tNwYH5<p>WordPress is arguably the most popular blogging platform on the planet. …

World Wide Web

Ask Browsers to Not Pass Referrer Information in HTML5

HTML5 added a lot of new features, and one of those is the new noreferrer keyword for the attribute. This keyword tells the browser that it should …

World Wide Web

How to Embed Just About Anything in Drupal 8 WYSIWYG with Entity Embed and URL Embed

Embedding media assets (images, videos, related content, etc) in a WYSIWYG text area is a long-standing need that has been challenging in Drupal …

World Wide Web

Building a realtime dashboard powered by Laravel and Vue (2017 edition)

At Spatie we have a tv screen against the wall that displays a dashboard. This dashboard displays the tasks our team should be working on, important …

JavaScript

FireShell: HTML5, Sass and JavaScript boilerplate for Grunt, by @toddmotto

HTML5 Boilerplated<p>A cutting edge take on the HTML5 boilerplate with some HTML5 semantics and WAI-ARIA roles for baseline semantic markup and web …

JavaScript

CSS vs. JavaScript: Trust vs. Control

When GotoConf Amsterdam asked me to speak, I thought it’d be another machine learning or Progressive Web Apps talk. Instead the organisers asked me …

World Wide Web