#web (3832 links)
Must remember. "Which is better: mylogo.1.2.gif or mylogo.gif?v=1.2? To gain the benefit of caching by popular proxies, avoid revving with a querystring and instead rev the filename itself."
- jQuery Raty - A Star Rating Plugin | Hacker News news.ycombinator.com
Sigh.
- » The EMs have it: Proportional Media Queries FTW! Cloud Four Blog blog.cloudfour.com
@getify @smashingmag About pixels vs ems in media-queries: http://t.co/YqcC8tpw #fronttrends Spoiler: use ems!
- linkedin/inject github.com
"Manage your [JS] dependencies in a Library Agnostic way". Clever-looking localStorage stuff.
"Ditch media="print" if you have one! (Hey why isn't this a yslow/pagespeed rule?). Ditch it because in the best case scenario it will only block onload. In the worst case it will block initial paint, onload and DOMContentLoaded. Sitting in front of a white page with no feedback is the worst possible user experience."
- Serve - Delicious ERB, Haml + Sass get-serve.com
Simple dynamic site generator with standardised templating tools: certainly looks nice for building those early-stage prototypes before you need a full backend.
- Google HTML/CSS Style Guide google-styleguide.googlecode.com
Not revolutionary but solid. Some moderately contentious parts.
- A Closer Look At Font Rendering | Smashing Magazine smashingmagazine.com
Now that we have a great choice of fonts that can be used on websites, it becomes clear that the translation of a design into pixels is not something that happens naturally or consistently. OS makers apply different strategies to render how typefaces are displayed, and these have evolved greatly over time (and still continue to do so). As we now look closer at fonts on screen more than ever before, we realize that the rendering of these glyphs can differ significantly between systems and font formats. What’s more, it has become clear that even well-designed fonts may not look right on Windows if they are missing one crucial added ingredient: hinting.
- webserver - Why move your Javascript files to a different main domain that you also own? - Stack Overflow stackoverflow.com
"The problem is that once you send HTTP headers for really aggressive caching (i.e. cache me for a week or a year or forever), these files aren't ever reliably loaded from the server any more and you can't make changes/fixes to them because things will break in people's browsers.
So, what companies have to do is stage these changes and actually change the URLs of all of these files to force people's browsers to reload them. Cycling through domains like "a.imwx.com", "b.imwx.com" etc. is how this gets done.
By using a nonsense domain name, the Javascript developers and their Javascript sysadmin/CDN liaison counterparts can have their own domain name/DNS that they're pushing these changes through, that they're accountable/autonomous for.
Then, if any sort of cookie-blocking or script-blocking starts happening on the TLD, they just change from one nonsense TLD to kyxmlek.com or whatever. They don't have to worry about accidentally doing something evil that has countermeasure side effects on all of *.google.com."
- A New Front-End Methodology: BEM | Smashing Coding coding.smashingmagazine.com
- rwldrn/idiomatic.js github.com
- PhantomJS: Headless WebKit with JavaScript API phantomjs.org
PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.
- Fixing These jQuery | adam j. sontag fixingthesejquery.com
An HTML5 presentation designed to familiarise developers with basic approaches to debugging jQuery and JavaScript code. It also introduces many of the common pitfalls most people encounter at some point on their jQuery journey.
I think we’re seeing the emphasis shift from valuing trivia to valuing tools. There’s a new set of baseline skills required in order to be successful as a front-end developer, and developers who don’t meet this baseline are going to start feeling more and more left behind as those who are sharing their knowledge start to assume that certain things go without saying.
- Media Query & Asset Downloading Results timkadlec.com
- GetBPM.org | your community BPM package host getbpm.org
A system for managing resource dependencies for client-side browser applications.
- Github Styleguide github.com
- Web Development Using Virtual Machines jacklmoore.com
Setting up a LAMP stack on Virtualbox.
- Publish What You Learn | Smashing Magazine smashingmagazine.com
The collaboration on apps like GitHub should be exactly what happens on blog posts. The readers posting comments should read the entire article, and should offer constructive, polite criticism and suggestions, without any unnecessary negativity.
- Web Standards Trifle | And all that Malarkey stuffandnonsense.co.uk
Hadn't seen this 2005-era post before.
Web standards: trifle. Not web standards: fruit cake.
I'm not the only one who's fond of a good cake analogy.
- Bedrock | Infrequently Noted infrequently.org
Let that picture sink in: at 180KB of JS on average, script isn’t some helper that gives meaning to pages in the breech, it is the meaning of the page. Dress it up all you like, but that’s where this is going.
- Introducing Grunt - Bocoup weblog.bocoup.com
..."a task-based command line build tool for JavaScript projects."
- adamdbradley/foresight.js github.com
Gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request the appropriate image for the webpage.
- Port-based Apache virtual hosts | Articles | Mike Raynham mikeraynham.co.uk
localtunnel with apache virtual hosts, it can be done! +
- Perch Multiple Galleries support.grabaperch.com
Hacktastic. But the principle works.
- Benefits of polyglot XHTML5 xmlplease.com
- Touch Wiki github.com
Javascript libraries for dealing with touch events, multitouch, normalizing across the Webkit/IE touch models, and all that jazz.
- The Responsinator responsinator.com
We can no longer presume that the content accessed through mobile devices will also be viewed on them. With AirPlay, mobile device experiences can just as easily become 10 foot lean-back experiences, negating all your assumptions about display size and bandwidth. Responsive meda strategies will need to get more sophisticated to take this into account.
- The Statistics of Web Performance slideshare.net
In terms of web performance, the experience we need to measure is user perceived page load time, and the single number we need to extract depends on the distribution of measurements across the sample. There are a few contenders for what the magic number should be. Do you use the mean, median, mode, or something else? How do you determine the correctness of this number or whether your sample size is large enough? Is one number sufficient?
- Starbucks Style Guide starbucks.com
- About HTML semantics and front-end architecture – Nicolas Gallagher nicolasgallagher.com
- HTML5 Touch Interfaces: SXSW extended version. slideshare.net
- One-com/assetgraph github.com
Potentially useful. "An AssetGraph object is a collection of assets (nodes) and the relations (edges) between them. It's a basic data model that allows you to populate, query, and manipulate the graph at a high level of abstraction. For instance, if you change the url of an asset, all relations pointing at it are automatically updated."