- Oct 2015
-
www.w3.org www.w3.org
-
a web so conceptually consistent, socially relevant and technically expandable
We've done relatively well with the first two. "Technically expandable" is the one in danger.
If we continue to build "social networks" as singular dead end cul-de-sacs, we leave no exit available to those who follow.
The Web we want is expandable beyond the reaches of what we currently know, the economies we operate within, and the future we can currently conceive.
-
-
www.hongkiat.com www.hongkiat.com
-
20 browser alter natives.
-
-
www.smashingmagazine.com www.smashingmagazine.com
-
Here are a few handy tips on measuring your project’s performance profile:
In particular, see this section on recommendations for setting up tests that reasonably simulate "real world" conditions.
-
Web performance article from a couple of the Chrome team developers / (developer advocates). Mentioned on Twitter - https://twitter.com/aerotwist/status/649877465079390209
-
- Sep 2015
-
speakerdeck.com speakerdeck.com
-
Some interesting slides on CSS styling performance on GitHub, particularly focusing on their diff pages.
Several slides have direct references to WebKit internals explaining the impact on rule resolution performance.
Mentions a useful tool for understanding CSS selector performance implications, css explain
-
-
css-tricks.com css-tricks.com
-
This is the main reason we end up with bloated code bases, full of legacy and unknown CSS that we daren't touch. We lack the confidence to be able to work with and modify existing styles because we fear the consequences of CSS' globally operating and leaky nature. Almost all problems with CSS at scale boil down to confidence (or lack thereof): People don't know what things do any more. People daren't make changes because they don't know how far reaching the effects will be.
Tags
Annotators
URL
-
-
www.toptal.com www.toptal.com
-
If your timeline graph is dominated with the color green after recording
Green is used to denote time spent painting
-
there does not seem to be a general rule for how many workers to spawn. Some developers claim that 8 is a good number, but use an online calculator and suit yourself
Web workers are very heavy objects as they include an entire JS VM instance. 8 sounds like a lot.
-
-
-
This is an interesting history of web app and specifically component / styling development at Yandex and the evolution of the BEM methodology.
Tags
Annotators
URL
-
-
-
The W3C Annotation Working Group has a joint deliverable with the W3C Web Application Working Group called “Robust Anchoring”. This deliverable will provide a general framework for anchoring; and, although defined within the framework of annotations, the specification can also be used for other fragment identification use cases. Similarly, the W3C Media Fragments specification [media-frags] may prove useful to address some of the use cases. Finally, the Streamable Package Format draft, mentioned above, also includes a fragment identification mechanism. Would that package format be adopted for EPUB+WEB, that fragment identification may also come to the fore as an important mechanism to consider.
Anchors are a key issue. Hope that deliverable will suffice.
Tags
Annotators
URL
-
-
tutorials.jenkov.com tutorials.jenkov.com
-
This is an interesting dive into the challenges of creating a good language to describe the structure and functionality of a UI.
It advocates using a declarative structure to lay out the components and then using imperative logic within the components.
-
-
docs.angularjs.org docs.angularjs.org
-
The $digest loop keeps iterating until the model stabilizes
cf. React where an event triggers an event handler, which can trigger state changes and calls to
React.render()
. These are then batched together resulting in a single re-render, a DOM-diff and the application of the result to the DOM. Consequently you can't have an infinite state update loop. The exception is if a state change happens asynchronously, and that state change triggers another async state change (and so on...) -
The debugger allows you to access the currently selected element in the console as $0 variable.
-
-
tutorials.jenkov.com tutorials.jenkov.com
-
The value function should return the value which is being watched. AngularJS can then check the value returned against the value the watch function returned the last time
Ah, so since the input is a scope, this means that Angular needs to call every watch value fn that might be affected by a change. Should look into whether it has any optimizations to avoid that for common watch expressions.
-
-
bradfrost.com bradfrost.com
-
Both accessibility and performance are invisible aspects of an experience and should be considered even if they aren’t explicit goals of the project.
-
-
www.w3.org www.w3.org
-
all representations have essentially the same information content. And what we mean by "essentially" allows in fact some wriggle room, and in the end it rests on a common understanding between publisher of the information and quoter of the URI. The sameness we are after is the sameness of information content. That is what is identified by the URI. That is why we say that the URI identifies that conceptual information content, irrespective of its particular representation: the conceptual work. Without that common understanding, the web does not work. Some people have said, "If we say that URIs identify people, nothing breaks". But all the time they, day to day, rely on sameness of the information things on the web, and use URIs with that implicit assumption. As we formalize how the web works, we have to make that assumption explicit.
-
I'm sticking with the machine-processable languages as examples because human-processable ones like HTML have a level of ambiguity traditional in human natural language but quite out of place in the WWW infrastructure -- or the Semantic Web.
-
we must either distinguish or be hopelessly fuzzy. And is this bad, is it an inhibition to have to work our way though documents before we can talk about whatever we desire? I would argue not, because it is very important not to lose track of the reasons for our taking and processing any piece of information. The process of publishing and reading is a real social process between social entities, not mechanical agents. To be socially responsible, to be able to handle trust, and so on, we must be aware of these operations. The difference between a car and what some web page says about it is crucial - not only when you are buying a car. Some have opined that the abstraction of the document is nonsense, and all that exists, when a web page describes a car, is the car and various representations of it, the HTML, PNG and GIF bit streams. This is however very weak in my opinion. The various representations have much more in common than simply the car. And the relationship to the car can be many and varied: home page, picture, catalog entry, invoice, remote control panel, weblog, and so on. The document itself is an important part of society - to dismiss its existence is to prevent us being aware of human and aspects of information without which we are impoverished. By contrast, the difference between different representations of the document (GIF or PNG image for example) is very small, and the relationship between versions of a document which changes through time a very strong one.
-
-
It demonstrates the ambiguity of natural language that no significant problem had been noticed over the past decade, even though the original author or HTTP , and later co-author of HTTP 1.1 who also did his PhD thesis on an analysis of the web, and both of whom have worked with Web protocols ever since, had had conflicting ideas of what the various terms actually mean.
-
an HTTP URI may identify something with a vagueness as to the dimensions above, but it still must be used to refer to a unique conceptual object whose various representations have a very large a mount in common. Formally, it is the publisher which defines the what an HTTP URI identifies, and so one should look to the publisher for a commitment as to the exact nature of the identity along these axes.
-
-
engineering.gosquared.com engineering.gosquared.com
-
So instead we introduced the loading spinner on each widget. Nothing is actually any faster, but the whole experience feels more responsive
-
Simply reducing some CSS transition times from 500ms to 250ms, and cutting others out entirely, made the whole dashboard feel snappier and more responsive.
-
This means content is served from the nearest possible geographic location to the user, cutting down request latency from as high as 2500ms (in places such as Singapore) to tens of milliseconds
-
We eventually came up with a compromise solution based on Addy Osmani’s basket.js, using a combination of server-side script concatenation and localStorage for caching. In a nutshell, the page includes a lightweight loader script, which figures out which JS and CSS it has already cached and which needs to be fetched. The loader then requests all the resources it needs from the server in one request, and saves all the resources into localStorage under individual keys. This gives us a great compromise between cutting down the number of HTTP requests while still being able to maintain cacheability, and not re-downloading code unnecessarily when it hasn’t changed. Addtionally, after running a few benchmarks, we found that localStorage is (sometimes) actually faster than the native HTTP cache, especially on mobile browsers.
-
- Aug 2015
-
-
While these features have connected untold millions and created new forms of social organization, they also come at a cost. Material seems to vanish almost as quickly as it is created, disappearing amid broken links or into the constant flow of the social media “stream.” It can be hard to distinguish fact from falsehood. Corporations have stepped into this confusion, organizing our browsing and data in decidedly closed, non-transparent ways. Did it really have to turn out this way?
La web, utopía y distopía en simultánea.
-
-
www.balisage.net www.balisage.net
-
The promise of OA lies more in prospects for social success than in the model's descriptive power.
Fine by me.
-
-
www.w3.org www.w3.org
-
I feel that there is a great benefit to fixing this question at the spec level. Otherwise, what happens? I read a web page, I like it and I am going to annotate it as being a great one -- but first I have to find out whether the URI my browser is used, conceptually by the author of the page, to represent some abstract idea?
-
-
www.adlnet.gov www.adlnet.gov
-
The Training and Learning Architecture (TLA) encompasses a set of standardized Web service specifications and Open Source Software (OSS) designed to create a rich environment for connected training and learning.
-
-
vladimiralexiev.github.io vladimiralexiev.github.io
-
It was all envisioned by Sir Tim Berners-Lee 25 years ago
It's amazing how hard the implementation bit is... :(
Love the idea. Making it a reality is still ongoing, as I'm sure TimBL knows all too well...
-
- Jul 2015
-
blog.mozilla.org blog.mozilla.org
-
We strongly urge you to reconsider your business tactic here and again respect people’s right to choice and control of their online experience by making it easier, more obvious and intuitive for people to maintain the choices they have already made through the upgrade experience.
Completely agree!
Now...how do I change my Reader View settings to use something besides Pocket for social bookmarking?
...can't seem to find that setting...anywhere.
-
-
devblog.avdi.org devblog.avdi.org
-
Let me be very clear: I do not care what the “top highlight” is. In fact, I actively do not want to know what the top highlight is. That kind of information encourages the meme-ification of the web, a world where we care more about pushing one sentence over the “tipping point” into virality than in carrying on a global conversation. It’s American Idol for pull quotes.
-
-
-
Davis, Allison P. "Sheila Heti on Drinking Her Way to a Child's-Eye View" from Department of Corrections in The Cut July 16, 2015 annotation as a correction to existing online resources such as Wikipedia
-
-
www.eblida.org www.eblida.org
-
European Bureau of Libraries in Europe Public libraries- statistics
-
-
guides.library.ucsc.edu guides.library.ucsc.edu
-
To these basic citations, the annotated bibliography adds descriptive and evaluative comments (i.e., an annotation), assessing the nature and value of the cited works. The addition of commentary provides the future reader or researcher essential critical information and a foundation for further research.
Tags
Annotators
URL
-
-
code.google.com code.google.com
-
Google Annotations Gallery
what is this resource? what does it do?
-
The Google Annotations Gallery is an exciting new Java open source library that provides a rich set of annotations for developers to express themselves. Do you find the standard Java annotations dry and lackluster? Have you ever resorted to leaving messages to fellow developers with the @Deprecated annotation? Wouldn't you rather leave a @LOL or @Facepalm instead? If so, then this is the gallery for you.
Tags
Annotators
URL
-
- Jun 2015
-
thinksem.com thinksem.com
-
“People form first impressions about web pages in 17 milliseconds.”
-
-
www.hewlett.org www.hewlett.org
-
“the process through which a person becomes capable of taking what was learned in one situation and applying it to new situations; in other words, learning for ‘transfer . ’”
What better way to do this than taking a skill- or content-based lesson and applying it to the web as a practice through annotation.
-
-
news.ycombinator.com news.ycombinator.com
-
If you want a DIY version of this, try ImageMagick's compare command: compare bag_frame1.gif bag_frame2.gif compare.gif Documentation: http://www.imagemagick.org/Usage/compare/ reply no_gravity 2 hours ago Interesting. And to render the html you can use cutycapt. Which is in the Debian repos too. I just tried it, and this rendered a nice diff of two pages for me: cutycapt --url=http://www.xyz.com/1 --out=1.png cutycapt --url=http://www.xyz.com/2 --out=2.png compare 1.png 2.png diff.png reply easytiger 2 hours ago Now make it a webservice and charge $200/month! reply programmernews3 1 hour ago First part already done: http://archive.is/ reply prottmann 1 hour ago apt-get install the services and use them on my server ;-) reply
Plain and simple way to report visual degradation of website or webapp
Tags
Annotators
URL
-
- May 2015
-
www.hostingadvice.com www.hostingadvice.com
-
Top 5 Free Node.js Hosting Services
Ücretsiz web uygulaması ve nodejs barındırılabilecek hizmet sağlayıcılar
-
-
webodf.org webodf.orgWebODF1
-
WebODF is a JavaScript library that makes it easy to add Open Document Format (ODF) support to your website and to your mobile or desktop application. It uses HTML and CSS to display ODF documents.
-
- Apr 2015
-
-
Axiom: Opacity of URIs The only thing you can use an identifier for is to refer to an object. When you are not dereferencing, you should not look at the contents of the URI string to gain other information.
Tags
Annotators
URL
-
- Mar 2015
-
web.hypothes.is web.hypothes.is
-
Here’s a presentation at the 2013 Personal Democracy Forum that provides a little more context for our project.
This is an inspiring talk.
-
-
indiewebcamp.com indiewebcamp.com
-
You can expect to pay 50 cents a day. Or try DIY. This is where you will own your content.
Rent to own?
There is no ownership while we rent.
We either own or increase our freedom of movement in and out of rental environments...or both.
-
-
uxmyths.com uxmyths.com
-
Although people weren’t used to scrolling in the mid-nineties, nowadays it’s absolutely natural to scroll. For a continuous and lengthy content, like an article or a tutorial, scrolling provides even better usability than slicing up the text to several separate screens or pages.
-
- Feb 2015
-
127.0.0.1:5500 127.0.0.1:5500
-
I BM GroupTalk
Anyone remember what this was?
-
-
themanual.org themanual.org
-
There was a point many years ago now when the web looked like it would be for documents. It would be structured and organized, and everything could be linkable.
...and I want this Web back...
Tags
Annotators
URL
-
-
www.infoworld.com www.infoworld.com
-
while e-mail dissolves barriers to the exchange of data, we need another solvent to dissolve the barriers to collaborative use of that data. Applied in the right ways, that solvent creates what I like to call the “universal canvas” -- an environment in which data and applications flow freely on the Web.
-
- Jan 2015
-
-
How interesting! It's the same in my family. Certain members will take as gospel, the opinions of the people they deem to have credibility, but eschew - and even satirically cauterize - the wisdom and factual evidence of people with the authority and knowledge.
It's most frustrating. As for me, I try not to read comments. They just make me so angry!
-
-
de.dariah.eu de.dariah.eu
-
Web-App »Orte jüdischer Geschichte«
Beschreibung der App in der DARIAH-DE Infrastruktur.
-
-
wissen.hypotheses.org wissen.hypotheses.org
-
Ebenfalls eingebaut ist der naheliegende Zugang über eine Kartenvisualisierung (Google Maps).
Die verwendete Methode mittels KML-Datei wird jedoch vom Anbieter Google ab Februar 2015 nicht mehr unterstützt. Hier wird eine andere Visualisierung gebraucht.
Tags
Annotators
URL
-
- Nov 2014
-
blog.whatfettle.com blog.whatfettle.com
-
There’s a certain amount of snobbery about PHP, but I’ve no truck for such snark. PHP is the Web’s BASIC. It’s everywhere, beginner-friendly, and I like it.
-
-
www.w3.org www.w3.org
-
Yeah. I think this describes things perfectly. ^_^
Tags
Annotators
URL
-
-
www.w3.org www.w3.org
-
Clients are browsers
== or === ?
Tags
Annotators
URL
-
- Oct 2014
-
news.ycombinator.com news.ycombinator.com
-
Maybe the driver for semantic web data is humans trying to programmatically consume human-readable information, rather than the other way around?
-
What really needs to happen is for somebody to take a few of the huge publicly available triplestores and write some really compelling reasoning systems on them and demonstrate almost effortless merging across the datasets. Outside of fairly trivial examples, almost all of which are similarly or outperformed by near-enough technologies, really complex reasoners haven't happened.
Tags
Annotators
URL
-
-
www.well.com www.well.comMetacrap1
-
observational metadata is far more reliable than the stuff that human beings create for the purposes of having their documents found. It cuts through the marketing bullshit, the self-delusion, and the vocabulary collisions
Read the whole essay it is worth the while...
Tags
Annotators
URL
-
-
juliawebstack.org juliawebstack.org
Tags
Annotators
URL
-
-
kartikprabhu.com kartikprabhu.com
-
Kartik Prabhu on marginalia on the Web.
-
-
togetherjs.com togetherjs.com
-
it echos messages to all the participants using Web Sockets
Tags
Annotators
URL
-
- Sep 2014
-
127.0.0.1:5500 127.0.0.1:5500
-
ENQUIRE
As featured in "Weaving the Web" by Tim Berners-Lee
-
-
www.borthwick.com www.borthwick.com
-
The cacophony of the crowd erases the past and affirms the present. It started with search and now its accelerated with the now web. I dont know where it leads but I almost want a remember button — like the like or favorite. Something that registers something as a memory — as an salient fact that I for one can draw out of the stream at a later time.
-
- Jan 2014
-
www.theatlantic.com www.theatlantic.com
-
The process of tying two items together is the important thing.
Annotations are at the Web’s core.
-
- Oct 2013
-
www.atypi.org www.atypi.org
-
Internet
Curiously, while net access is fast and painless at most cafes in the city, access at the conference hotel is convoluted and very limited.
-