For years we have used the “Save for Web†export in Photoshop for our files. I now want to encourage you to give the “Export As†option a shot. This new way of exporting is robust and has a real nice way for us to turn those large png files into much more manageable file sizes
We at bluPixel love codepen.io. Browsing great work from highly talented people can be humbling, yet inspirational. Here is a post of mine from a couple years back that got a little love. It’s kid stuff compared to many of the pens that are featured daily but, hey, it’s what I got. See the Pen
Welcome to this bluPixel Studio quick tip! Ok new web developers out there, let’s talk about this scenario. You open up your project, inspect the code only to see your provided header image is a jpg with a white background. The body has a background color so this will not work. We need a transparent
This walkthrough will show you how to enable some behavior in your web page. Specifically, we will write code to react to a click on some page element, by showing some other page element. Ready for this? Things you should already know: How to create an HTML document How to insert JavaScript into an HTML
We at bluPixel studio are perpetually tinkering with new tools (new to us at least). Here are our recommendations for a few categories of tools. IDEs and code editors Visual Studio Code This is currently my (Steve) go-to code editor. The IntelliSense code completion is quite nice. The built-in Git support saves time at the
It’s a bare-bones HTML document. This post exists to provide supporting material for other posts.
The browser dev tools are an indispensable part of the front-end web development workflow. They can be very useful for server-side web development as well. The tools provide, generally, a representation of the live DOM, a network monitor, a console (for viewing messages from the browser and entering commands), and various other utilities depending on
