Static website generators like Gatsby and Jekyll are popular because they allow the creation of complex, templated pages that can be hosted anywhere. But the awesome simplicity of website generators is also limiting. Search is particularly hard. How do you allow users to search when you have no server functions and no database? With JavaScript! […]

TL;DR Arrow functions are fine for certain usages, but they have so many variations that they need to be carefully controlled to not break down the readability of the code. While arrow functions clearly have a ubiquitous community consensus (though not unanimous support!), it turns out there’s a wide variety of opinions on what makes […]

What is a service worker? A service worker is a little file that will allow you to cache files and other assets on a user’s machine. How is this different from server-side caching? Because the assets are stored on a user’s machine, rather than a server, there is no need to go across a network. […]

I’ve worn dozens of hats on a dozen different teams during my time at Mozilla, but none has been as rewarding and challenging as community management. Whether it’s mentoring students, welcoming new contributors, or reviewing pull requests, there’s always so much to be done. There’s also the rare occasion where I need to submit a […]

I’ve gotten skilled at shell scripting over the years. I love a good GUI but knowing how to automate makes you a much more powerful engineer. Much of my scripting requires recursing over directories and processing a file if it meets a given criteria, which is often file extension or MIME type. You can use […]

I was recently creating a Recalbox with my 5 year old son and it was an awesome experience; I saw the excitement and curiosity in his eyes while helping him put together a video game machine. We added NES, SNES, and Nintendo 64 games to the device but it became apparent that the N64 controller […]

I’ve always loved the flexibility of Objects and prototypes in JavaScript, but for a long time, I felt that a level of dynamism was lacking. JavaScript eventually added get and set methods for object properties, which was an awesome step, but there was still room for improvement. The JavaScript Proxy API was an awesome improvement: […]

Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that little bit […]

As a young developer, I would often make decisions based on what I considered to be common sense or what I would envision appealed to users. What a mistake. As I’ve become more experienced as a developer and a businessman, I’ve realized that analytics are the best way to make decisions….and money. There are numerous […]

What if it were possible to build a landing page from top to bottom, including a header and a footer, and do so without any need for writing code? And even if it was possible, could you reasonably expect to do so as easily and quickly as putting together a puzzle designed for children 8 […]

Large Fixed Width Elements – Responsive Web Design Fundamentals
This video is part of an online course, Responsive Web Design Fundamentals. Check out the course here: https://www.udacity.com/course/ud893.
This course was designed as part of a program to help you and others become a Front-End Developer. You can check out the full details of the program here: https://www.udacity.com/course/nd001.…

Cloning Google Web Design using HTML and CSS Part 1 Only for Educational Purpose
This video is only for educational purpose. Google is a registered trademark of Alphabet Inc. or Google Inc. People should not copy this design for commercial purpose.
Hello, Welcome to the HTML and CSS tutorial. I have created this tutorial for people who are learning HTML and CSS to design a website. Designing a website is not easy as people think. It takes lot of time and hard work. By the way, this is a tutorial part 1 in which you will see I am creating clone copy of Google website. Cloning Google Web Design using HTML and CSS Part 2 will be released soon. If you like this video then please subscribe to our channel.
Watch:
Cloning Google Design HTML & CSS Part -2
…

移动设备上的网站
This video is part of an online course, Responsive Web Design Fundamentals. Check out the course here: https://www.udacity.com/course/ud893.
This course was designed as part of a program to help you and others become a Front-End Developer. You can check out the full details of the program here: https://www.udacity.com/course/nd001.…

Why have a website at all if it doesn’t turn visitors into customers? Great web design starts with understanding your business needs and goals. Watch this video to see how we design small and medium business websites that convert.

Web Designer Career Outlook (The Web Designer’s Journey)
http://www.mlwebco.com – In this video I talk about the potential career outlook of a web designer in what I call “The Web Designer’s Journey”. The purpose is to inspire and provide information on what can come about as a Web Designer throughout your career.…

Fundamentals of UX Design: The Anatomy of User Experience
Lesson 2 of 16, a Tuts+ course on Fundamentals of UX Design taught by Sarah Kahn. The full course is available at: https://tutsplus.com/course/using-grids-in-web-design/ Become a Tuts+ member to get access to hundreds of new courses and eBooks!…

Pages with Purpose – Effective Real Estate Web Design
Learn best practices for creating web pages that work. Get tips for building a real estate website that drives traffic to key conversion points. Find out how you can apply these concepts to gain leads. Don’t just make pages, make pages with a purpose.