Tech Talk: Improving Window Resize Behavior | Electron

We're launching a new blog post series where we share glimpses into our work on Electron. If you find this work interesting, please consider contributing!

The struggle of resizing windows on macOS Tahoe – no.heger

#Development
CSS resizing of DOM elements · All you need is two lines of CSS https://ilo.im/1667wb

_____
#Resizing #CSS #DOM #Browser #WebDev #Frontend

Resize any DOM element using two lines of CSS

I recently came across this video by Kamran Ahmed, where he demonstrates how to resize any DOM element using just two lines of CSS. And I was like, “What the heck, how did I not know about this all this time?”

Amit Merchant

Resize Any DOM Element Using Two Lines of CSS, by @amitmerchant.bsky.social:

https://www.amitmerchant.com/resize-any-dom-element-using-two-lines-css/

#dom #resizing #css

Resize any DOM element using two lines of CSS

I recently came across this video by Kamran Ahmed, where he demonstrates how to resize any DOM element using just two lines of CSS. And I was like, “What the heck, how did I not know about this all this time?”

Amit Merchant
A11y 101: 1.4.4 Resize Text

Unless you have bionic eyes, at one point or another a computer screen will become difficult to read. For most of us, we’ll reach for glasses or call to make an appointment for an eye exam. B…

Nat Tarnoff

[solved]
#fediHelp #video #ffmpeg #resizing

Hi there!
While testing resizing videos filmed with a Samsung NX3000 camera with ffmpeg into different smaller sizes I just tested to use the same video size as the actual original video to see what would happen and got an incredible reduction of the video size.

The original 20 minute video was 1.4 gig . This size for 20 minute videos is always the same. The new video with apparently the exact same codec data as shown by VLC, see pictures, is only 244 MB (0.244gig).
I haven't found any information about something like this in a fast search on the web.

Video data of the original video:
1280x720 | H264 - MPEG-4 AVC (part10)(AVC1) 29.970030 fps planar 4:2:0 YUV Code: MPEG AAC Audio (mp4a) stereo 44100 khhz 32bits| 1.4gig

ffmpeg command used:
ffmpeg -i videoname.mp4 -s 1280x720 -movflags +faststart -c:a copy videoname_1280x720.mp4

Resizing to other sizes resulted in the following:
852x480 | -> 105 Gig
960x540 | -> 126 Gig
1280x720 | -> 244 Gig

Any idea why this could be?
How could I find out if there was a quality reduction?
On this laptop screen I can't see any difference.

Original video:


Video passed with the ffmpeg command choosing the same output size as the original video :


Size of the videos as shown by the file manager:


Some information from the metadata sheet of a videoGraphics Mode : srcCopy
Op Color : 0 0 0
Compressor ID : avc1
Source Image Width : 1280
Source Image Height : 720
X Resolution : 72
Y Resolution : 72
Compressor Name : AVC Coding
Bit Depth : 24
Video Frame Rate : 29.97
Matrix Structure : 1 0 0 0 1 0 0 0 1
--
Encoding Process : Baseline DCT, Huffman coding
Bits Per Sample : 8
the complete metadata as read by exiftoolExifTool Version Number : 12.92
File Name : 06160427_floracionAloe_picaFlor.MP4
Directory : .
File Size : 59 MB
File Modification Date/Time : 2024:06:16 10:49:08-03:00
File Access Date/Time : 2024:08:05 16:46:57-03:00
File Inode Change Date/Time : 2024:08:05 16:46:57-03:00
File Permissions : -rw-r--r--
File Type : MP4
File Type Extension : mp4
MIME Type : video/mp4
Major Brand : MP4 v2 [ISO 14496-14]
Minor Version : 0.0.0
Compatible Brands : mp42, avc1
Media Data Size : 58622992
Media Data Offset : 32
Movie Header Version : 0
Create Date : 2024:06:16 13:48:22
Modify Date : 2024:06:16 13:48:22
Time Scale : 30000
Duration : 0:00:45
Preferred Rate : 1
Preferred Volume : 100.00%
Preview Time : 0 s
Preview Duration : 0 s
Poster Time : 0 s
Selection Time : 0 s
Selection Duration : 0 s
Current Time : 0 s
Next Track ID : 3
Track Header Version : 0
Track Create Date : 2024:06:16 13:48:22
Track Modify Date : 2024:06:16 13:48:22
Track ID : 1
Track Duration : 0:00:45
Track Layer : 0
Track Volume : 0.00%
Image Width : 1280
Image Height : 720
Graphics Mode : srcCopy
Op Color : 0 0 0
Compressor ID : avc1
Source Image Width : 1280
Source Image Height : 720
X Resolution : 72
Y Resolution : 72
Compressor Name : AVC Coding
Bit Depth : 24
Video Frame Rate : 29.97
Matrix Structure : 1 0 0 0 1 0 0 0 1
Media Header Version : 0
Media Create Date : 2024:06:16 13:48:22
Media Modify Date : 2024:06:16 13:48:22
Media Time Scale : 44100
Media Duration : 0:00:45
Media Language Code : und
Handler Type : Audio Track
Handler Description : SF M7MU SPEAR NX3000 Audio Handler
Balance : 0
Audio Format : mp4a
Audio Channels : 2
Audio Bits Per Sample : 16
Audio Sample Rate : 44100
Play Mode : SEQ_PLAY
Make : Samsung
Camera Model Name : NX3000
Thumbnail Width : 2684354560
Thumbnail Height : 2013265920
Thumbnail Length : 2753626112
Exif Byte Order : Little-endian (Intel, II)
Orientation : Horizontal (normal)
Resolution Unit : inches
Y Cb Cr Positioning : Co-sited
Exif Version : 0230
Date/Time Original : 2024:06:16 13:49:08
Components Configuration : Y, Cb, Cr, -
Flashpix Version : 0100
Color Space : sRGB
Exif Image Width : 160
Exif Image Height : 120
Interoperability Index : THM - DCF thumbnail file
Interoperability Version : 0100
Encoding Process : Baseline DCT, Huffman coding
Bits Per Sample : 8
Color Components : 3
Y Cb Cr Sub Sampling : YCbCr4:2:0 (2 2)
Thumbnail Image : (Binary data 28800 bytes, use -b option to extract)
Image Size : 1280x720
Megapixels : 0.922
Avg Bitrate : 10.5 Mbps
Rotation : 0


