Here's What We Found

June 29, 2016 Web Development + Tech
Web-based REPL’s for many languages

...’round here, so JavaScript makes for an easy example. The “console” in your browser’s DevTools is a REPL for JavaScript. There is a console on CodePen as well, which can...

September 17, 2015 Design + Creative
Six Stunning Style Guides

Web style guides emerged from the web’s evolution out of text-only webpages. In 1994, developers and early browser makers turned to the then-recently launched World Wide Web Consortium to enact...

December 6, 2018 Web Development + Tech
How To Clear The Cache in Chrome

“Caching” is when, rather than fetching a new copy of an asset like an image, HTML, CSS, or JavaScript file from the internet, the browser uses a copy it has...

October 28, 2014 Web Development + Tech
Accessibility – The Next Big Thing Was Always Here

...controls its presentation as well. Power to the people Marked up properly, all web content is accessible. That means you can access it through your regular web browser and see...

April 7, 2011 Legacy
Getting More Signal From Your Noise

...or impressive. With the increasing power of the browser to make great UI’s and graphics, you’ve got incredible control over how (and what) you display — and making that interactive....

August 24, 2017 Web Development + Tech
Options for Live Streaming Video

...your web browser. You do have to install a little driver thing that allows it access to your video/audio locally, but otherwise you do everything in the browser. You create...

May 9, 2017 Web Development + Tech
The Many Benefits of HTTP/2

...in the light of security considerations, companies like Google (Chrome) and Mozilla (Firefox) have publicly stated that they will only enable HTTP/2 surfing in their browsers if the given website...

February 10, 2015 Design + Creative
Five Essential Apps for UX Design

...descriptions or flowcharts. By allowing easy comment addition and tracking, collaborating on UX designs couldn’t be easier. 2: Perfect Pixel Once added to any browser, Perfect Pixel puts a semi-translucent...

June 24, 2015 Web Development + Tech
How-To: Site Migration

...source server by using either a browser-based tool, such as PhpMyAdmin, or via the mysldump command if you have SSH access. I strongly suggest using the “Add Drop Tables” option...

September 27, 2017 Web Development + Tech
Using DevTools to Sidestep Obnoxious Websites

Modern browser DevTools, besides being gosh-darned amazing for doing our jobs as front end web developers, can be used to strong arm our way through problems we encounter on the...

August 28, 2018 Web Development + Tech
The Low Hanging Fruit of Web Performance

There is so much to know about making websites fast. It’s rather incredible. Things like understanding servers and networks, how browsers parse things and make decisions, efficient coding choices, and...

February 18, 2016 Design + Creative
Building Concentric Circles with Nice Color Palettes For Fun and Science

...we can append that to the end of the URL we’re building: var url = "http://www.colourlovers.com/api/palettes/top?format=json&numResults=5&resultOffset=" + rand; We want to use this in the browser, so: That means doing...

May 13, 2020 Web Development + Tech
Should I Care About SSLs?

...work? In simple terms, an SSL encrypts information as it travels from a browser to a web server. In what is commonly known as the SSL “handshake”, encryption keys (a...

May 14, 2013 Legacy
Designing Value: Stories from Future Insights – Part 2

...Bruce Lawson, an Open Standards Evangelist for Opera browser. “We run on devices that no one else runs on. There are 10’s of millions of people that could not access...

June 21, 2018 Web Development + Tech
Writing Good Support Requests

...times when something is broken, it’s literally broken code. Since so many websites are highly JavaScript powered these days, opening up your browsers DevTools (try Command-Option-J in Chrome) and going...

June 24, 2019 Web Development + Tech
The Different Layers of Website Security

...SSL is an electronic document that is used to establish id entity and trust between two parties: the web site and the web browser. That little padlock icon in your...