#web (4,377 links)
- Page Weight Matters | Chris Zacharias blog.chriszacharias.com
Many of us are fortunate to live in high bandwidth regions, but there are still large portions of the world that do not. By keeping your client side code small and lightweight, you can literally open your product up to new markets.
Via monospaced.
- Evergreen Browsers : Tom Dale tomdale.net
The good news is that both Internet Explorer and Firefox have adopted this [evergreen] strategy, and now we just have to wait for the last generation of non-evergreen browsers to die out. But even that is happening more rapidly than you might think.
- bkeepers/dotenv - GitHub github.com
Dotenv loads environment variables from .env into ENV. Storing configuration in the environment is one of the tenets of a twelve-factor app. Anything that is likely to change between deployment environments–such as resource handles for databases or credentials for external services–should be extracted from the code into environment variables.
But it is not always practical to set environment variables on development machines or continuous integration servers where multiple projects are run. Dotenv load variables from a .env file into ENV when the environment is bootstrapped.
The whole point is portability. I can create a docker image in then push it out to run on Amazon EC2 or on any Linux machine running docker.
- Cascade Framework jslegers.github.io
- CSS Front-end Frameworks with comparison - By usabli.ca usablica.github.io
- Pure purecss.io
- The State Of Responsive Web Design | Smashing Mobile mobile.smashingmagazine.com
[this is good]
By simply applying ‘text-align: justify’ to the container, and giving the child elements ‘display: inline-block’ and a percentage width, you’ll never have to deal with horizontal margins ever again! (Oh and did I mention, when using this trick, you’ll also never need to use float on your elements ever again, so you can wave goodbye to those ignominious clearfixes and clear divs too!)
Clever, mildly hacky.
- The declining profitability of Google Adwords | Hacker News news.ycombinator.com
Magic.
caniuse.com now allows you to import Google Analytics statistics from your own sites to verify real levels of user support and compare them to the worldwide average.
- Screensiz.es screensiz.es
Handy list of common mobile, tablet and monitor screen sizes.
- cubic-bezier.com cubic-bezier.com
A better tool for cubic-bezier() easing
Via monospaced.
- Microinteractions | Design with Details microinteractions.com
This book provides a new way of thinking about designing digital products: as a series of microinteractions that are essential to bringing personality and delight to applications and devices.
Via ttscoff.
- Creating a Performance Culture | High Performance Web Sites stevesouders.com
- hakimel/reveal.js · GitHub github.com
A framework for easily creating beautiful presentations using HTML. Comes with a broad range of features including nested slides, markdown contents, PDF export, speaker notes and a JavaScript API. It's best viewed in a browser with support for CSS 3D transforms but fallbacks are available to make sure your presentation can still be viewed elsewhere.
- zurb/foundation · GitHub github.com
- Ceaser - CSS Easing Animation Tool - Matthew Lein matthewlein.com
- Harvey - CSS media query state management harvesthq.github.io
- Responsive News - Images responsivenews.co.uk
A quick overview of [BBC News] strategy for delivering images into a responsive web page.
- The Goldilocks Approach to Responsive Web Design goldilocksapproach.com
- How fast are we going now? | High Performance Web Sites stevesouders.com
Web developers don’t have much control over connection speeds and browser optimizations, but they can control the size of their pages. Unfortunately, page weight continues to increase.
Ho hum.
The idea is our editor, tools etc will all live on a virtual machine, in which we’ll also setup our application environment - databases, services etc. We can then develop features using the precise environment we have in production, reusing the production scripts.
Another data point. Not sure I agree with editing in the VM, though.
The service line is the part that scares advertising agencies. It’s associated with building products, which potentially puts them in competition with their clients who, after all, are the ones who actually make things. Those services can create deeper, more meaningful experiences that solve different needs and produce a different kind of brand relationship. It’s also, because of that organisational drag, horrendously difficult.
[...]
Product people know this. Startup people know this. Most advertising people do not, as yet, know this.
- Sensible jumps in responsive image file sizes Cloud Four Blog blog.cloudfour.com
I have a new idea on how we might be able to define responsive image breakpoints that is based on a performance budget. Before I begin, I should note that a lot of this is a thought experiment. I don’t yet know how practical this approach would be.
- Magnific Popup: Responsive jQuery Lightbox Plugin dimsemenov.com
- Frictionless Web Development with Flask randykarels.com
For a while I've been looking for a more fluid toolkit for rapidly developing and iterating static sites. I have three use cases in mind: client html mockups with rapid iterations or slight variations, maintaining the static client sites that I have in the stable, and hacking on my own site. In each of these cases, dealing with databases, CMSs, versioning, or directories of HTML files was either too heavy, too slow, or both.