#linux #debian #ubuntuStudio #2024.04LTS

Chrome lässt Toolbar-Symbole bald nicht mehr einfach verschwinden

Google macht seinen Desktop-Browser Chrome fit für besseres Multitasking: bald sollen Elemente der Benutzeroberfläche nicht mehr einfach verschwinden, wenn man die Größe des Browser-Fensters unter ein bestimmtes Maß reduziert.

WinFuture.de
Edit Photo

No ads, no popups, no cookies, no account. The fastest way to edit photos online

Edit Photo
Pixel perfect dithering: Javascript hackery to present dithered images in a browser safe from resizing
https://sheep.horse/2022/12/pixel_accurate_atkinson_dithering_for_images_in_ht.html
#via:lobsters #responsive #dithering #resizing #graphics #images #+
Pixel Accurate Atkinson Dithering for Images in HTML

I have always liked the look of images processed with Atkinson Dithering, the algorithm used in the original Apple Macintosh. There are other ways of crushing a multicolored image down...

Les opérateurs de suncrypt diffusent de données relatives à :

  • 🇺🇸 [260GB] Cornerstone Automation Systems, LLC (casiusa.com)

With over 150 years of combined experience, CASI has continuously developed innovative solutions for order fulfillment since 2002. Cornerstone Automation Systems, LLC (CASI), based in Frisco, has developed automation solutions in thousands of warehouses around the world. From any size warehouse to large distribution centers, to the largest North American retailers, we have prided ourselves on developing the right solutions for any application.

#USA #RANSOMWARE #AUTOMATION #SUNCRYPT #DATABREACH #INDUSTRY #SYSTEMS #DESIGN #RETAIL #SERVICES #TECHNOLOGIES #INTELLIGENT #MARKETS #MATERIAL #SOLUTIONS #EXPERT #COMMERCE #CORPORATE #WAREHOUSE #SALES #ENGINEERS #INDUSTRIES #CAREERS #FUTURE #MANUFACTURER #FINANCIAL #INTEGRATOR #EXPERTS #CORPORATION #SHIPPING #LOGISTICS #PRODUCTS #BAGGING #CONVEYOR #RESIZING #SOFTWARE #APPLICATION #SUPPORT #SCANNING #INSTALLATION #FLEXIBLE #INDUSTRIAL #SAFETY #INTEGRATION #MARKET #DISTRIBUTION #FACTORIES #ROBOTICS #PRINT #FIRMS #PICKING #PALLETIZING #CLIENTS #TECHNOLOGY #SORTATION #CUSTOMERS #CUTTING #PARTNERSHIP #DEPALLETIZING #STORAGE #HARDWARE