Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with date and time. But we don’t always need to use libraries. Date can actually be quite simple if you know what to watch out for. In this article, I’ll … Read more
Introducing Tornis. Taking its name from the forest watchtowers of Latvia, Tornis is a minimal JavaScript library that watches the state of your browser’s viewport, allowing you to respond whenever something changes. Think of Tornis as a store for your viewport. Tornis tracks state for: Mouse position 642, 434 Mouse cursor velocity 4, -10 Viewport size 1536, 686 Scroll … Read more
It’s time to add some animation to our page when a visitor scrolls. For this tutorial I’ve set up a demo page all about pizza. We’ll use this to learn how to have animations triggered by scrolling, and investigate ways we can do so efficiently. In this tutorial we’ll learn how to make use of … Read more
Overview: This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019. It is specifically written with the intention of being a professional resource for potential … Read more
Resting and spreading can be used for more than just resting arguments and spreading arrays. Here are six lesser known tricks when using rest and spread with JavaScript objects. 1. Adding Properties Clone an object while simultaneously adding additional properties to the (shallow) cloned object. In this example user is cloned and password is added into userWithPass. 2. Merge Objects Merge … Read more
You can’t get very far in JavaScript without dealing with objects. They’re foundational to almost every aspect of the JavaScript programming language. In this post you’ll learn about a variety of patterns for instantiating new objects and in doing so, you’ll be gradually led to understanding JavaScript’s prototype in depth. Video Post You can’t get … Read more
A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета HTML5 UP: Адаптивные шаблоны HTML5 и CSS3. Bootswatch: Бесплатные темы для Bootstrap. Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5. WordPress.org | WordPress.com: Бесплатное создание веб-сайта. Strikingly.com Domain: Конструктор веб-сайтов. Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new). Withoomph: Мгновенное создание логотипов (англ.). Hipster Logo Generator: Генератор хипстерских логотипов. Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении. Invoice to me: Бесплатный генератор счета. Free Invoice … Read more
This blog post started life as an answer to a question posted over at my CSS Grid AMA. This original question being, “With Blink and Gecko implementations shipping early 2017, with WebKit implementation probably shipping in the fall 2017, it seems the 4 major web engines will support grids. Is the 2011 Internet Explorer implementation supporting the same feature … Read more
