Logan Sotelo

1,068 Flips | 17 Magazines | 1,216 Likes | 4 Following | 20 Followers | @LoganSotelo2015 | Keep up with Logan Sotelo 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 “Logan Sotelo”

20 Freshest Web Designs, August 2018

Welcome to our roundup of the best websites launched (or relaunched with significant updates) this August. The Summer’s almost over, vacations are …

Web Design

Free-To-Download Design Books On Typography, UI/UX, Web Design & More

Images via Mark Boulton, Open-Xchange, and Massimo Vignelli<br>One of the most beautiful things about the human experience is that you get to discover …

UX Design

Infographic: The best words to grab audience attention online

Content might be king, but a well-written headline can be the crown jewel of your online marketing.<p>Whether you are posting industry insights on your …

Social Media

Understanding Hoisting in JavaScript

Are you confused how hoisting works in JavaScript?<p>It confused everyone in the starting. So, don't worry about it. I will help you understand how …

JavaScript

Weekly News for Designers № 450 - CSS Grid Visual Cheatsheet, Tiny Code Editor, CSS Imitating Print, Menu Button Animations

GRID – A visual cheatsheet for CSS Grid.<p>Fun Examples of CSS Imitating Print Design – A showcase of print techniques and recreations of printed items …

Web Design

Understanding Object Oriented JavaScript

Recently I was tasked to create an Object Oriented Arcade Game and at first sight, it was a struggle. Learning JavaScript was a point of contention …

JavaScript

Top 11 JavaScript Tools

In the hands of a skilled Web developer, JavaScript can enhance the user’s experience of the website and provide rich interactive components and …

JavaScript

Daily Design Inspiration

Part of the Daily Design Inspiration series that started it all on Abduzeedo. This is where you'll find the most interesting things/finds/work …

Inspiration

Time-saving CSS techniques to create responsive images

Photo by Kevin Ku on UnsplashAs a web developer, there is a high probability that you have encountered the two enemies of this article: <b>images</b> and</b> …

Web Development

JavaScript ES6: Even more new abstractions to improve your code

JavaScript ES6, also known as ECMAScript 2015, has a number of really cool new features that can improve the quality of your code. Yesterday, Glad …

JavaScript

No-JS and CSS-Only (or SVG-Only) Graphics Notes

During the era of Java (90s) I used to hate JS, but I’ve learned to love it over the years. The same can be said for CSS and how rapidly it’s been …

Web Development

Simple object tracking with OpenCV

By onJuly 23, 2018 in Object Tracking, Tutorials<p>Today’s tutorial kicks off a new series of blog posts on object tracking, arguably one of the most …

Python Programming

25 Free Elegant Fonts You Should Download

Are you in need of free elegant fonts for your current web or print designs? Here are 25 of the best free elegant fonts on the web!These free fonts …

Typography

How to make your designs responsive

Back in the ‘olden days’ (before 2010), most web design involved the creation of two separate websites: one for desktop, one for mobile. Then Apple …

Web Design

Web Design Inspiration by Hristo Hristov

Hristo Hristov is a designer based in Frankfurt, Germany. He has put together a quite inspiring set of comps on web design featuring a quite elegant …

layerJS

Getting started<p>To use layerJS you just need to define the stages and put all content in frames. The following list gives you minimal examples for …

Basic Statistics in Python: Probability

When studying statistics, you will inevitably have to learn about probability. It is easy lose yourself in the formulas and theory behind …

Data Science

Maps in Javascript ES6

ES6 introduced a lot of new things. I've already write about <i>Sets</i>, so today we'll explore <i>Maps</i>. What are those? A <i>Map</i> is an unordered list of key-values …

How to Use SVG Patterns as Backgrounds

SVG patterns offer a more flexible approach to repeating a background image on a web page than CSS tiling. Let’s look at why that is, and how you can …

SVG

10 fantastic web design tools for July 2018

This month’s roundup of the best web design tools roundup includes a CSS preprocessor that scopes styles to components, and a jobs board that puts …

The Comprehensive Beginner’s Guide to JavaScript Geolocation Tracking

Combining the Google Maps JavaScript API and PubNub for realtime tracking of device location (with the bells and whistles)<p>Brought to you by …

10 JavaScript Animation Libraries to Follow in 2018

The client side of a modern day website feeds off quality animation, which has lead to a rise in the need for JavaScript animation libraries. …

The definitive guide to JavaScript Dates

IntroductionWorking with dates can be <i>complicated</i>. No matter the technology, developers do feel the pain.JavaScript offers us a date handling …

JavaScript

Top Tips for Web Design

This article takes a look at the top 10 web design tips for users at any level. It will give you 10 complete different points to ...<p>This article …

25 Best Free Fonts for Commercial Use

Typography is one of the main components of a design and a primary way of communication. There are thousands of fonts that can be found online, so as …

Launch a career as a front end developer

Do you hope to launch a career as a front end developer? It's time to take action and pursue your dreams with vigour. With The Ultimate Front End …

Top WordPress Themes for Building Portfolios

Creating a stunning, award-winning portfolio can indeed be accomplished without much trouble. But only if you have the right tools for the job. If …

20 cutting-edge web tools to try now

The web changes extremely quickly, and you’d be forgiven for not keeping pace with the continuous release of new web design tools and technologies. …

CSS Grid Level 2: Here Comes Subgrid

CSS Grid Level 2: Here Comes SubgridCSS Grid Level 2: Here Comes SubgridRachel Andrew 2018-07-03T13:00:47+02:00 2018-07-13T12:33:42+00:00We are now …

Learn these JavaScript fundamentals and become a better developer

JavaScript has primitives, objects and functions. All of them are values. All are treated as objects, even primitives.PrimitivesNumber, boolean, …

JavaScript