IFRAME element may be a security risk if any page on your site contains an XSS vulnerability which can be exploited

Your browser window is basically just one big iframe.

First, the frame and frameset elements are not deprecated in HTML5, they're obsolete (i.e., they've been removed entirely).

many a tech manager has siezed on them as a solution to many problems. In fact, they create more.

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.

And if your framed content has a need to be interactive, it will struggle to do so beyond the frame.

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.

think about them as a text/markup equivalent to the way a video or another media file would be embedded

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

on the other hand, documents from different origins can still communicate using window.postMessage(), for example to implement collaborative iframe auto-resizing.

but I wouldn't use a frameset for anything but a manual since it no longer exists in html5. Example: Game maker manual

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.

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

¿Por qué crear un sitio web?

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.

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.

I used it to create a full-bleed utility class: .full-bleed { width: 100vw; margin-left: calc(50% - 50vw); }

Change any of the <option> by double clicking on the number.

Context menu

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; } } }

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.

The Web Storage API provides mechanisms by which browsers can store key/value pairs, in a much more intuitive fashion than using cookies.

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

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

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.

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.

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.

Because Jamstack markup is prebuilt, content changes won’t go live until you run another build.

Better PerformanceWhy wait for pages to build on the fly when you can generate them at deploy time? When it comes to minimizing the time to first byte, nothing beats pre-built files served over a CDN.

I'm not familiar with Svelte. But the UI itself is handled in a custom canvas on mobile (and probably Desktop?) Though, on the web, it is HTML and CSS.

