Selene Yue

51 Flips | 2 Magazines | 172 Likes | @SeleneYue | Keep up with Selene Yue on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Selene Yue”

How I made a smiley toggle control — WotW

This is the first post of a series called <b>Widget of the Week</b>.<p>As the name implies I’ll be creating every 7 days a widget based mostly on dribbles from …

TensorFlow Tutorial For Beginners

<i>Originally published at</i> <i>https://www.datacamp.com/community/tutorials/tensorflow-tutorial</i><p>Deep learning is a subfield of machine learning that is a set …

Improve Your UX by Dynamically Rendering Images via React

It’s a competitive world out there right now. As we all know, just having a good idea isn’t enough to make a company the next billion dollar IPO. …

Front-End Performance Checklist 2018 [PDF, Apple Pages]

Getting Ready: Planning And Metrics<p>Micro-optimizations are great for keeping performance on track, but it's critical to have clearly defined targets …

How tabs should work

Tabs in browsers (not <i>browser tabs</i>) are one of the oldest custom UI elements in a browser that I can think of. They've been done to death. But, sadly, …

Web Development

How I recorded an album in an evening with a lunchbox modular and a python script

Before saying anything else, it’s worth acknowledging that, as an album, it’s neither long nor good. But it is an album, and it is finished and for …

Pure.css Offers an Intriguing Alternative to Bootstrap

If you're looking for a slimmer alternative to Bootstrap, check out Yahoo's open-source responsive framework. It's just 4.5 KB minified and gzipped.

Bootstrapping

How to make a web crawler in Python (under 50 lines of code)?

Interested to learn how Google, Bing, or Yahoo work? Wondering what it takes to crawl the web, and what a simple web crawler looks like? In under 50 …

Python Programming

Cream of the crop: The world's top new buildings

There are plenty of familiar names among the selection, including Bjarke Ingels Group (BIG), HOK, David Chipperfield, Zaha Hadid, and Vo Trong Nghia …

3D Within the Browser: Seen.js Creates Complex Graphics and Animations for Canvas and SVG

HTML5 and JavaScript provide all functions needed to create complex graphics and animations within the browser. For that purpose, the JavaScript …

JavaScript

Real-life Javascript Generators

How generators in javascript help us write more robust and clean code.<p>With ES6 we have generators, different kind of functions that may be <i>paused</i> at …

Flexbox in Five Practical Examples

Here, you can learn flexbox basics such as: combining units, vertical centering of a box with unknown height, changing the visual order of items and …

Creating Wavescroll

<i>The following is a guest post by Nikolay Talanov. Nikolay wrote in to show me this demo and wanting to write about it (his first post in English,</i> …

Web Development

How to get started in CalligraphyIn this guest post, Seb Lester...

How to get started in Calligraphy<i>In this guest post, Seb Lester gives us an insight into his practices and offers tips to anyone wishing to develop</i> …

Typography

How Pure Data, Free Open Source Graphical Programming Language, Can He

Pd enables musicians, visual artists, performers, researchers, and developers to create software graphically, without writing lines of code<b>.</b><p>A while …

Photographer Reveals the Dramatic Difference Before and After a Photo Is Edited

Photo editing, when done well, can transform a drab image into a mesmerizing work of art. Peter Stewart demonstrates just how dramatic this change can be in a revealing series called <i>Before & After</i>. As the name suggests, the Hong Kong-based photographer shares the beginning of his process—images …

3 Important Ways To Edit Color In Lightroom

Being able to adjust color is an important skill which every photographer should know. This article will cover three methods to adjust and sometimes …

Fascinating Photos Highlight the Forgotten Beauty of Abandoned Buildings

Germany-based freelance photographer Matthias Haker has a special artistic interest in exploring the architectural nuances of the many abandoned buildings that he comes across. From decaying ballrooms to forsaken hotel lobbies ostentatiously missing their guests, through his vivid imagery Haker …

Insanely-Quick 3D Tracking with 1 Camera

Let’s face it: 3-dimensional odometry can be a computationally expensive problem often requiring expensive 3D cameras and optimized algorithms that …

Hacking

www.devstrend.com

Simple Cathedral Windows Tutorial

This is a simple Cathedral Windows quilt tutorial that uses circles and is also Quilt As-You-Go! I <i>really</i> enjoyed making this quilt – it’s refreshing …

Quilting

New Free Web Design Tools & Resources Shortcut. Design is Easy if...

4.5/5 (2)<p>Can there be too many free tools to speed up/streamline your web design process? Of course there can’t, as new advanced technologies spring …

Advanced CSS Selectors you never knew about

CSS is awesome. It paints the web with designs we all know and love. Often times content behind the scenes gets targeted by adding a simple id or …

JavaScript Modules: A Beginner’s Guide

If you’re a newcomer to JavaScript, jargon like “module bundlers vs. module loaders,” “Webpack vs. Browserify” and “AMD vs. CommonJS” can quickly …

Pure CSS Tab Panel

Most Tab Panel widgets rely on a list of jump links followed by "sections". These links are styled as tabs, while the sections are styled as panels.

Web Development

Simple Guide to Finding a JavaScript Memory Leak in Node.js

Share this:<p>Table of Contents<p>Something you might want to bookmark: Simple Guide to Finding a JavaScript Memory Leak in Node.js by @akras14 …

Know Your Lines: Alessandra Ambrosio Schools Us On the Art of Wearing Stripes

Everyone's outfit-of-the-day posts will be full of stripes this year. Steal some styling ideas from Alessandra Ambrosio—with 9 million-plus followers, she's earned her social...

SVG Path Builder

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 …

Web Development

Arrow left

<i>This project was a collaboration between 18F and the U.S. Digital Service (USDS). The team was led by Mollie Ruskin (USDS) and Julia Elman (18F) and</i> …

UX Design

Best tools for web designers

<i>For good web designers!</i><p>An important part of work of any good web designer is keeping up to date with trending tools to ease up his daily job. Every …