1,689 Matching Annotations
  1. Aug 2021
    1. With JavaScript, you can actually calculate the width of the scrollbar and whether it’s visible by comparing two properties—window.innerWidth and document.body.clientWidth. If these are equal, the scrollbar isn’t visible. If these are different, we can subtract the body width from the window width to get the width of the scrollbar:const scrollbarWidth = window.innerWidth - document.body.clientWidthWe’ll want to perform this both on page load and on resize, in case someone resizes the window vertically and changes the overflow. Then, once we have the scrollbar width, we can assign it as a CSS variable:document.body.setProperty("--scrollbarWidth", `${scrollbarWidth}px`)

      missing feature: vw/vh can't be used "directly" because doesn't account for scrollbars

    1. I'm wondering exactly what problem that LOUD standard is meant to be solving exactly? It doesn't appear that any of the meta data they're listing is over and above anything that's already extant?

      If you're going to propose a new set up, why not add some bits to fix the newer problems that have popped up like for paying creators? Being able to inject ads? Better track the number of listens? How far into the file did the listener get? How many ads did they hear?

      And let's not forget:

    1. DCOP

      there's some other good little nuggets about but a DCOP shout out is probably the best. today the only programmable/malleable software we have is the web, and DCOP was a more extensive hooks into the heart of a system than what we can do with the web.

    1. How to Build a SaaS Startup in 10 Smart StepsAlina NechvolodE-Commerce & SaaS StrategistSaaSStartupHomeBlogEntrepreneurshipHow to Build a SaaS Startup in 10 Smart StepsJul 30, 202018 min readSaaS solutions are noted for their flexibility. This quality serves as a key reason why 37% of businesses switch to cloud-based systems. Given their growing popularity, the idea of launching a company offering SaaS products seems very lucrative. So, how to build a SaaS startup? In this article, we will answer this question, and guide you through the main stages of starting a SaaS business. You will learn to make market research and write a lean plan. Also, we will discuss the most suitable pricing models and effective marketing strategies. Finally, you will know how to track the progress of your startup.

      SaaS solutions are noted for their flexibility. This quality serves as a key reason why 37% of businesses switch to cloud-based systems. Given their growing popularity, the idea of launching a company offering SaaS products seems very lucrative.

      So, how to build a SaaS startup? In this article, we will answer this question, and guide you through the main stages of starting a SaaS business.

      You will learn to make market research and write a lean plan. Also, we will discuss the most suitable pricing models and effective marketing strategies.

      Finally, you will know how to track the progress of your startup.

    1. It's hard to convey what a difference it makes to the development experience to cut out this massive tumor of complexity.

      making the web an alive medium again and not a preprocessed nightmare nightmare is critical

      alas: typescript.

    1. How to Make a React Progressive Web Application (PWA)Eugene VolkovFrontend DeveloperKate KikidzhanCloud & SaaS Product ResearcherReactJavaScriptPWAHomeBlogDevelopmentHow to Make a React Progressive Web Application (PWA)Oct 7, 202021 min readThe early bird catches the worm. But the situation was not so favourable back in 2007 when Steve Jobs proposed the idea of web applications to be the model for iPhone Apps. Back then, the tech community was not yet ready to bring a huge interest in web apps. But since 2015, tech giants like Google and Microsoft have been preparing the tech ground for progressive web apps (or simply – PWAs). And now, PWA became a must-have technology for both giant corporations and small startups. Twitter, Starbucks, Google, and Aliexpress use progressive web apps to boost their online presence. At Codica, we have been helping our customers to develop their businesses by building robust PWA for our customers since 2015. That is why we have created this comprehensive guide on how to create a PWA with React. Also, you will see the most prominent progressive web app examples.

      The early bird catches the worm. But the situation was not so favourable back in 2007 when Steve Jobs proposed the idea of web applications to be the model for iPhone Apps. Back then, the tech community was not yet ready to bring a huge interest in web apps.

      But since 2015, tech giants like Google and Microsoft have been preparing the tech ground for progressive web apps (or simply – PWAs). And now, PWA became a must-have technology for both giant corporations and small startups. Twitter, Starbucks, Google, and Aliexpress use progressive web apps to boost their online presence.

      At Codica, we have been helping our customers to develop their businesses by building robust PWA for our customers since 2015. That is why we have created this comprehensive guide on how to create a PWA with React. Also, you will see the most prominent progressive web app examples.

    1. Best SaaS Product Ideas You Should Try in 2021Kate KikidzhanCloud & SaaS Product ResearcherSaaSStartupHomeBlogEntrepreneurshipBest SaaS Product Ideas You Should Try in 2021May 6, 202117 min readIn 2020, the cloud market and its most notable players, such as Google, Microsoft, Adobe, and Salesforce, cannot be taken lightly. Cloud software distribution, namely SaaS, PaaS, and IaaS models, invaded the technology world and will not go away any time soon. At the same time, the COVID-19 pandemic increased the importance of remote work for a business to survive, as well as high profitability. That is why the demand for SaaS solutions that tend to be more cost-effective has risen markedly. And we believe that it is better to ride the SaaS wave now rather than regret missed opportunities later. So we have prepared for you a list of SaaS product ideas that will be a great deal for cloud-based solutions for startups in 2021.

      In 2020, the cloud market and its most notable players, such as Google, Microsoft, Adobe, and Salesforce, cannot be taken lightly. Cloud software distribution, namely SaaS, PaaS, and IaaS models, invaded the technology world and will not go away any time soon. At the same time, the COVID-19 pandemic increased the importance of remote work for a business to survive, as well as high profitability.

      That is why the demand for SaaS solutions that tend to be more cost-effective has risen markedly. And we believe that it is better to ride the SaaS wave now rather than regret missed opportunities later.

      So we have prepared for you a list of SaaS product ideas that will be a great deal for cloud-based solutions for startups in 2021.

    1. How to Calculate the Cost to Build a SaaS App in 2021Dmitry ChekalinChief Executive OfficerAlina NechvolodE-Commerce & SaaS StrategistSaaSHomeBlogEntrepreneurshipHow to Calculate the Cost to Build a SaaS App in 2021Jan 6, 202114 min readHow much will it cost to build a SaaS app? If you decided to follow the latest trends and invest in SaaS development, this question is relevant more than ever. This blog post is written to help you clear up this matter. Here, we will cover in detail the main factors that define the final cost of building a SaaS product. They include the project scope and timeline, API integration, and the required functionality. Also, you will learn how the total cost of a completed software-as-a-service product changes depending on the chosen SaaS development service provider.

      How much will it cost to build a SaaS app? If you decided to follow the latest trends and invest in SaaS development, this question is relevant more than ever.

      This blog post is written to help you clear up this matter. Here, we will cover in detail the main factors that define the final cost of building a SaaS product. They include the project scope and timeline, API integration, and the required functionality.

      Also, you will learn how the total cost of a completed software-as-a-service product changes depending on the chosen SaaS development service provider.

    1. How Much Does it Cost to Create a Classifieds Website Like CraigslistDmitry ChekalinChief Executive OfficerAlina NechvolodE-Commerce & SaaS StrategistProduct GuideHomeBlogEntrepreneurshipHow Much Does it Cost to Create a Classifieds Website Like CraigslistDec 27, 201918 min readOnline classifieds websites have replaced printed ads in many ways. They help find a job, a place to live, a car, and other things we can’t do without in our everyday life. In addition, people actively use these platforms to buy or sell second-hand items. You have probably heard of Craigslist - this classifieds website is among the 20 most visited websites in the US. In this article, you will learn how to build a website like Craigslist. We will analyze how classifieds websites work, discuss revenue models that help reap profits from this type of online platform, and functionality they should have. Finally, you will take notice of the issues you may face when building a classifieds platform.

      Online classifieds websites have replaced printed ads in many ways. They help find a job, a place to live, a car, and other things we can’t do without in our everyday life. In addition, people actively use these platforms to buy or sell second-hand items.

      You have probably heard of Craigslist - this classifieds website is among the 20 most visited websites in the US.

      In this article, you will learn how to build a website like Craigslist. We will analyze how classifieds websites work, discuss revenue models that help reap profits from this type of online platform, and functionality they should have. Finally, you will take notice of the issues you may face when building a classifieds platform.

    1. How Much Does it Cost to Build a Website Like IndeedDmitry ChekalinChief Executive OfficerProduct GuideHomeBlogEntrepreneurshipHow Much Does it Cost to Build a Website Like IndeedJan 23, 202021 min readJob search websites have revolutionized the employer-employee relationships. No printed classifieds on the walls and no extra movements. Everything you need to do is to visit such a platform, enter the position details and choose the most relevant option to hire or apply for. Indeed is the most visited platform among other job-related online marketplaces. In this article, you will find out what makes Indeed so famous and special. Besides, we will discuss the challenges you may face before and during the development process, the things to consider before starting, and the functionality your platform should have. On the whole, you will know how to create a job search website like Indeed using 3 effective solutions.

      Job search websites have revolutionized the employer-employee relationships. No printed classifieds on the walls and no extra movements. Everything you need to do is to visit such a platform, enter the position details and choose the most relevant option to hire or apply for. Indeed is the most visited platform among other job-related online marketplaces.

      In this article, you will find out what makes Indeed so famous and special. Besides, we will discuss the challenges you may face before and during the development process, the things to consider before starting, and the functionality your platform should have. On the whole, you will know how to create a job search website like Indeed using 3 effective solutions.

    1. We hoped that posting anonymous discussion notes made the barrier to engagement even lower, as it allowed people to engage asynchronously and to catch up before the next discussion.

      Was this hope born out?

    1. Funnily enough, I've been on an intellectual bent in the other direction: that we've poisoned our thinking in terms of systems, for the worse. This shows up when trying to communicate about the Web, for example.

      It's surprisingly difficult to get anyone to conceive of the Web as a medium suited for anything except the "live" behavior exhibited by the systems typically encountered today. (Essentially, thin clients in the form of single-page apps that are useless without a host on the other end for servicing data and computation requests.) The belief/expectation that content providers should be given a pass for producing brittle collections of content that should be considered merely transitory in nature just leads to even more abuse of the medium.

      Even actual programs get put into a ruddy state by this sort of thinking. Often, I don't even care about the program itself, so much as I care about the process it's applying, but maintainers make this effectively inextricable from the implementation details of the program itself (what OS version by which vendor does it target, etc.)

    1. How much Does It Cost to Create a Bidding Website Like eBayDmitry ChekalinChief Executive OfficerMarketplaceProduct GuideHomeBlogEntrepreneurshipHow much Does It Cost to Create a Bidding Website Like eBayFeb 19, 202021 min readE-commerce platforms offer a greatly simplified shopping experience. People can purchase any kind of goods or services in a matter of minutes. We believe you have definitely heard of eBay - one of the most popular marketplaces in the world. This website gives you an opportunity to supply and purchase any product you can imagine. Hundreds of categories allow attracting lots of users interested in most of the spheres. This way, the platform generates an enormous profit. You may wonder how to build a website like eBay right? In this article, we will share steps on how to make a website like eBay, including the required functionality. Also, you will find out the pros and cons of auction websites.

      E-commerce platforms offer a greatly simplified shopping experience. People can purchase any kind of goods or services in a matter of minutes. We believe you have definitely heard of eBay - one of the most popular marketplaces in the world.

      This website gives you an opportunity to supply and purchase any product you can imagine. Hundreds of categories allow attracting lots of users interested in most of the spheres. This way, the platform generates an enormous profit. You may wonder how to build a website like eBay right?

      In this article, we will share steps on how to make a website like eBay, including the required functionality. Also, you will find out the pros and cons of auction websites.

    1. the Web has graduallyevolved from the original static linked document modelwhose language was HTML, to a model of intercon-nected programming environments whose language isJavaScript
    1. All rights reserved © Wireframes Corporation 2021 About Company Services Testimonials Get in Touch

      Make these Footer Links Work

    2. Sign up to our newsletter

      Create a General List in Mautic and setup a Broadcast Email Segment. Create a Mautic form for the broadcast list and link form data in here

    3. You're amazing. Start Acting Like It. Live a limitless life of your own design. Step up and answer a few questions on the form to connect!

      What text should I put here?

    4. Live your best life. In a collaboration with Rooz Yavari of Boundless Embodiment, this weeklong event will get you over your fears, inner demons, and push you to step up to the next level of your potential.

      Put a button below this that Links to the Advanced Seminar Landing Page

    5. Come for the weekend in a city near you and work with David and his coaches to crush inner doubts and fears, releasing you to the next level.

      Put a button below to link to the schedule page

    6. Come get the limitless experience live.

      Put a button below this that leads to the Week Long Advanced Landing Page. See Github Issue #4

  2. Jul 2021
    1. How Much Does it Cost to Create a Website Like Udemy or CourseraDmitry ChekalinChief Executive OfficerAlina NechvolodE-Commerce & SaaS StrategistProduct GuideHomeBlogEntrepreneurshipHow Much Does it Cost to Create a Website Like Udemy or CourseraApr 27, 202016 min readUniversity education is getting more and more expensive. The College Board indicates a 3% growth of tuition and fees for private and public colleges during the past two years. Online courses have become a great alternative to traditional education. The leading eLearning websites are Coursera and Udemy, which attract millions of users wanting to gain new skills. So what makes them outstanding examples of educational platforms? How to build a Website Like Udemy or Coursera that can compete with these giants? You will find the answers in this article.

      Online courses have become a great alternative to traditional education. The leading eLearning websites are Coursera and Udemy, which attract millions of users wanting to gain new skills.

      So what makes them outstanding examples of educational platforms? How to build a Website Like Udemy or Coursera that can compete with these giants? You will find the answers in this article.

    1. real or virtual

      interesting taxonomy; useful for communicating about a concerted effort towards a more document-oriented correction to the modern Web?

    1. “But how can I automate updates to my site’s look and feel?!”

      Perversely, the author starts off getting this part wrong!

      The correct answer here is to adopt the same mindset used for print, which is to say, "just don't worry about it; the value of doing so is oversold". If a print org changed their layout sometime between 1995 and 2005, did they issue a recall for all extant copies and then run around trying to replace them with ones consistent with the new "visual refresh"? If an error is noticed in print, it's handled by correcting it and issuing another edition.

      As Tschichold says of the form of the book (in The Form of the Book):

      The work of a book designer differs essentially from that of a graphic artist. While the latter is constantly searching for new means of expression, driven at the very least by his desire for a "personal style", a book designer has to be the loyal and tactful servant of the written word. It is his job to create a manner of presentation whose form neither overshadows nor patronizes the content [... whereas] work of the graphic artist must correspond to the needs of the day

      The fact that people publishing to the web regularly do otherwise—and are expected to do otherwise—is a social problem that has nothing to do with the Web standards themselves. In fact, it has been widely lamented for a long time that with the figurative death of HTML frames, you can no longer update something in one place and have it spread to the entire experience using plain ol' HTML without resorting to a templating engine. It's only recently (with Web Components, etc.) that this has begun to change. (You can update the style and achieve consistency on a static site without the use of a static site generator—where every asset can be handcrafted, without a templating engine.) But it shouldn't need to change; the fixity is a strength.

      As Tschichold goes on to say of the "perfect" design of the book, "methods and rules upon which it is impossible to improve have been developed over centuries". Creators publishing on the web would do well to observe, understand, and work similarly.

    2. 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.

  3. 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

  4. 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.)

  5. 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.
  6. 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.
  7. 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.  
  8. 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.

  9. 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. As soon as you're displaying content from another domain, you're basically trusting that domain not to serve-up malware. There's nothing wrong with iframes per se. If you control the content of the iframe, they're perfectly safe.