Web Development

How the BBC builds websites that scale

In 1948, the Olympic Games was broadcast live on television for the first time. Somehow, in post-war austerity with scarce resources and little …

World Wide Web

How to Make Images Responsive in Your Web Pages

Responsive web design is the recent trend. If your website is not responsive, you are already loosing your web traffic. Responsive web design changes …

World Wide Web

Naming Conventions for Sizes in Scalable CSS

In this article, I’ll be exploring how naming conventions can be used to represent sizes in scalable CSS.<p>So, what do I mean by this? One aspect of …

World Wide Web

Dynamically include script and CSS file with JavaScript

Mainly the external script or CSS files are added in the <head> section or at the end of the <body> section.<p>The included script or CSS files take the …

JavaScript

Convert String to DOM Nodes

By David Walsh on<p>It wasn't too long ago that browsers were mostly stagnant when it came to implementing new APIs and features, leading to the rise of …

JavaScript

5 Insights to Build Your Brand at a Conference or Event

http://www.brandmirror.com/blog/dear-linkedin-i-hate-you-i-love-you#commentsTue, 24 Jan 2017 17:20:07 …

World Wide Web

Customize Your Facebook Page | Facebook Apps

Facebook Pages are a heavily used feature of Facebook. Major brands, celebrities, and organizations use Facebook Pages as their social home on the …

Facebook

First Person Sunglasses Try-On Experiment | Codrops

A fun "try-on" experiment that shows a first person view through the colored lenses of sunglasses, mimicking the movement of putting them on and …

Programming

Essential HTML, CSS and JavaScript Tools and Libraries

Front-end development is tricky: it’s not difficult to learn, but it’s quite difficult to master. Luckily, developers and designers out there keep …

World Wide Web

10 React mini-patterns

Parent on the left, child on the right. You can think of the two props that connect these components as allowing information to flow in either …

JavaScript

CSS animation example using keyframes

At the beginning of this year I decided that I need to push myself to up my game and learn some new skills. CSS Animation is one that I have chosen …

World Wide Web

react-progressive-web-app: An opinionated React based repository which is optimized for Progressive Web App development

React Progressive Web App<p>What is this repo? Well, it's a very opinionated React based repository which is optimized for Progressive Web App …

JavaScript

Save time by transforming images in the command line

After a few months of mostly programming I took a step back this month to do regular HTML/CSS coding. At first it was really enjoyable but soon a …

World Wide Web

Stacks (Flexbox) — Auto-Layout for Sketch

What is a Stack?<p>A Stack is a special type of Group that defines the layout of its child Layers.<p>A Stack Group icon has a special Blue color and an …

HTML5

Simple Guidelines For Maintainable Spreadsheets

Sat, Feb 25, 2017 in Desktop Programming<p>The spreadsheet is one of the most powerful inventions in the history of computing. But with that power comes …

Databases

vue-bootstrap-pagination on Bower

vue-pagination<p>Vue pagination component for use with Bootstrap and Laravel pagination.<p>Vue.js (tested with 2.0.1).<br>• Bootstrap CSS (tested with 3.3.7)<p>To …

JavaScript

ESP 8266 Arduino IDE WebConfig

If you're developing many projects with an ESP8266, it would be usefull that you can configure your ESP (e.g. IP Address) via Browser.<p>I've developed …

Arduino

Watch Swizz Beatz + Just Blaze Have A Beat Battle To The Death

<i>Photo of Swizz Beatz + Just Blaze taken by Bryan Bedder + Noam Galal for Getty Images.</i><b>Swizz Beatz</b> and <b>Just Blaze</b> have had twenty years of successes, …

Rap & Hip-Hop

The Complete Learn to Code Bundle | Popular Mechanics

<b>Python Tutorial: Learn by Coding</b><p>Go From Beginner to Master of Python with 7.5 Hours of Hands-On Training<p>Cement your coding skills by learning Python: server-side interpreted, open-source, non-compiled scripting language commonly used in web and video game development. Begin with the basics of …

World Wide Web

How To Hide Page Titles In WordPress

If you’ve been using WordPress for a while, you probably know that every page on your website displays a page title.<p>And let’s be honest here – …

WordPress

Understand and apply recursion in CSS

According to Wikipedia ” <b>Recursion</b> occurs when a thing is defined in terms of itself or of its type.” This is the same effect you have when shooting a …

World Wide Web

Vue.js Interactive Gameboy Color (Sprinkling Vue.js on Pure CSS Images)

<i>What you’re getting into:</i> A brief intro with a link to a walkthrough video of making an interactive Gameboy using existing pure CSS images and …

World Wide Web

Introduction to Web Development: Create and deploy a simple website with CSS & HTML

Frequently Asked Questions<p>When does the course start and finish?<p>The course starts now and never ends! It is a completely self-paced online course - …

World Wide Web

ARIA Widget Checklist: For Screen Reader Testing

Introduction<p>One of the most significant challenges with ARIA support is determining support level differences between assistive technology and …

World Wide Web

Web Development Reading List #171: Leaks, SHA-1 Collision, And Brotli

Phew, what a week! Due to an HTML-parsing bug, Cloudflare experienced a major <b>data leak</b>, and the first practical collision for SHA-1 was revealed as …

World Wide Web

Mastering HTTP Caching

To use <b>C</b>ontent <b>D</b>elivery <b>N</b>etworks as HTTP caches you need to know about the proper HTTP response headers: Which are relevant? How do they work? How to …

World Wide Web

How to craft more usable, useful, and engaging content

Content is about more than just words on a page. It’s about conveying information, providing knowledge, and telling stories.<p>In other words, it’s …

Content Marketing

How to make your React Native app respond gracefully when the keyboard pops up

When you’re working with React Native apps, a common problem is that the keyboard will pop up and hide text inputs when you focus on them. Something …

World Wide Web

Make user-friendly select element with Chosen – jQuery

The Chosen jQuery plugin makes your HTML select element more user-friendly. It is available in both jQuery and Prototype flavor.<p>It can handle both …

World Wide Web

Replicating Apple Design Awarded Applications

Designers and developers of Apple awarded applications did a great job. But designing is only one part of the work. How difficult was it to turn …

World Wide Web