1,653 Matching Annotations
  1. Jul 2021
    1. it is impossible to build a new web browser

      Perhaps it's not possible. (Probably not, even.) It would be very much possible to build a web browser capable of handling this page, on the other hand, and to do so in a way that produces an appreciable result in 10 minutes of hacking around with the lowliest of programming facilities: text editor macros—that is, if only it had actually been published as a webpage. Is it possible to do the same for if not just this PDF but others, too? No.

    1. It's great to enhance the Internet Archive, but you can bet I'm keeping my local copy too.

      Like the parent comment by derefr, my actual, non-hypothetical practice is saving to the Wayback Machine. Right now I'm probably saving things at a rate of half a dozen a day. For those who are paranoid and/or need offline availability, there's Zotero https://www.zotero.org. Zotero uses Gildas's SingleFile for taking snapshots of web pages, not PDF. As it turns out, Zotero is pretty useful for stowing and tracking any PDFs that you need to file away, too, for documents that are originally produced in that format. But there's no need to (clumsily) shoehorn webpages into that paradigm.

      If you do the print-to-PDF workflow outlined earlier in the thread, you'll realize it doesn't scale well, requiring too much manual intervention and discipline (including taking care to make sure it's filed correctly; hopefully you remember the ad hoc system you thought up last time you saved something), that it's destructive, and that it ultimately gives you an opaque blob. SingleFile-powered Zotero mostly solves all of this, and it does it in a way that's accessible in one or two clicks, depending on your setup. If you ever actually need a PDF, you can of course go back to your saved copy and produce a PDF on-demand, but it doesn't follow that you should archive the original source material in that format.

      My only reservation is that there is no inverse to the SingleFile mangling function, AFAIK. For archival reasons, it would be nice to be able to perfectly reconstruct the original, pre-mangled resources, perhaps by storing some metadata in the file that details the exact transformations that are applied.

    1. How to Create a Travel Website: Types, Features, Industry TrendsTimur YilmazTech JournalistProduct GuideHomeBlogEntrepreneurshipHow to Create a Travel Website: Types, Features, Industry TrendsJul 13, 202119 min readMost people plan a journey by seeking advice from the same source — the Internet. As ending the pandemic is becoming more solvable, many of us think about where to travel next. Ironically, we tend to get easily overwhelmed by the sheer amount of tasks. What place is ok for a night stay? Which is the best camera backpack? Where to refuel? So today, we will figure out how a travel website works. We will also share tips on how to make your own travel website genuinely shine.

      Most people plan a journey by seeking advice from the same source — the Internet. As ending the pandemic is becoming more solvable, many of us think about where to travel next.

      Ironically, we tend to get easily overwhelmed by the sheer amount of tasks. What place is ok for a night stay? Which is the best camera backpack? Where to refuel?

      So today, we will figure out how a travel website works. We will also share tips on how to make your own travel website genuinely shine.

    1. By making the storage and organization of information everyone’s responsibility and no one’s, the internet and web could grow, unprecedentedly expanding access, while making any and all of it fragile rather than robust in many instances in which we depend on it.
    1. You can use LibreOffice's Draw

      Nevermind LibreOffice Draw, you can use LibreOffice Writer to author the actual content. That this is never seriously pushed as an option (even, to my knowledge, by the LibreOffice folks themselves) is an indictment of the computing industry.

      Having said that, I guess there is some need to curate a set of templates for small and medium size businesses who want their stuff to "pop".

    1. I’m not confident I’ll be able to keep a server running to serve up my notes, so I bundled them up into an archive of pregenerated HTML, which anyone who has a copy can unpack and read, without requiring any online resources.
    1. How Much Does It Cost to create a Website Like Amazon?Dmitry ChekalinChief Executive OfficerDaniil TorkutDeveloper AdvocateKate DavydovaMarketplace Growth StrategistMarketplaceProduct GuideHomeBlogEntrepreneurshipHow Much Does It Cost to create a Website Like Amazon?Dec 10, 201917 min readToday, the ability to make a purchase in 1 click means nothing extraordinary. Still, in 1999, it was a sensation. The sensation caused by Jeff Bezos and his website, Amazon, now loved by millions of buyers and suppliers. Six figures of digital transactions, product listings, and new users prove the platform's success and constant growth.In 2018, Amazon's stock value rose to make the marketplace worth $1 trillion. The store that was started in the garage has become the second company after Apple Inc.Wondering how to build a multi vendor marketplace like Amazon? In this article, we will cover the main points to take into account when creating a similar e-commerce platform.

      Today, we know Amazon as one of the Big Four tech companies along with Google, Apple, and Facebook.

      How did it hit the big time? This question intrigues both entrepreneurs who are going to launch a multi-vendor online marketplace and owners of existing platforms.

      In this post, we want to discuss the core technical aspects that deserve your attention when you are going to launch a similar website including the right tech stack, required functionality, and the key MVP features.

    1. A great overview of some of the various definitions of small web and what it might entail.

    2. Another interpretation of the “Small Web” concept is that it refers to the use of alternative protocols to the dominant HTTP(S), lightweight ones like the older Gopher and newer Gemini. For example, the blog post Introduction to Gemini describes these collectively as “the Small Internet”.

      Maybe the idea of a "personal internet" is what we're all really looking for? Something with some humanity? Something that's fun? Something that has some serendipity?

    3. I’m quite interested in concepts of the “Small Web” and adjacent topics, but it is definitely true that “small web” itself is a vague term that different people use to talk about different kinds of projects. What unites all these different concepts is the kind of web they define themselves against; that kind of bloated, corporate, algorithm-ruled and ad-ridden mess that constitutes the majority of highly-trafficked websites these days.

      It would definitely be better if there were also a proactive, positive definition of what the small web were for rather than against.

      It's better to have definitions in both directions to better delineate what's included and what's excluded.

    1. How to Create a Car Rental Website: All You Need to KnowDmitry ChekalinChief Executive OfficerAlina NechvolodE-Commerce & SaaS StrategistProduct GuideHomeBlogEntrepreneurshipHow to Create a Car Rental Website: All You Need to KnowJun 18, 202116 min readWith the advent of the Internet, customers started ordering products and services online. That is how online booking systems have gained momentum. The same goes for rental services. If users want to rent a car, they visit car rental websites and book a vehicle there.Today travelers actively adopt the idea of renting a car for their business and leisure trips. They like the feeling of independence and flexibility that comes with it. Given that, it is not surprising that car reservation systems have become an integral part of the travel industry.In this article, we will discuss the core aspects of car rental website development. Follow the tips below, and you will build a successful and profitable car rental business.

      With the advent of the Internet, customers started ordering products and services online. That is how online booking systems have gained momentum. The same goes for rental services. If users want to rent a car, they visit car rental websites and book a vehicle there.

      Today travelers actively adopt the idea of renting a car for their business and leisure trips. They like the feeling of independence and flexibility that comes with it. Given that, it is not surprising that car reservation systems have become an integral part of the travel industry.

      In this article, we will discuss the core aspects of car rental website development. Follow the tips below, and you will build a successful and profitable car rental business.

  2. Jun 2021
    1. Some of the best customers of such a service will be academics.

      Indeed. Web literacy among the masses is pitifully low. Browsermakers are certainly to blame for being poor stewards. Hot Valley startups are responsible as well. (See https://quoteinvestigator.com/2017/11/30/salary/.)

    2. But here's the twist. That edit window is wired to your personal cloud. That's where your words land. Then you syndicate your words back to the site you're posting to.

      This is more or less how linked data notifications work. (And Solid, of course, goes beyond that.)

    3. If they did I think there would actually be some quality of discussion, and it might be useful

      I used to think this. (That isn't to say I've changed my mind. I'm just not convinced one way or the other.)

      Another foreseeable outcome, relative to the time when the friend here was making the comment, is that it would lead to people being nastier in real life. Whether that's true or not (and I think that it might be), Twitter has turned out to be a cesspool, and it has shown us that people are willing to engage in all sorts of nastiness under their real name.

    1. Award Winning SEO Agency London

      Award Winning SEO Agency London! As a dedicated London SEO agency, we provide proven SEO services for a whole range of clients while performing white hat techniques. #1 page ranking experts in local SEO. Get your free audit today!

    1. Cambridge SEO Nerds

      SEO Services Cambridge Dedicated SEO agency, Nautilus Marketing provides proven SEO services while performing white hat techniques 1 page ranking experts in local SEO Get your SEO audit today

  3. stoa.anagora.org stoa.anagora.org
    1. Some conventions may be emerging in a new batch of personal knowledge management tools, or amenable to them; for the duration of this document, we'll refer to these tools as [[personal knowledge management]] tools, [[roam like]] or (preferred as of the time of writing) [[wiki like]].

      It would be incredibly useful to have a list of these [[Roam Research like]] tools so that they can be documented as to what level of input they can/could take and remain compatible from text, to text+[[wiki links]], to the various flavors of markdown up to full HTML perhaps.

      I know a handful are documented at indieweb.org/commonplace_book

    1. The salary for each profession varies from similar factors. What determines the salary of software developers? After reading this article, I concluded that the greatest role is played by the country in which the developer works. For example, there are countries where developer salaries are much lower, although skills are not inferior. Skills, background and many other points also affect. Enjoy reading!

    1. The ecosystem behind React gave you too many choices of this sort, which fragmented the tech stack and caused the infamous “Javascript fatigue”.

      To me, the reason React ruined web development is because it homogenized & centralized the practice, in an abstraction that is decoupled & non-interoperable with other techniques & styles.

      The author is arguing that React didn't centralize enough, but to me, it sucked all the oxygen out of the diverse interesting place that was web development. That it didn't try to solve all problems in the stack is, if anything, a most relief. It succeeded because it didn't bundle in a data-layer. It succeeded because it didn't bundle in state. It succeeded because it didn't bundle in routing. Each of these areas have evolved independently & seen great strides across the last half decade. That's a huge win, that's why React is so strong: because it didn't try to form opinions.

      Alas React itself implies a strong opinion, has a big abstraction that de-empowers & de-inter-operates with the DOM, that keeps it from working in concert with any other technology. It has enormous diversity, but only under it's own umbrella. It has crushed a much livelier sporting aspect of web development.

      I'm so tired of weenies complaining about fragmentation. Get lost and fuck off. This medium is flexible & diverse & interesting. Stop applying your industrial software want, your software authoritarianism, "why can't everyone just do it my way/the right way" horse shit. Such a shitty attitude, from people selling FUD & clutching at the idea that everyone's gonna be happy & productive if we can just make the right framework. How uncreative & droll.

    1. If you find a suitable archive URL, then you can add it to the citation. If the citation uses one of the common templates (e.g. {{cite web}}, {{cite news}}, {{Citation}}), then you can edit as follows: Leave the |url= unchanged, pointing to the source URL. Add |archive-url=, pointing to the archive URL. Add |archive-date=, specifying the date when the archived copy was saved. YYYY-MM-DD format is usually easiest but any format can be used. Add or change |url-status=. Use |url-status=dead if the old URL does not work. Use |url-status=unfit or |url-status=usurped if the old URL has been usurped for the purposes of spam, advertising, or is otherwise unsuitable. Use |url-status=live if |url= still works and still gives the correct information, but you want to preemptively add an |archive-url=. Leave the |access-date= unchanged, referring to the date when a previous editor last accessed the |url=. Some editors believe |access-date= should be removed once a working |archive-url= is established since the |url= is no longer available, maintaining an |access-date= is redundant clutter.
    1. ​La forme de cet écrit est multisupport : à l’écran et imprimée, mettant en action les outils développés par les designers que j’étudie dans cette réflexion. Et, le propos sur l’édition à plusieurs est actionné par les commentaires de chaque lecteur disponibles sur la version numérique.

      Les commentaires et échanges ne sont donc visibles que sur la version numérique ? Puisqu'on parle de web to print, ce serait intéressant que l'écrit augmenté soit aussi présent dans la forme imprimée. En terme de mise en page, cela pourrait donner lieu à une forme intéressante des échanges : en fin d'ouvrage ? ou entrecoupant les différents chapitres ? ou encore directement en face de l'écrit d'origine pour confronter deux textes ? Chaque nouvelle impression serait comme une réédition, une édition qui s'écrirait sans cesse dans le temps.

    1. <picture> <source type="image/avif" media="(-webkit-min-device-pixel-ratio: 1.5)" srcset="2x-800.avif 800w, 2x-1200.avif 1200w, 2x-1598.avif 1598w" sizes=" (min-width: 1066px) 743px, (min-width: 800px) calc(75vw - 57px), 100vw " /> <source type="image/webp" media="(-webkit-min-device-pixel-ratio: 1.5)" srcset="2x-800.webp 800w, 2x-1200.webp 1200w, 2x-1598.webp 1598w" sizes=" (min-width: 1066px) 743px, (min-width: 800px) calc(75vw - 57px), 100vw " /> <source media="(-webkit-min-device-pixel-ratio: 1.5)" srcset="2x-800.jpg 800w, 2x-1200.jpg 1200w, 2x-1598.jpg 1598w" sizes=" (min-width: 1066px) 743px, (min-width: 800px) calc(75vw - 57px), 100vw " /> <source type="image/avif" srcset="1x-743.avif" /> <source type="image/webp" srcset="1x-743.webp" /> <img src="1x-743.jpg" width="743" height="477" alt="A red panda" /> </picture>

      just shy of 1k. ;)

    1. I tried all the different static site generators, and I was annoyed with how everything was really complicated. I also came to the realization that I was never going to need a content management system with the amount of blogging I was doing, so I should stop overanalyzing the problem and just do the minimum thing that leads to more writing.

      Great way to put it. One thing that I keep trying to hammer is that the "minimum thing" here looks more like "open up a word processor, use the default settings, focus on capturing the content—i.e. writing things out just as you would if you were dumping these thoughts into a plain text file or keeping it to, say, the subset of Markdown that allows for paragraph breaks, headings, and maybe ordered and unordered lists—and then use your word processor's export-to-HTML support to recast it into the format that lets use their browser to read it, and then FTP/scp/rsync that to a server somewhere".

      This sounds like I'm being hyperbolic, and I kind of am, but I'm also kind of not. The process described is still more reasonable than the craziness that people (HN- and GitHub-type people) end up leaping into when they think of blogging on a personal website. Think about that. Literally uploading Microsoft Word-generated posts to a server* is better than the purpose-built workflows that people are otherwise coming up with (and pushing way too hard).

      (*Although, just please, if you are going to do this, then do at least export to HTML and don't dump them online as PDFs, a la berkshirehathaway.com.)

  4. May 2021
    1. For dynamic routes, such as our src/routes/blog/[slug].svelte example, that's not enough. In order to render the blog post, we need to fetch the data for it, and we can't do that until we know what slug is. In the worst case, that could cause lag as the browser waits for the data to come back from the server. We can mitigate that by prefetching the data. Adding a sveltekit:prefetch attribute to a link... <a sveltekit:prefetch href="blog/what-is-sveltekit">What is SvelteKit?</a> ...will cause SvelteKit to run the page's load function as soon as the user hovers over the link (on a desktop) or touches it (on mobile), rather than waiting for the click event to trigger navigation. Typically, this buys us an extra couple of hundred milliseconds, which is the difference between a user interface that feels laggy, and one that feels snappy.
    2. makes your app inaccessible to users if JavaScript fails or is disabled (which happens more often than you probably think).
    1. Business Directory Website Development: How to Build a Review Website Like Yelp

      Online reviews are the type of social proof most of us rely on. So, it comes as no surprise that businesses compete to be “found.”

      Luckily enough, websites like Yelp exist. Users daily rate and review restaurants, barbershops, hotel rooms, and more. That’s partially a reason why Yelp has become the most visited go-to review site in the US.

      How to build a business directory website? What features make sense to invest an effort in? Read on as we have crunched the best solutions and prepared tips on how to create a review website like Yelp. https://www.codica.com/blog/how-to-build-a-website-like-yelp/

    1. If you are involved in the real estate industry and don’t have a website, you will lose the fight. Available statistics of the National Association of Realtors (NAR) show that 95% of all homebuyers are searching online. But even the presence of a website is not enough. Over 90% of real estate companies have websites. So, to be different from the other companies you need to create something astonishing. Choosing a house is a difficult decision. That’s why people don’t only swipe on smartphones. They use their laptops to search thoroughly. This fact explains why building a great website is still important, even in the mobile-first era. In this article, we are going to guide you through the nuances of real estate website development and give you a couple of advice.
    1. Whether or not digital gardens should follow any standards is an interesting question.

      What features/functionality should a digital garden have? Is there a canonical list yet?

      I wish more supported Webmention to enable the Memex dream...

    1. The conversational feed design of email inboxes, group chats, and InstaTwitBook is fleeting – they're only concerned with self-assertive immediate thoughts that rush by us in a few moments.

      The streamification of the web had already taken hold enough by this point. Anil Dash had an essay in 2012 entitled Stop Publishing Web Pages which underlined this point.

    1. Do you want to build a successful and viable web solution? Implement the most recent trends in web development for 2021 to increase engagement and grow your business.The modern world is steadily developing, and new web technologies emerge every day. These new trends offer a lot of opportunities to entrepreneurs who want to engage more users and stay competitive in the market.In this article, we want to share the top 9 latest trends in web application development in 2021 that you should know about.
    1. many people have attached sensors

      This differs from LDN, where the the annotation service is squarely under the control of the document author. This is also using sensor attachment in a different sense that the way it first appears above. The application is more akin to RSS. With RSS, the links exist in some other "document" (or something like it; generall can be modeled as OPML, even if it's really, say, an sqlite store).

    2. So she writes an explanatory note for Jack, links the note to the Parallel Compiling report, and then links the note to Jack's mailbox: in this open hypertext system, a mailbox is simply a publicly readable document to which the owner has attached a sensor.

      Okay, so this is back to looking like LDN, except the (novel?) idea that after sending the annotation to the annotation service responsible for annotations to the report, her final annotation gets sent to that that annotation service corresponding to a different document—Jack's mailbox. Interesting!

      (Maybe this is explicitly laid out as a possibility in one of the several pieces associated with LDN and I just never noticed?)

    3. a hypermedia server might use sensors to alert users to the arrival of new material: if a sensor were attached to a document, running a new link to the document would set off the sensor

      Linked data notifications?

      (I like the "sensor" imagery.)

    1. Charlotte Jee recently wrote a lovely fictional intro to a piece on a “feminist Internet” that crystallized something I can’t quite believe I never saw before; if girls, women and non-binary people really got to choose where they spent their time online, we would never choose to be corralled into the hostile, dangerous spaces that endanger us and make us feel so, so bad. It’s obvious when you think about it. The current platforms are perfectly designed for misogyny and drive literally countless women from public life, or dissuade them from entering it. Online abuse, doxing, blue-tick dogpiling, pro-stalking and rape-enabling ‘features’ (like Strava broadcasting runners’ names and routes, or Slack’s recent direct-messaging fiasco) only happen because we are herded into a quasi-public sphere where we don’t make the rules and have literally nowhere else to go.

      A strong list of toxic behaviors that are meant to keep people from having a voice in the online commons. We definitely need to design these features out of our social software.

    2. A former FB executive and long-standing friend of Zuckerberg emailed him in 2012 (page 31) to say “The number one threat to Facebook is not another scaled social network, it is the fracturing of information / death by a thousand small vertical apps which are loosely integrated together.”

      And this is almost exactly what the IndieWeb is.

    1. Draft notes, E-mail, plans, source code, to-do lists, what have you

      The personal nature of this information means that users need control of their information. Tim Berners-Lee's Solid (Social Linked Data) project) looks like it could do some of this stuff.

    2. editor-browser tool sets

      This hasn't happened yet, and is unlikely to happen anytime soon. We seem to be moving away from a read/write web, with authors only being able to edit content they've created on domains that they control. The closest I've seen to this is the Beaker Browser.

    1. It remains a blank page –a means of getting human clusters of infinite variety on the same page.
    2. the Web as a way to have a conversation
    3. The Web is not, first, what Tim Berners-Lee thought he was designing in the early ’90s: a collaborative medium for researchers working together at a distance.  That part, for a variety of technical and legal reasons, just didn’t work.  Neither is the Web a superhighway of anything, if the highway motif makes you think of concrete, steel, and fixed routes to anywhere.  The Web is not, and must never be, the avenue of a monoculture.  It is not the outline of a universal brain that will reduce human beings to mere neurons in a Global Mind.  It is not a monument to the “Me Decade.”  That is, it’s not all about expressive blogging.  Or rather: it’s equally about listening and learning.  It is about them as much as it’s about us.  It is not, he insists, a structure.  It is not an active agent

      The Web is not ...

    1. why do we have an <img> element? Why not an <icon> element? Or an <include> element? Why not a hyperlink with an include attribute, or some combination of rel values? Why an <img> element? Quite simply, because Marc Andreessen shipped one, and shipping code wins.That’s not to say that all shipping code wins; after all, Andrew and Intermedia and HyTime shipped code too. Code is necessary but not sufficient for success. And I certainly don’t mean to say that shipping code before a standard will produce the best solution.

      Shipping code is necessary, but not sufficient for success.

    1. What I am attempting to do is to highlight a div with a certain id, when It has been referred to by an anchor on another page IE: User clicks link href="qw.html#test", when the page is loaded, then the div with the id="test" is highlighted so that the user can see it clearly.
    2. You need to use the :target pseudo-class: :target { background-color: #ffa; }
    1. A common practice in email marketing is to use images for everything in the email: graphics, illustrations, copy, links, and buttons. Although this can be efficient (slice, dice, and send it on its way), it’s another huge problem for subscribers relying on screen readers. The typical image-based email has a lot of information that can’t be parsed by a machine. What’s more is that a lot of email clients disable images by default, too.
    2. However, since we’re using tables purely for structural purposes, we need screen readers to ignore those tables. This is where ARIA roles can help us out. By applying the role="presentation" attribute to a table, we can instruct the screen reader to skip over those elements and move straight into the content.
    1. And what’s more, a growing number of email readers are even voluntarily turning off images in their emails to reduce load time and improve email speed. Google recently revealed that 43% of Gmail users actually don’t read emails with background images on.
    1. Email tools/clients are inconsistent in how they render HTML and CSS. A designed email might look great in Gmail, broken in Outlook, and unreadable in Apple Mail. Half of all emails are opened on mobile devices (according to one study). Email looks good in different clients? Great, now make it work on a 4" screen just as well as on a desktop.
    1. My assertion is based on the observation that a great deal of learning does take place in connective environments on the world wide web, that these have scaled to large numbers, and that often they do not require any institutional or instructional support.
  5. Apr 2021
    1. Over the years, the machinery of targeted advertising has frequently been used for exploitation, discrimination, and harm. The ability to target people based on ethnicity, religion, gender, age, or ability allows discriminatory ads for jobs, housing, and credit. Targeting based on credit history—or characteristics systematically associated with it— enables predatory ads for high-interest loans. Targeting based on demographics, location, and political affiliation helps purveyors of politically motivated disinformation and voter suppression. All kinds of behavioral targeting increase the risk of convincing scams.

      a succinct summary of the harms of tracking and adtech

    2. The power to target is the power to discriminate. By definition, targeted ads allow advertisers to reach some kinds of people while excluding others. A targeting system may be used to decide who gets to see job postings or loan offers just as easily as it is to advertise shoes. 
    3. You should have a right to present different aspects of your identity in different contexts. If you visit a site for medical information, you might trust it with information about your health, but there’s no reason it needs to know what your politics are. Likewise, if you visit a retail website, it shouldn’t need to know whether you’ve recently read up on treatment for depression. FLoC erodes this separation of contexts, and instead presents the same behavioral summary to everyone you interact with.
    1. Documents should offer the same granularity.

      That neither content creators nor browser vendors are particularly concerned with the production and consumption of documents, as such, is precisely the issue. This is evident in the banner that the majority of the work has occurred under over the last 10+ years: they're the Web Hypertext Applications Technology Working Group.

      No one, not even the most well-intentioned (such as the folks at Automattic who are responsible for the blogging software that made Christina's post here possible), see documents when they think of the Web. No, everything is an app—take this page, for example; even the "pages" that WordPress produces are facets of an application. Granted, it's an application meant for reading the written word (and meant for occasionally writing it), but make no mistake, it's an application first, and a "document" only by happenstance (i.e. the absence of any realistic alternative to HTML & co for application delivery).

    1. Instructions for writting a new wildcard adapter for some site.

    1. Entify your Techtale with #1 Website and Mobile App Development Company.

      Apptale is one of the top-notch web design and mobile app development company enriched with efficient and experienced developers who are all sincere and dedicated to work on the projects prior to the deadline. The high-end technologies are integrated to develop and deliver the projects with utmost results and make our clients satisfied.

    1. The best tool is no tool, the best build step is no build step, the best update is no update. HTML gives us all that, and more.

      Truth!

    1. .mainContent {  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }

    1. I LOVE the hover effects for the book covers on this site which is also a great example of someone collecting highlights/annotations of the books they read and hosting them in public on their personal website.

      Melanie has written about the CSS part of the hover effect here: https://melanie-richards.com/blog/highlights-minisite/ and like all awesome things, she's got the site open at https://github.com/melanierichards/highlights. I may have to do some serious digging for figuring out how she's creating the .svg images for the covers though.

    1. CSS-generated content is not included in the DOM. Because of this, it will not be represented in the accessibility tree and certain assistive technology/browser combinations will not announce it. If the content conveys information that is critical to understanding the page's purpose, it is better to include it in the main document.
    1. This year’s Slow Art Day — April 10 — comes at a time when museums find themselves in vastly different circumstances.

      Idea: Implement a slow web week for the IndieWeb, perhaps to coincide with the summit at the end of the week.

      People eschew reading material from social media and only consume from websites and personal blogs for a week. The tough part is how to implement actually doing this. Many people would have a tough time finding interesting reading material in a short time. What are good discovery endpoints for that? WordPress.com's reader? Perhaps support from feed reader community?

    1. Hérigone's only important work is the six volume Cursus mathematicus, nova, brevi, et clara methodo demonstratus Ⓣ<span class="non-italic">(</span>Course on mathematics : new, short, and with clear methods shown<span class="non-italic">)</span> or, to give it its French title, Cours mathematique, demonstre d'une nouvelle, briefve, et claire methode which appeared between 1634 and 1642.

      There is a clever little bit of UI on this page in which there appears a red letter T in a circle after the Latin title. If one clicks it ,there's a pop up of the translation of the title into English.

    1. My favorite part of this entire plan has to be the part where I use Github Issues as a blog. Kind of. For every new feature (or set of features) I want to add to the site—no matter how small, like adding a Favicon, for example—I will open a new issue and create a corresponding branch where the work on that feature will happen. I will basically produce a(n) infrequent stream of short “blog posts” in the form of Github issues. The live code for each issue/feature will live in the issue’s corresponding branch. As someone who tends to do multiple things at once, this will take a lot of organization and discipline, and that’s the challenging part for me.

      This is a fascinating and very illustrative use of GitHub for web development. I mostly like that she's pointing out her use case.

    2. I am going to rebuild this Web site in public.
  6. Mar 2021
    1. @ajlkn has several related projects including this one:

      Might be an interesting experiment to make one or more of them IndieWeb friendly and create a set up to dovetail one or more of them in with the GitHub pages set up.

    1. User stories are a great way of designing features, but when you are designing community features on the web it is also useful to have user stories that start “I am an absolute arsehole and I want to…”

      Solid advice.

    1. Silence Here’s another, more subtle, point about the grace of email and newsletters: Creation and consumption don’t happen in the same space. When I go to send a missive in Campaign Monitor the world of my laptop screen is as silent as a midnight Tokyo suburb.9 I think we’ve inured ourselves to the (false) truth that in order to post something, in order to contribute something to the stream, we must look at the stream itself, “Bird Box”-esque, and woe be the person in a productive creative jag, wanting to publish, who can resist those hot political tweets.

      This rings very true to me and is a definite benefit of composing things within my own domain rather than too quickly within a social silo's interface.

    1. Who owns and controls it?

      This is worth discussion. Specifically the ownership part and it may be surprising to uncover how little control there has been and how that is changing in 2021 as ISPs and hosting companies refuse or welcome radical platforms and groups, https://www.npr.org/2021/02/15/968116346/after-weeks-of-being-off-line-parler-finds-a-new-web-host

    1. And it’s tempting for engineers to think decentralising the Web can be achieved with technology. But really, it’s people who will make it happen. Rather than staying put in our little filter bubbles, we can burst out of them — and be radically sociable, delinquent, and make a scene.

      off label uses of technology are important

      I'm reminded of how Kicks Condor has appreciated my "people work" in the past.

    1. I really like this and want to figure out way to do it on my own website. It could be fun to tuck it in with the weather and location data I'm already collecting.

    1. I was pretty annoyed with myself for having fallen for the trap of not documenting my own systems, but not sure how I could have remembered all of the Hugo-isms

      I've explained such a system, and promised Andy Chu an example that I've yet to be able to complete, but it comes down to this:

      A website is fundamentally a document repository. One of the first documents that you should store in that repository is one which explains, in detail, the procedures for provisioning the host powering the site and how content gets published. (Even better if it's so detailed that the procedures exhibit a degree of rigor such that a machine can carry them out, rather than requiring manual labor by a human.)

    1. In terms of defining the “open” in open web annotation, I tend to take a standards approach: the Hypothes.is tool is built upon, and our organization advocates for, open standards in web annotation.

      This explanation also highlights an additional idea of open itself. I have heard many in the W3C space criticize the open standard of web annotation arrived at because of the ultimate monoculture of the space. Most of the participants of the process were all related to Hypothes.is in some way and the result was a single product that implemented the standard. To my knowledge no other companies, groups, or individual programmers have separately implemented the standard.

      In this sense, while the "standard" is openly defined, it isn't as open as other standards which were mote slowly evolved and implemented gradually and more broadly by various programming languages and disparate groups.

    1. The valueAsNumber IDL attribute represents the value of the element, interpreted as a number. On getting, if the valueAsNumber attribute does not apply, as defined for the input element's type attribute's current state, then return a Not-a-Number (NaN) value.
    1. Screen readers for the blind can help them fill out a form more easily if the logical sections are broken into fieldsets with one legend for each one. A blind user can hear the legend text and decide, "oh, I can skip this section," just as a sighted user might do by reading it.
    2. Fits the ideal behind HTML HTML stands for "HyperText Markup Language"; its purpose is to mark up, or label, your content. The more accurately you mark it up, the better. New elements are being introduced in HTML5 to more accurately label common web page parts, such as headers and footers.
    1. Open source code library for building innovative e-learning that is accessible, usable, interoperable, mobile-friendly and multilingual. Based on the Web Experience Toolkit (WET) and bootstrap. This collaborative open source project is led by the Canada School of Public Service, Government of Canada.
    1. Accepting PaymentsTracking RevenueCustomer SupportCollaboration and Internal CommunicationMarketing and SalesSEO and Content MarketingAnalyzing Web TrafficServer and HostingBilling and AccountingDesignData VisualizationPassword ManagementDigital Signatures

      Nice collection of programs or SaaS for:

      • Accepting Payments
      • Tracking Revenue
      • Customer Support
      • Collaboration and Internal Communication
      • Marketing and Sales
      • SEO and Content Marketing
      • Analyzing Web Traffic
      • Server and Hosting
      • Billing and Accounting
      • Design
      • Data Visualization
      • Password Management
      • Digital Signatures
    2. Nice collection of communication & producivity programs or SaaS.

    1. Service workers are limited though. A site can opt to perform whatever substitutions it likes, but it can only do that for its own requests.

      for requests both to it's origin, and also coming from it's origin. this latter restriction seems unnecessary, but alas, there has been little traction trying to get Foreign Fetch - enabling service workers to be accessible across origins - back into the spec. Foreign Fetch would greatly help the offline web. https://github.com/w3c/ServiceWorker/issues/1188

    1. Eventually, you’ve got a realization of the way web development organizational structure works. Led by a project manager and supported by a project architect, it can not exist without frontend, backend, and full-stack programmers, DevOps, and Q/A engineers. Optionally, you may need UI/UX designer, business analyst, and SEO expert. Every team player separately and altogether, they make your wishes real. Now, when you know all members’ duties, it should be easier to address your questions and concerns to the right person.  
  7. Feb 2021
    1. try { const value = await localforage.getItem('somekey'); // This code runs once the value has been loaded // from the offline store. console.log(value); } catch (err) { // This code runs if there were any errors. console.log(err); }

      This looks like the best approach for me. async/await

    1. The alternative was to have multiple scripts or stylesheet links on one page, which would trigger multiple HTTP requests. Multiple requests mean multiple connection handshakes for each link “hey, I want some data”, “okay, I have the data”, “alright I heard that you have the data, give it to me” (SYN, ACK, SYNACK). Even once the connection is created there is a feature of TCP called TCP slow start that will throttle the speed of the data being sent at the beginning of a request to a slower speed than the end of the request. All of this means transferring one large request is faster than transferring the same data split up into several smaller requests.
    1. Nicely explains how to make asynchronous calls to API/services. Async/Await

    2. try/catch block to be able to catch the error

      Nice!

      The final result of they try catch block it that the code that follows below is almost exactly like how I usually code synchronously. It's so much easier to read.

    3. Callback Hell

      This is so easy to fall into. I've done it a few times. Always try to avoid this.

    4. Promises

      Never forget this. It's very important.

  8. getdweb.net getdweb.net
    1. Seems like a lot of talk.

      Nice that they've got a website, but their primary social networks are all centralized corporate silos and they don't even haven RS /ATOM feed.

    1. n the article, we consider the following questions: the types of marketplaces; how to build a marketplace website; main steps in developing an online marketplace; the price of marketplace website creating; functions of a marketplace. https://code-care.com/blog/build-a-marketplace-website/

    1. <small><cite class='h-cite via'> <span class='p-author h-card'>Jack Jamieson</span> in I really appreciate @emmibevensee’s r… (<time class='dt-published'>02/13/2021 12:36:00</time>)</cite></small>

    1. Universal Links allow you to register a series of domains that are allowed to interact with an installed application. If the application is not installed, the universal link is opened with Safari, allowing you to inform the user of the existence of an application or whatever is necessary.
    1. Implicit intents do not name a specific component, but instead declare a general action to perform, which allows a component from another app to handle it. For example, if you want to show the user a location on a map, you can use an implicit intent to request that another capable app show a specified location on a map.
    1. <pre>  My Bonnie lies over the ocean.   My Bonnie lies over the sea.  My Bonnie lies over the ocean.  Oh, bring back my Bonnie to me.</pre>

      This looks really useful.

    1. Sass

      Define variables, such as colors (e.g. $primary: #337ab7) in Sass (styles.scss) then compile to css for web.

      R library "bootstraplib" built on foundation of "sass".

      Use "run_with_themer()" to get a live preview GUI for customizing bootstrap theme.

      Also, use "shinyOptions(plot.autocolors=TRUE)" at top of app to get plot outputs that respect Dark Mode.

    1. Although one thing you want to avoid is using frames in such a manner that the content of the site is in the frame and a menu is outside of the frame. Although this may seem convienient, all of your pages become unbookmarkable.
    1. There is one situation where iframes are (almost) required: when the contents of the iframe is in a different domain, and you have to perform authentication or check cookies that are bound to that domain. It actually prevents security problems instead of creating them. For example, if you're writing a kind of plugin that can be used on any website, but the plugin has to authenticate on another domain, you could create a seamless iframe that runs and authenticates on the external domain.
    2. Iframes can have similar issues as frames and inconsiderate use of XMLHttpRequest: They break the one-document-per-URL paradigm, which is essential for the proper functioning of the web (think bookmarks, deep-links, search engines, ...).
    3. The most striking such issue is probably that of deep linking: It's true that iframes suffer from this to a lesser extent than frames, but if you allow your users to navigate between different pages in the iframe, it will be a problem.
    4. never care and try to understand design standards
    5. If you're creating an actual, informational web page, stick to frameless HTML, CSS and unobstrusive JavaScripts and keep in mind that the page should still be usable with scripting disabled.
    1. I normally try to figure out if that's a good solution for the problem before resorting to iframes. Sometimes, however, an iframe just does the job better. It maintains its own browser history, helps you segregate CSS styles if that's an issue with the content you're loading in.
    1. that's a point, but I would say the opposite, when entering credit card data I would rathre prefer to be entirely in the Verified By Visa (Paypal) webpage (with the url easily visible in the address bar) rather that entring my credit card data in an iframe of someone's website.
    2. Then recently I was shopping at the John Lewis website, and they brought up the Verified By Visa page in an iframe - wonderful! I'm still looking at the John Lewis site, and all that's happening is I'm being asked for my Verified By Visa password - no problem. Although as a web developer I know that there's no technical difference between that and a plain old redirect-there-redirect-back, the user experience is so much better!
    1. It’s kind of like putting a SIM card in a cell phone – the SIM card tells that phone, “Hey, you work with this particular phone number now.” Just like you can switch out a phone’s SIM card and make the phone work with a different phone number, your domain can be set to work with a different web hosting service.
    1. many a tech manager has siezed on them as a solution to many problems. In fact, they create more.
    2. if used for parameterized content, they've created an interface. And in a professional site, that interface requires an SLA and version management - which are almost always ignored in rush to get online.
    3. And if your framed content has a need to be interactive, it will struggle to do so beyond the frame.
    4. Usually, if you can do it without an iframe, that is a better option. I'm sure others here may have more information or more specific examples, it all comes down to the problem you are trying to solve.
    5. think about them as a text/markup equivalent to the way a video or another media file would be embedded
    6. The downside is that if you introduce multiple layers of scrolling (one for the browser, one for the iframe) your users will get frustrated. Like adzm said, you don't want to use an iframe for primary navigation
    7. on the other hand, documents from different origins can still communicate using window.postMessage(), for example to implement collaborative iframe auto-resizing.
    8. but I wouldn't use a frameset for anything but a manual since it no longer exists in html5. Example: Game maker manual
    9. However I've seen iframes abused as well. It should never be used as an integral part of your site, but as a piece of content within a site.
    1. Designers hated them. Yes, that was the deadliest punch. Everything looked square and straight. They hated it. They wanted arcs and image backgrounds and rounded borders. Now they have it in CSS3 - guess what, they're drawing squares. #whatever Programmers had trouble with them. It was inconvenient to follow the logic of frames, and you had to do some extra work. I mean, some. Today it's a lot harder to create AJAX solutions for the same problem, but no one complains. #whatever Websites could include one another. This was painful for some site owners because they worked hard on something and another fella used it as own content. Later, they invented same origin policy, but it was way after starting to hate frames. Content stealing is still an issue today, absolutely unrelated to whether we have frames or not. #whatever Back button worked differently. Yes, it was a bit annoying. But it was not the frame concept's fault, again: it was browsers who did this to us. Could have been solved easily, but nah, browsers kept going back one by one, not providing the site a way to implement its own "step back" method, and alas, this is still happening today. #whatever
  9. Jan 2021
    1. ¿Por qué crear un sitio web?

      "Un dominio propio": https://indieweb.org/A_Domain_of_One%27s_Own

      A la Virginia Wolf, en "Una habitación propia": "«Una mujer tiene que tener dinero y una habitación propia para poder escribir novela»

    1. 6. Add Purgecss for unused CSS removal (optional) Add Purgecss to Sage. Once you’ve successfully added Purgecss, you will need to complete an addition step to make sure Purgecss can extract Tailwind’s classes properly. Luckily, Tailwind has a guide in their docs to add a custom Purgecss extractor.

      Date: 28/01/2021

      Had problem during purgecss installation in my project. Solved using:

      yarn add --dev purgecss-webpack-plugin@0.23.0 glob-all


      More info: Getting an error regarding webpack, during step 1 of adding purgecss ( https://roots.io/guides/removing-unused-css-with-purgecss-uncss-in-sage/ )

      Solved using the command for yarn as given in here:

      https://discourse.roots.io/t/removing-unused-css-with-purgecss-uncss/11586

      That is :

      yarn add --dev purgecss-webpack-plugin@0.23.0 glob-all

    1. Twitter threads gave illness a name and a face, grounding the dread in particular bodies and disparate — if often overlapping — experiences. They placed these experiences in history, creating an archive of disease, fear, rage, and hope that will persist even as these feelings — and some of these people — have passed.

      Archives are only worth their weight in water if interested parties can find what they're looking for. When artifacts aren't gathered and curated into public-facing unities or collections, then history elides them until further notice. These threads are still floating in the sprawl of the Twitterverse, placed into history and drowned out by an ocean of pure, frantic noise. What this piece makes evident to me is the need for restoration: that they need to be resurfaced, preserved, made visible again.

  10. Dec 2020
    1. class Session extends Map { set(id, value) { if (typeof value === 'object') value = JSON.stringify(value); sessionStorage.setItem(id, value); } get(id) { const value = sessionStorage.getItem(id); try { return JSON.parse(value); } catch (e) { return value; } } }
    2. I think that the webStorage is one of the most exciting improvement of the new web. But save only strings in the value key-map I think is a limitation.
    1. Andrew Bosworth, one of Facebook’s longtime executives, has compared Facebook to sugar—in that it is “delicious” but best enjoyed in moderation. In a memo originally posted to Facebook’s internal network last year, he argued for a philosophy of personal responsibility. “My grandfather took such a stance towards bacon and I admired him for it,” Bosworth wrote. “And social media is likely much less fatal than bacon.”

      Another example of comparing social media and food.

    2. Facebook’s stated mission—to make the world more open and connected—

      If they were truly serious about the connectedness part, they would implement the Webmention spec and microformats, or something just like it, but open and standardized.

    1. Svelte components are a thin layer over the DOM and naturally expose the web platform. Coding in Svelte feels like I’m moving with the grain of the web.
    1. Serving pages and assets as pre-generated files allows read-only hosting reducing attack vectors even further. Meanwhile dynamic tools and services can be provided by vendors with teams dedicated to securing their specific systems and providing high levels of service.
    1. Because Jamstack projects don’t rely on server-side code, they can be distributed instead of living on a single server. Serving directly from a CDN unlocks speeds and performance that can’t be beat. The more of your app you can push to the edge, the better the user experience.