Unfortunately it is not just the semantic that is broken. There are lot of things.For example if you look at some of the examples (https://flutter.github.io/samples/#/) - you can see that indeed there are some div and p tags but it is not entirely normal DOM elements. For example you can't even select text anywhere on the screen. And there are more and more little things like that.Just to be clear - Flutter for web is great, I'm happy it exists, but it is not comparable to React/Vue or Svelte.IMO Flutter for web is good to post live examples of Flutter code or maybe some last-minute-boss-request to make a web version of existing app, but for not for full-blown web app. :)

They are often cited as the first website to feature banner ads.

When writing copy for buttons, make sure that you keep consistency.

Make sure the label colour stands out against the button fill. You can check using http://accessible-colors.com/. Always make sure that your colours meet the AAA requirements.

Text links are a very simple button type.

Some text links may have an icon with them.

This one gets the SEO, so I hope you're successful @raythurnevoid.

Capacitor's origins lie in Ionic's mission to provide a holistic framework for developing hybrid apps—apps that run on mobile devices, on desktops, and in the browser. It does not only replace Apache Cordova as a “bridge” to native platform access in new Ionic projects but also “provides a consistent, web-focused set of APIs”.

Capacitor is a framework that provides developers a coherent API set to access various features on different platforms. By doing so, it also simplifies using those features. Especially for web APIs that are hard to use or require multiple steps to set them up, Capacitor provides an easy-to-use interface.

How to Choose a Technology Stack For Web Applications: Tips To Follow

This library is part of a general project at the Internet Archive (archive.org) to support the decentralized web.

We convene the Decentralized Web Summit, dedicated to creating the Web we want and the Web we deserve. A Web that is private, safe and locked open for good.

these platforms aim to provide experiences “that people want to use that works as much as possible as they expect, but which is backed up by better values and technology.”

The 2000's utopian dream for computer programs was the ‘semantic web’- which for me is still a little raw to talk about.

The websites of today are primarily built with efficiency and usefulness in mind, but in turn, they often lack the creativity, playfulness, and dedication that make a site stand out and a joy to interact with.

2.0 tools for learning human histology by First year MBBS students and thus make them aware of the features of these

Procedia Social and Behavioral Sciences 1 (2009) 478–482Available online at www.sciencedirect.comWorld Conference on Educational Sciences 2009 To use or not to use web 2.0 in higher education? Gabriela Grosseck* West University of Timisoara, 4 Bd. C. Coposu, office 029, 300223 Timisoara, Romania Received October 8, 2008; revised December 16, 2008; accepted January 4, 2009 Abstract Web 2.0 has been, during the last years, one of the most fashionable words for a whole range of evolutions regarding the Internet. Although it was identified by the current analysts as the key technology for the next decade, the actors from the educational field do not really know what Web 2.0 means. Since the author started to explore and use Web 2.0 technologies in her own development/improvement, she has been intrigued by their potential and, especially, by the possibility of integrating them in education and in particular in the teaching activity. The purpose of this paper is both to promote scholarly inquiry about the need of a new type a pedagogy (Web 2.0 based) and the development / adoption of best practice in teaching and learning with web 2.0 in higher education (HE). The article main objectives are: • to introduce theoretical aspects of using Web 2.0 technologies in higher education • to present models of integrating Web 2.0 technologies in teaching, learning and assessment • to identify the potential benefits of these technologies as well as to highlight some of the problematic issues / barriers encountered, surrounding the pedagogical use of Web 2.0 in higher education • to propose an agenda for future research, and to develop pedagogy 2.0 scenarios for HE sector. © 2009 Elsevier Ltd. Keywords: Web 2.0; e-learning; higher education; social artifacts. 1. Insight

purpose of this section is to discuss the influence of Web 2.0 technologies on online collaboration based on different learning theories and modes

The following list includes free tools that you can use to stay on top of current events, including headlines and blogs.

found. The PST concern was most intense in the self-concern stage and then fluctuated from task-concern to impact-concern within a small range. Findings of the study provide valuable insights for personalising teacher education as to how levels of concern, self-efficacy for teaching, teacher knowledge and demographics influence the change process required for Web 2.0 integration in instruction.

Sometimes you might need to use an element other than a native <button>. useButton supports this via the elementType prop. When used with an element other than a native button, useButton automatically applies the necessary ARIA roles and attributes to ensure that the element is exposed to assistive technology as a button.

How to Access Your Linux (WSL) Files in Windows 10

Informal learning in work environments: training with the Social Web in the workplace.

Teaching with Web 2.0 Technologies: Benefits, Barriers and Lessons Learned

Using wikis for collaborative learning: Assessing collaboration through contribution

An Introduction and Guide to Enhancing Online Instruction with Web 2.0 Tools

Social Media and Networking Technologies: An Analysis of Collaborative Work and Team Communication

Wiki Use that Increases Communication and Collaboration Motivation

10 Active Learning Methods for Super Engaged Corporate Learners

An onevent event handler property serves as a placeholder of sorts, to which a single event handler can be assigned. In order to allow multiple handlers to be installed for the same event on a given object, you can call its addEventListener() method, which manages a list of handlers for the given event on the object.

The Web platform provides several ways to be notified of DOM events.

Events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.

However, a healthy news ecosystem doesn’t just require a thriving free press, it also needs a diversity of curators, newsletters and content discovery options that enable the weird and wonderful to surface. We want to use Nuzzel as a test kitchen to see what models works for curators as well as content creators. The simple goal is a sustainable open web where the goals of creators, curators and consumers are aligned around the best possible experience.

We advocate for a Slow Web Movement. We are what we eat, and we are also what we consume online. Data-driven advertising, BlackBox algorithms, and the competition between Big Tech to keep us “engaged“ has created an addiction to low-value content. It is time to reset our digital consumption and create healthier habits. Since the last decade, with a set of guidelines, the Slow Web Movement is changing Software to make it care about us again. Think of it as the equivalent of "Organic" for Technology.

2011-06-23 at OSBridge2011 having lunch with Ward, Tantek exclaimed: The Read Write Web is no longer sufficient. I want the Read Fork Write Merge Web. #osb11 lunch table. #diso #indieweb

The path must not twist so much that visitors think they are being led astray, nor be so slow that visitors give up and strike cross-country through search engines. Nevertheless, twists and detours can help designers give their readers more than they expect.

And we see that develop into the web as we know it today. A web of “hey this is cool” one-hop links. A web where where links are used to create a conversational trail (a sort of “read this if you want to understand what I am riffing on” link) instead of associations of ideas. The “conversational web”. A web obsessed with arguing points. A web seen as a tool for self-expression rather than a tool for thought. A web where you weld information and data into your arguments so that it can never be repurposed against you. The web not as a reconfigurable model of understanding but of sealed shut presentations.

The attention of the audience is a writer's most precious possession, and the value of audience attention is seldom more clear than in writing for the Web. The time, care, and expense devoted to creating and promoting a hypertext are lost if readers arrive, glance around, and click elsewhere. How can the craft of hypertext invite readers to stay, to explore, and to reflect?

I think every journalist should learn how to set up and run a web server.

A fun thing to watch for on news sites is when a draft of an article is submitted with an initial slug and title. Later, the title is changed but the slug is left untouched. This can result in some fun situations where the headline of an article has been made more subtle - but the slug retains some fairly blunt language.

web we lost

But the scariest outcome of the centralization of information in the age of social networks is something else: It is making us all much less powerful in relation to governments and corporations.

I’ve worked on the web professionally for over a decade and I’ve never managed to put together a proper website that I’ve maintained and not just binned every five minutes. Yes, I’ve been making websites for over a decade and never managed to make one for myself.

The last ETech was held in 2009.

I imagine that the first part of this project will focus on how it got to be this way, what got missed or ignored in some of the early warnings about what was happening online and how those warnings were swamped by the hype depicting the Internet as a space of radical democratization.

Solid is similar to remoteStorage in that it allows apps and services (including unhosted web apps) to store the user's data under the user's control.

You can add an attribute replace to replace the current entry in the history stack instead of adding a new one.

localhost with lvh.me this is a domain that always resolves to localhost and now whenever you write sub1.lvh.me even though a port like sub1.lvh.me:3000 it will still work.

In '07, safety implied an unacceptable performance hit on slow single-core devices with 128MiB of RAM.

many CDNs nowadays ultimately source from npm (before caching the JavaScript on their own edge servers). So you'll be guaranteed to have the same library version on the CDN as on npm

DX: start sapper project; configure eslint; eslint say that svelt should be dep; update package.json; build fails with crypt error; try to figure what the hell; google it; come here (if you have luck); revert package.json; add ignore error to eslint; Maybe we should offer better solution for this.

Over the last year, we have gained a better understanding of the performance and correctness characteristics of the various rendering technologies available on the web, and have been experimenting with a second approach that uses CanvasKit. CanvasKit brings Skia to the web using WebAssembly and WebGL, enabling a hardware-accelerated drawing surface that improves our ability to render complex and intensive graphics efficiently.

WebAssembly is pretty great, but should web applications just be rendered to a canvas, and every application brings its own graphics toolkit? Do we really want anti-aliasing differences between web applications? Applications-in-containers is a thing - look at Qubes - but it’s not really something that users should want.

The idea of a web browser being something we can comprehend, of a web page being something that more people can make, feels exciting to me.

I’ll replace Twitter with something else for a little while, and hopefully that’ll seem different.

The same post was on a couple of different forums, and each time told slightly differently.

Another problem I ran into was knowing when an element is removed. I had to add a MutationObserver on the current tooltip target so if it gets removed by Svelte while the tooltip is visible (e.g. if a click moves to another route) the tooltip isn't left hanging around on the screen. No mouseleave/mouseout events are dispatched on elements that are removed.

The fully styleable primitives that the web offers (e.g. <div>) are quite powerful, but they lack semantic meaning. This means that accessibility is often missing because assistive technology cannot make sense of the div soup that we use to implement our components.

"das Netz", "die Digitalisierung" oder sogar "das Wissen"

ARCHIVIST (overlapping) Mm, they were… Well, let’s just say it’s not a complete shock there was something unnatural to them. Didn’t know we had copies in the Institute, though, let alone original cuts. [He laughs.] ARCHIVIST (CONT’D) Records indicate they ended up in… (paper flips) Artefact Storage.

The Spider’s always an easy job, no fuss, no complications, everything planned and prepared. It knows too much to truly be a stranger, but hides its knowing well enough to endure. We knew she wouldn’t scream as she was hollowed out and drunk, but still he thought best to cover the sounds with a laugh.

What grabbed his wrist was not a hand. Not exactly, not – anymore. It was coarse and bony and covered in fine, sharp hairs. Greg screamed, falling backwards, pulling the figure under the street lamp where, for a second, I saw it more completely than he did. It was definitely human once. At least, based on how it was screaming. But it was thin, with bits of twisted and discolored, covered in small, scurrying shapes. Its face was the most human part of it remaining. Except for the two black and hollow spaces where its eyes once were. From which now poured an endless stream of scuttling legs and fangs. Its mouth was full of them too, but I could see, as it grasped desperately at Greg; it was trying to say: “I’m sorry. I’m sorry. Tell her I’m sorry,” but words were not what tumbled from those lips.

The Chelicerae popped up on the occasional paranormal site or edgy message board, each time accompanied by a now-defunct link. According to those who followed such things, all you had to do was start a new thread as a Guest, something Greg had been instructed to make sure was possible, and the title of that thread should be the name of someone you want dead. As the stories went, you would receive a reply almost immediately, and it would simply ask you for a story. You would have to write out, and post, in full, a horrible event that had happened to you, or someone that you loved. All the instructions were very clear that the target would only die, if the account satisfied the “Story-spinner.” None of them made any mention of what would happen if it did not.

It started with an email he got from a hotmail address he didn’t recognize. The subject line was simply “Are you the Chelicerae?” At first, Greg thought his client must have passed his details on, but opening the message, there were just four more words: “Please make it stop.”

As he told it, she was young, rail-thin underneath an oversized brown hoodie, which she kept pulled up, trying to cover up a network of pale stitches that stretched over one side of her head.

What I’ve been doing to these people, it – it hasn’t been because I was puppeted, or controlled, or possessed. I wanted to do it. It felt good.