codi.link | HTML, CSS, JavaScript Live Editor Playground
codi.link is a live editor for HTML, CSS and JS. Edit your code in real-time, and see the result instantly. It's like running codepen locally in a browser h/t https://social.ds106.us/@dnorman/113037135946398757
Back in 2000, the patterns, principles, and best practices for building web information systems were mostly anecdotal and folkloric. Roy Fielding’s dissertation on the web’s deep architecture provided a formal definition that we’ve been digesting ever since. In his introduction he wrote that the web is “an Internet-scale distributed hypermedia system” that aims to “interconnect information networks across organizational boundaries.” His thesis helped us recognize and apply such principles as universal naming, linking, loose coupling, and disciplined resource design. These are not only engineering concerns. Nowadays they matter to everyone. Why? Because the web is a hybrid information system co-created by people and machines. Sometimes computers publish our data for us, and sometimes we publish it directly. Sometimes machines subscribe to what machines and people publish, sometimes people do.
A fast & simple way to fix CORS Errors All you have to do is prefix the destination URL with the URL of our proxy and it will handle the request on your behalf with appropriate CORS headers
AI.JSX is a framework for building AI applications using JSX. While AI.JSX is not React, it's designed to look and feel very similar while also integrating seamlessly with React-based projects. With AI.JSX, you don't just use JSX to describe what your UI should look like, you also use it to describe how Large Language Models, such as ChatGPT, should integrate into the rest of your application. The end result is a powerful combination where intelligence can be deeply embedded into the application stack. AI.JSX is designed to give you two important capabilities out of the box: An intuitive mechanism for orchestrating multiple LLM calls expressed as modular, re-usable components. The ability to seamlessly interweave UI components with your AI components. This means you can rely on the LLM to construct your UI dynamically from a set of standard React components.
This is the source for https://twitter.com/_restaurant_bot Its a node app (that i wrote in an afternoon, apologies if its... not that good), you'll need credentials for google maps api and twitter api to run it, although i guess you could use it without twitter just console log the text and check to see if the images downloaded, if you want to make bots but dont know how to get started check out this guide
[Presentation] Coding in no-code: Extending AppSheet functionality… with code. + reflections from Google I/O Extended Edinburgh 2023 – By @mhawksey
As part of Google I/O Extended I recently had the opportunity to speak to GDG Edinburgh to highlight the opportunities in Google AppSheet and coding solutions. For more context the summary of talk is below: Google AppSheet is a powerful no-code platform for the rapid development of apps. Vikas Anand, Google Cloud has noted “the democratization of software creation is also gaining ground within organizations, and by 2024 more than 65% of applications will be developed by low-code tools”. Whilst tools like AppSheet are pitched at no/low coders it doesn’t mean there are zero coding opportunities. In this talk we will highlight how AppSheet can be integrated with other Google Workspace APIs, showcasing how AppSheet can be used to interface a Grab n Go Chrome Loaner solution.
Using SQL to find my best photo of a pelican according to Apple Photos
Apple Photos keeps photo metadata in a SQLite database. It runs machine learning models to identify the contents of every photo, and separate machine learning models to calculate quality scores for those photographs. All of this data lives in SQLite files on my laptop. The trick is knowing where to look. I’m not running queries directly against the Apple Photos SQLite file—it’s a little hard to work with, and the label metadata is stored in a separate database file. Instead, this query runs against a combined database created by my new dogsheep-photos tool.
H5P has a modular architecture and the building blocks of H5P are called libraries. A library may be a content type, an application or an api for other libraries. Typically a content type consists of multiple H5P libraries with dependencies between each other. Most of the libraries used on H5P.org are shared on GitHub. If you want to contribute to a library, coordinate with the maintainers and create pull requests. If you want to create your own content type, make sure to share it on H5P.org. H5P has very few requirements that needs to be fulfilled by H5P libraries. The following example illustrates all that is needed to create a H5P library.
While helping Hypothesis find its way to ed-tech it was my great privilege to explore ways of adapting annotation to other domains including bioscience, journalism, and scholarly publishing. Working across these domains showed me that annotation isn’t just an app you do or don’t adopt. It’s also a service you’d like to be available in every document workflow that connects people to selections in documents.
Asynchronous programming in JavaScript - Promises, Callbacks and Async-await - DEV Community
This guide provides and a simple introduction to asynchronous programming in JavaScript. It covers the basics and not everything there is to asynchronous programming in JavaScript.
Checkboxland is a JavaScript library for rendering anything as HTML checkboxes. You can use it to display animations, text, images, video, and arbitrary data. It also supports plugins, so you can add your own APIs. Checkboxland is dependency-free, framework-agnostic, and fun!
Collapsible sections are perhaps the most rudimentary of interactive design patterns on the web. All they do is let you toggle the visibility of content by clicking that content's label. Big whoop. Although the interaction is simple, it's an interaction that does not have a consistent native implementation across browsers — despite movement to standardize it. It is therefore a great "hello world" entry point into accessible interaction design using JavaScript and WAI-ARIA.
Show/Hide Boxes with Pure HTML [Details Element] – OER Activity Sourcebook
One way to implement local show/hide features without using plugins or fancy javascript is to use a native HTML5 element called . There isn’t currently a WYSYWIG button for it, so do use it, you’ll have to be comfortable working with raw HTML in Pressbooks’ text editor, but the element offers a simple, powerful way to make expanding text boxes (also known as disclosure widgets) in your Pressbooks web book.
Ansible is a radically simple IT automation engine that automates cloud provisioning, configuration management, application deployment, intra-service orchestration, and many other IT needs. Designed for multi-tier deployments since day one, Ansible models your IT infrastructure by describing how all of your systems inter-relate, rather than just managing one system at a time. It uses no agents and no additional custom security infrastructure, so it's easy to deploy - and most importantly, it uses a very simple language (YAML, in the form of Ansible Playbooks) that allow you to describe your automation jobs in a way that approaches plain English.
This site will help you make a Twitterbot! They're easy to make and free to run. To use it, create a Twitter account for your bot to run under and then sign in below. The bots are written in Tracery, a tool for writing generative grammars developed by Kate Compton. This site is run by George Buckenham -
HTML5 achieved W3C recommendation in 2014 and added a lot of new tags. Some of them like , , or are semantic replacements for common used . Everybody was talking about those tags, but there a lot of different not so often used and not known. Let's discover together 6 form related HTML elements you might not know.
How to Inject Data from Google Sheets Into a Google Slides Presentation | UpBuild
Working on websites, we work in rows and rows of data. A lot. But what happens when an executive wants to know more about that project you are notating from a data export? You have to turn your mind-numbing spreadsheet with filters and color coding only you might understand into a more digestible format. Now comes the hours and hours spent copying over information into a presentation. Not anymore! With Google Apps Script, you can inject data from Google Sheets into a template in Google Slides and generate hundreds of pretty slides in just minutes.
How Can PHP Read PDF File Content and Extract Text from PDF using PHP - How Can PHP Extract Image from PDF and Search PDF Content using PHP PDFToText Class - PHP PDF to Text package blog - PHP Classes
Extracting text from individual pages or whole PDF document files in PHP is easy using the PdfToText class. Read this article that is the first of a series that will teach you about the challenge of processing the PDF file format and how the PdfToText class can be used to extract text and images from it.
How to Convert MySQL to MySQLi PHP Code to Upgrade to PHP7 Doing the PHP MySQL MySQLi Migration - PHP MySQL to MySQLi package blog - PHP Classes
Have you been putting off migrating you code from the old MySQL extension to the supported MySQLi extension? Is it one of those things that you just are not sure where to start or are you having trouble finding the time? Read this article to avoid having your code instantly labeled legacy code and learn how to quickly migrate to use the MySQLi extension. It is not going to be as difficult as you may think.
Unexpected Learnings From Coding Artwork Every Day For Five Years — Smashing Magazine
For more than five years I have been creating one digital artwork a day, using code to generate patterns, shapes, and animations. My daily art project has helped me to explore my artistic style and learn the practice of coding in a playful way. When I started the project it was a challenge to come up with something each day and publish it online. Now it’s simply a part of my daily life. Time spent on my “daily” is a time during which I’m free to explore and be creative. When things get boring, I know I need to challenge myself again in order to create something fresh and different. I’m happy to share my thoughts and experience, and hope to yield the inspiration you need to start similar projects of your own.
muaz-khan/RecordRTC: RecordRTC is WebRTC JavaScript library for audio/video as well as screen activity recording. It supports Chrome, Firefox, Opera, Android, and Microsoft Edge. Platforms: Linux, Mac and Windows.
WebRTC JavaScript Library for Audio+Video+Screen+Canvas (2D+3D animation) Recording Chrome Extension or Dozens of Simple-Demos and it is Open-Sourced and has API documentation
The world of code and nocode needs a bridge. Noco is that bridge allowing designers and nocoders to work side by side with developers. With every new project or feature comes new designs, which take time to turn into clean, functioning code. Our tool lets a nocoder become a productive member of the dev team by allowing them to build new designs and new features and commit them to github, just like a developer. We envision a world where more and more of the application can be built without code and only the unique parts of the application need to be built by hand.
Since 1998, Software Carpentry has been teaching researchers the computing skills they need to get more done in less time and with less pain. Our volunteer instructors have run hundreds of events for more than 34,000 researchers since 2012. All of our lesson materials are freely reusable under the Creative Commons - Attribution license.
Welcome to the learn-js.org interactive JavaScript tutorial. Whether you are an experienced programmer or not, this website is intended for everyone who wishes to learn the JavaScript programming language. Just click on the chapter you wish to begin from, and follow the instructions. Good luck!
Boost your JavaScript Debugging Skills With These Console Tricks
The cookie-cutter way of debugging JavaScript code is to simply output the results via the console.log method. While it works, it’s not the most optimal way of doing things. If there are better ways out there, why not explore them? “Hello from the console” The console object provides access to the browser's debugging console. You can use the console object only if run your JavaScript code on the browser, i.e client-side code, not server-side code. How it works varies from browser to browser, but there is a de facto set of features that are typically provided. The best part of the debugging statements is they work with all libraries and frameworks since they’re baked inside the core language.
![[Presentation] Coding in no-code: Extending AppSheet functionality… with code. + reflections from Google I/O Extended Edinburgh 2023 – By @mhawksey](https://rdl.ink/render/https%3A%2F%2Fhawksey.info%2Fwp-content%2Fuploads%2F2023%2F05%2FPUBLIC-Coding-in-no-code-with-Google-AppSheet-Google-I_O-Extended-Edinburgh.jpg?width=92&height=&ar=&mode=&format=avif&dpr=2)
