Make your own DevTools
How creating DevTools specific for your own app can improve your productivity
What To Do If People Hate Your Brand Mascot — Smashing Magazine
Does your website have a mascot that the audience isn’t responding well to or that outright hates it? Or maybe your new client has brought along a mascot that you’re unsure about? If a mascot’s design or messaging isn’t on point with an audience, there’s no sense in keeping it as is and losing business over it. Today, Suzanne Scacca is going to give you four options for turning your hated brand ma
Links and Buttons Guide
Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.
Creating a Details Element That Opens But Never Closes
The <details> and <summary> elements in HTML are useful for making content toggles for bits of text. By default, you see the <summary>
While You Weren't Looking, CSS Gradients Got Better
One thing that caught my eye on the list of features for Lea Verou's conic-gradient() polyfill was the last item:
Automating MySQL schema migrations with GitHub Actions and more
In this deep dive, we cover how our daily schema migrations amounted to a significant toil on the database infrastructure team, and how we searched for a solution to automate the manual parts of the process.
Stuff The Internet Says On Scalability For February 14th, 2020 - High Scalability -
Wake up! It's HighScalability time: Visualize the huge scale of Deep Time by identifying key reference points along the way. Do you like this sort of Stuff? Without your support on Patreon Stuff won't happen. I also wrote Explain the Cloud Like I'm 10 for everyone needing to understand the cloud (who doesn't?). On Amazon it has 93 mostly 5 star reviews (152 on Goodreads). Please be a real cloud he
Designing Ethically, Optimizing Videos, And Shining The Spotlight On Our SmashingConf Speakers — Smashing Magazine
It’s nice to have an overview of the most important things in one place, but do feel free to follow us on Twitter, Facebook, LinkedIn and subscribe to our RSS feed. We like helping you stay on top of things and making life just a little bit easier! Fear not, we’ve got your backs! Our bi-weekly [Smashing Podcast](https://www.smashingmagazine.com/category/smashing-podcast) has you covered with a var
A Headless CMS for You and Your Web Development Agency
Storyblok is a headless but component-based CMS with a built-in live-preview. You can use it for building fast and reliable websites and power native apps
Why JavaScript is Eating HTML
Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom about
Product-Service Partnerships
When customer companies buy software products, they usually need skilled staff to install them. This staff is usually provided by a service provider company, since software product vendors don't find it makes business sense to build their own services arm. Customers need to be aware of the relationship between product vendors and service providers, and should require transparency on the relationsh
GitHub Enterprise is now free through Microsoft for Startups
We’re partnering with Microsoft for Startups to make GitHub available for all participants, starting on February 13.
How Big Technical Changes Happen at Slack
Most new things in technology turn out to be fads: patterns of talking and doing that come and go without leaving a permanent mark. Microkernels; EPIC architectures like IA-64; object request brokers; and 1990s’-style neural nets are gone, and will not return. Sorry for the deep throwbacks; only time proves which things are fads, so for uncontroversial…
Setting Up API Mocking With Mirage JS And Vue.js — Smashing Magazine
Almost all JavaScript projects that can be found out in the wild interact with a web service or API and either use it for authentications or getting user-related data. In this article, Kelvin Omereshone introduces Mirage JS, an API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any backend API or services. You’ll also learn h
2020 Stack
In an article with the most clickbaity article ever, Joe Honton does a nice job of talking about the evolving landscape of web development. "Full-stack"
Building an Images Gallery using PixiJS and WebGL
Sometimes, we have to go a little further than HTML, CSS, and JavaScript to create the UI we need, and instead use other resources, like SVG, WebGL, canvas,
Supercharge your command line experience: GitHub CLI is now in beta
We want your feedback about GitHub’s new command line tool that makes it easier to work with GitHub and reduce friction for many of your common workflows.
Announcing GitHub India
We’re bringing GitHub closer to communities in India to better serve students, developers, maintainers, enterprise customers, and everyone helping to create the future of open source.
Understanding CSS Grid: Grid Template Areas — Smashing Magazine
In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, Rachel Andrew will learn how to use the grid-template-areas property to define placement on the grid and find out how the property really works. If you haven’t used this layout method before, give it a try. We find that it is a lovely way to experiment with layouts and often use it when prototyping a layout —
SFTP & Database Access on WordPress.com
Wait what?
How to Fetch and Parse RSS Feeds in JavaScript
Say you have an RSS feed like this one. The goal is to request that RSS feed, parse it, and do something useful with the data in it. RSS is XML, and XML is
The Hooks of React Router
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are looking
Outcome Over Output
GitHub Enterprise Server 2.20 is here
Additional security features, a new internal visibility option, and more with the latest updates to GitHub Enterprise Server 2.20.
How To Book More Appointments And Events With A WordPress Booking Plugin — Smashing Magazine
Appointment and event booking can be a time-consuming and tedious task. Business owners don’t want to deal with it and their assistants aren’t always the most effective way to capture or handle this information. Web designers, on the other hand, can help. By using the Amelia booking plugin for WordPress, you can create booking widgets that collect more appointments (and revenue) for your clients.
Smashing Podcast Episode 9 With Stéphanie Walter: How Can I Work With UI Frameworks? — Smashing Magazine
In this episode of the Smashing Podcast, we’re taking a look at UI Frameworks. How can the custom needs of a highly usable application be met with a set of off-the-shelf tools? Drew McLellan speaks to UX Designer Stéphanie Walter to find out what we should be considering when building on a UI framework.
Vetflare, Cloudflare's Military Veteran Employee Group Launches
If you’re a veteran reading this, know that Cloudflare has a seat at the table for you.
Design Systems Blogathon
It was fun watching a bunch of back and forth blogging between a bunch of smart people quoting a bunch of smart people last week. If you missed it, you might
Building the Web We Want
On the Microsoft Edge team, we’re committed to an open web and helping to drive innovation forward, which is why we’ve kicked off a new initiative in
Show open source some love and win a GitHub Hoodie with #OpenSourceValentine
Share your love for open source and learn how to get involved for a chance to win a GitHub hoodie.
An Argument for Automation
Why it can be worth spending 1 hour automating a 10 second task
Oh, don't worry, I've screwed up plenty of things too
Great Code Reviews—The Superpower Your Team Needs - Shopify
In this article, I have distilled a series of very practical techniques we use at Shopify to ship valuable code that can stand the test of time.
An Interview With Rémi Parmentier: A SmashingConf Austin Speaker — Smashing Magazine
SmashingConf is coming to Austin, and in this post, Rachel Andrew brings you an interview with one of our speakers, Rémi Parmentier, who will be presenting on HTML email and aiming to solve all of your email creation woes. You can find all of that content, including a full transcript of the webinar in the post “Become An HTML Email Geek With These Videos From Rémi Parmentier.
Post: Essilen Research, Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -
Who's Hiring? * Are you looking to improve how you hire technical talent? Essilen Research's free video series can help. Fix common issues in screening, interviewing, closing and on-boarding. Learn how world-class tech companies crush the hiring game! * Sisu Data is looking for machine learning engineers who are eager to deliver their features end-to-end, from Jupyter notebook to production, and p
Trying to sneak in a sketchy .so over the weekend
The tools you'd miss if you left a company
Custom Styling Form Inputs With Modern CSS Features
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a
Is Having an RSS Feed Just Giving Content Away for Free?
I mean, kinda.
Stuff The Internet Says On Scalability For February 7th, 2020 - High Scalability -
Wake up! It's HighScalability time: .A network visualization of an information operation on Twitter which originated in Russia (Watch six decade-long disinformation operations unfold in six minutes) Do you like this sort of Stuff? Your support on Patreon is appreciated more than you can know. I also wrote Explain the Cloud Like I'm 10 for everyone who needs to understand the cloud (which is everyo
Trying to be too (io)nice created a "killer" directory
How To Create Maps With React And Leaflet — Smashing Magazine
Leaflet is a very powerful tool, and we can create a lot of different kinds of maps. This tutorial will help you understand how to create an advanced map along with the help of React and Vanilla JS. In this article, Shajia Abidi is going to represent the locations of the non-medical fire incidents to which the SF Fire Department responded on a map.
Getting Acquainted With Svelte, the New Framework on the Block
For the last six years, Vue, Angular, and React have run the world of front-end component frameworks. Google and Facebook have their own sponsored frameworks,
New ways to create, collaborate, and share more openly
Live from Config 2020, here are all the new features from Figma
Get more information at a glance with issue and pull request linking
Now, anyone can connect an issue to a pull request from the issue directly using the new linked pull request section providing greater context to your workflow.
Manage secrets and more with the GitHub Actions API
Manage secrets, make use of self-hosted runners, and more with the GitHub Actions API—now available in beta.
ZooKeeper Meetup@Facebook: Advancing the state of distributed coordination
We recently hosted the third annual ZooKeeper Meetup@Facebook in Menlo Park, featuring technical talks focused on new performance, scalability, and security features implemented at large-scale companies with complex distributed systems. Events such as these are important for building community among peers across the industry. Speakers from Cloudera, Facebook, Salesforce, San José State University,
Bug Bounty Year in Review 2019 - Shopify
We’re reflecting on our Bug Bounty program for 2019 and introducing new program changes for 2020.
Django Highlights: User Models And Authentication (Part 1) — Smashing Magazine
Django is a framework for developing dynamic websites. While a static website is one that solely presents information, there is no interaction that gets registered to a server. In a static website, the server sends HTML, CSS, and JavaScript to a client and that’s it. More capabilities require a dynamic website, where the server stores information and responds to user interaction beyond just servin
Advanced Project Settings on Vercel
Fully customize your project’s behaviour or hit the ground running using our new framework presets.
Select an Element with a Non-Empty Attribute
Short answer:
Browser Version Release Spectrum
Whenever a browser upgrades versions, it's a little marketing event, and rightly so. Looks like for Firefox it's about once a month, Chrome is ~6 weeks, and
HTTPS is Easy!
I've been guilty of publicly bemoaning the complexity of HTTPS. In the past, I've purchased SSL certificates from third-party vendors and had trouble
Native Image Lazy Loading in Chrome Is Way Too Eager
Interesting research from Aaron Peters on <img loading="lazy" ... >:
CSS4 is a Bad Idea
Louis Lazaris, reacting to the idea of CSS4:
A Day in the Life of a Frontend Product Engineer at Slack
6:45am The sound of coffee grinding wakes me up 15 minutes before my alarm. I’m not a morning person, but I always stumble bleary-eyed into the kitchen for some toast and coffee with my partner, which is my favorite daily ritual. I sit down, listen to my morning news podcasts — The Daily and AM…
Magic Flip Cards: Solving A Common Sizing Problem — Smashing Magazine
In this article, Dan Halliday reviews the standard approach to creating animated flip cards, and introduces an improved method which solves its sizing problem. You’re going to build a flip card grid with some CSS basics — transforms, flex, and grid. Dan will cover: how flip cards are usually implemented using absolute positioning, the sizing problem that absolute positioning introduces, and a gene
CSS4
What is CSS4? Is it a real thing? I hate to break it to you, but not really. But maybe we could make it a thing? CSS3 was successful, so why not keep that train rolling like they do in JavaScript?
PHP is A-OK for Templating
PHP templating often gets a bad rap for facilitating subpar code — but that doesn't have to be the case. Let’s look at how PHP projects can enforce a basic
Overcomplicatin’
There's some famous quote that goes something like...