Search Results for "img"
Sort By:
Showing 9 open source projects for "img"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
1
tabler icons
1950 free MIT-licensed high-quality SVG icons
...Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. ... -
2
Responsively Lazy
Lazy load responsive images
...The things to customize are the padding-bottom style and the values of the src and data-srcset attributes. If you don't know the image aspect ratio you can skip the div tag and move the responsively-lazy class to the img tag. Responsively Lazy is very different from the other lazy loading libraries. They make you break your HTML by removing the src attribute, or make you put tiny version there or make you use <noscript> to make your images appear in Google Images. The lazy loading works in browsers supporting the srcset attribute. As of December 2017 that's 86.78%. ... -
3
imgIX.js
Responsive images in the browser, simplified
...This lets you write a single image URL that is parsed and used to make images look great at any screen size, by using imgix to process and resize your images on the fly. imgix.js is designed to run in the browser, manipulating existing img elements on an HTML page. If you're looking for a JavaScript library that can programmatically generate imgix URLs, consider using imgix-core-js instead. Once imgix.js has been included on the page, it will automatically run once, after the DOMContentLoaded event fires. This will detect and process all img, picture, and source tags on the page that are set up to use imgix.js as described in the Usage section. -
4
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
...I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. Base64, the entire image file is embedded inside the <img> tag using base64, so no need for external hosting is needed. -
$300 Free Credits to Build on Google CloudStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
-
5
Cropper
jQuery image cropping plugin
...It provides users with an intuitive interface to select and adjust crop regions on images using drag-and-drop, zoom, rotate, and aspect-ratio controls, making it ideal for profile picture editors, photo upload tools, and content management interfaces. Developers can initialize Cropper on any <img> element and customize it with a comprehensive set of options like fixed aspect ratios, minimum crop box sizes, and preview panes that update in real time. The library emits events for actions such as “crop start,” “move,” and “crop end,” enabling seamless integration with form submissions or client-side image processing workflows. ... -
6
imagesLoaded
Detect when images have been loaded
You can use imagesLoaded with vanilla JS, Using a callback function is the same as binding it to the always event. Bind events with vanilla JS with .on(), .off(), and .once() methods. Detect when background images have loaded, in addition to <img>s. Set { background: true } to detect when the element's background image has loaded. Set to a selector string like { background: '.item' } to detect when the background images of child elements have loaded. The always event is triggered after all images have been either loaded or confirmed broken. and the done event is triggered after all images have successfully loaded without any broken images. imagesLoaded works with Browserify. imagesLoaded works with RequireJS. ... -
7
retina.js
JavaScript helpers for rendering high-resolution image variants
retina.js makes it easy to serve high-resolution images to devices with displays that support them. You can prepare images for as many levels of pixel density as you want and let retina.js dynamically serve the right image to the user. retina.js assumes you are using Apple's prescribed high-resolution modifiers (@2x, @3x, etc) to denote high-res image variants on your server. It also assumes that if you have prepared a variant for a given high-res environment, that you have also prepared... -
8
CSSgram
CSS library for Instagram filters
...We are using pseudo-elements (i.e. :before and :after) to create the filter effects, so you must apply these filters on a containing element (i.e. not a content-block like <img>. The recommendation is to wrap your images in a <figure> tag. If you use custom naming in your CSS architecture, you can add the .scss files for the provided styles within your project and then @extend the filter effects within your style definitions. Mixins allow for multiple filter arguments to be passed into your classes. This is useful for if you want to add filters in addition to the ones provided (i.e. add a blur). -
9
jqueryrotate
Plugin to rotate images by any angle cross-browse with animation
...It uses CSS3 where applicable and falls back to a CANVAS (old Firefox, some less-known browsers) or VML (IE6) solution where possible. It also gives a simple interface to animate rotation. Keep in mind that the primary usage of this plugin is to only rotate "IMG" elements, however the experimental version of the plugin (ver.3) also rotates other elements (yet does not support so many older browsers). -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
- Previous
- You're on page 1
- Next
