Modern browsers offer a variety of security mechanisms for web developers. Unfortunately, some of these aren’t so easy to manage. One needs a deep understanding of the functionality as well as theory behind. Secure Headers is a library that makes all that work a lot easier for PHP developers. Here are some of the features:
- Add/remove and manage headers easily
- Build a Content Security Policy, or combine multiple together
- Content Security Policy analysis
- Easy integeration with arbitrary frameworks (take a look at the HttpAdapter)
- Protect incorrectly set cookies
- Strict mode
- Safe mode prevents accidental long-term self-DOS when using HSTS, or HPKP
- Receive warnings about missing, or misconfigured security headers
Real Favicon Generator is a handy tool for setting up your website’s favicon properly. It takes care of both the images (formats, resolutions, etc) and the HTML that you’ll need to include. With just a few clicks your website will work properly with browsers, operating systems, and mobile applications.
With so many platforms and icons, it’s hard to know exactly what you should do. What are the dimensions of favicon.ico? How many Touch icons do I need? RealFaviconGenerator did the reseach and testing for you.
If you still prefer to do it yourself and know all there is to generating proper favicon images and markup, have a look at this resource for everything there is to it and more.
- This document originated from a bunch of most commonly used links and learning resources I sent to every new web developer on our full-stack web development team.
- For each problem domain and each technology, I try my best to pick only one or a few links that are most important, typical, common or popular and not outdated, base on the clear trends, public data and empirical observation.
- Prefer fine-grained classifications and deep hierarchies over featureless descriptions and distractive comments.
- Ideally, each line is a unique category. The ” / “ symbol between the links means they are replaceable. The “, “symbol between the links means they are complementary.
- I wish this document could be closer to a kind of knowledge graph or skill tree than a list or a collection.
- It currently contains 2000+ links (projects, tools, plugins, services, articles, books, sites, etc.)
On one hand, this is one of the best single resources on the topic of web development that I’ve seen in a very long time. On the other hand, it re-confirms my belief in “there is no such thing as a full-stack web developer”. There’s just too many levels, and there’s too much depth to each level for a single individual to be an expert at. But you get bonus points for trying.
Back in the old days, before the browsers even had extensions like Adblock Plus, many of us – tech-savvy web surfers – used to block unwanted advertising, SPAM sites, and other non-sense using the /etc/hosts file. The technology behind is very simple – you overwrite the IP address to which the unwanted website’s domain name resolves with a loopback IP address (127.0.0.1). Whether you do it on your own machine or at a home/office proxy server is irrelevant. And it worked magic!
Turns out, people still use this technique today. I came across this article, which shows how to use a rather extensive list of domains for all sorts of online madness, collected and maintained by kind folks at http://winhelp2002.mvps.org/.
But if you’ve never tried it, I strongly recommend giving it a go.
Headless Browsers is a list of (almost) all headless web browsers in existence. These are browsers without graphical user interface, controlled programmatically, and useful for testing, automation, and other similar tasks.
I’ve used one or two. I’v heard about three of four. I had no idea there was such a variety though.
As a user of Opera browser in the good ol’ days, I share Ilya Birman’s pain …
But I am not talking about rendering and scripts. I am talking about everything else. Safari may take a second or two just to open a new blank tab on a 2014 iMac. And with ten or fifteen open tabs it eventually becomes sluggish as hell. Chrome is better, but not much so.
… and this too …
What would you do today if you opened a link and saw a long article which you don’t have time to read right now, but want to read later? You would save a link and close the tab. But when your browser is fast, you just don’t tend to close tabs which you haven’t dealt with. In Opera, I would let tabs stay open for months without having any impact on my machine’s performance.
Wait, but didn’t I restart my computer or the browser sometimes? Of course I did. Unfortunately, modern browsers are so stupid that they reload all the tabs when you restart them. Which takes ages if you have a hundred of tabs. Opera was sane: it did not reload a tab unless you asked for it. It just reopened everything from cache. Which took a couple of seconds.
In fact, maybe it’s a good time to try out Opera browser again. After all, the two primary reasons I’ve switched from it were:
- Open Source. This was back in a day when I was a zealot. (Yeah, if you think I’m one now, you should have seen me in my 20’s.) Now I am much more calm about the licensing.
- Rendering issues. That was back when Opera had its own rendering engine and couldn’t quite keep up with all the changes on the Web. Since then, Opera has dumped its Presto rendering engine in favor of Webkit (the same engine that Google Chrome, Chromium and Safari browsers are using), and then dumped Webkit in favor of Blink, which is like … erm .. new Webkit (?) or something like that.
So maybe it’s good enough in rendering department and I can have my performance and tab management back. As Ilya mentions, no other browser came close to the tab management of Opera back in a day. I frequently have a 30+ tabs open, and its only because that’s as much as Chrome can handle on my laptop.
Update: Tried out the latest version of Opera now for about half an hour. I suddenly remembered another reason for why I’ve switched – fonts. Default fonts configuration is far from optimal. For multilingual pages (English and Russian) is more than horrific. Oh well, I guess, I’ll have to wait some more.
Var Masterpiece is a Google Chrome add-on, which formats PHP var_dump() output into something much more beautiful and useful. You can customize the type colors and a few other things in the extension options, once installed.
Slashdot is running a discussion thread on what are the best browser extensions these days. The comments cover a variety of browsers and all kinds of extensions. The most popular are, of course, well know. But there are a few gems here and there.
For me personally, I’ve picked the Tab Snooze extension. I’ve tried quite a few tab management solutions, and neither one of them fits my needs even though most tried (I want to run a single browser window, with dozens or hundreds of tabs open, but I want them to be organized into groups and hidden until later, when I need them). Tab Snooze approaches the problem from a slightly different angle. It sets the reminder for when to reopen the tab, and once that’s done, it closes the tab. You can find all snoozed tabs and open them before the due date, of course.
This works surprisingly well for me. If only I could control the opening of the tabs with something like “17 tabs were woken up and are about to be open. Continue?”. Currently, I get the notification and the tabs are open automatically, which is often not at the best time. Waking up a lot of tabs can slow the system down a bit and get in the way of things on which I’m working at the time.
Don’t ask me how, but I’ve ended up in the Google Chrome Web Store, where I spent the last three hours – especially in the Productivity -> Developer Tools category. I knew, there were plenty of apps to make Chrome OS / Chrome Browser super awesome, but it seems it’s been a while since I looked in there … My mind is officially blown!
I don’t need much from my Fedora laptop – a browser, a terminal, and some instant messaging apps. But these days apparently that’s too much. A lot of the things I do through the regular day can be handled right from the browser apps.
Here are some examples.
- Text editors. There is a slew of them! Simple and complex, specialized and generic, fast and … not so much. Have a look at Caret for example. It’s Sublime-like editor, based on the Ace editing component. It offers a selection of themes, syntax highlighting for all the major languages, multiple tabs, project settings, and more!
- SSH client. Yup, that’s right. You can connect to your remote servers right out of the browser, using, for example, ServerAuditor.
- MySQL clients. Choose between a simple command-line one, like MySQL Console. Or a full-featured one, with ERDs and database browser, like Chrome MySQL Admin.
- Git, GitHub, and Gist tools. Which there is a variety of…
- Web server (yes, really, a web server running in the web browser!) – Web Server fro Chrome, debugger (Xdebug), and compiler (Compiler.work).
Most of these offer session saving, networking synchronization, Google Drive data saving, social network integration, etc.
Wow! The browser world has come a long way since Netscape 3 …
CommitStrip nails it. That’s exactly what I do when the site is forcing me to disable the AdBlock extension.