Smashing Magazine

JUNE 25, 2020

Django Highlights: Wrangling Static Assets And Media Files (Part 4). Django Highlights: Wrangling Static Assets And Media Files (Part 4). But unfortunately, when dealing with static assets and media files, there are a lot of caveats to deal with. Media Files. Any file uploaded by a user, from profile pictures to personal documents, is called a media file. Django’s default handling of static assets and media files is just that: simple. Media Files.

Media 55

Media Storage Cache Servers 55

Tim Kadlec

APRIL 10, 2012

A little while back, I mentioned I was doing some research for the book about how images are downloaded when media queries are involved. The HTML and CSS are below: #test2 { background-image:url('images/test2.png'); width:200px; height:75px; } @media all and (max-width: 600px) { #test2 {display:none;} }. The HTML and CSS are below: #test3 div { background-image:url('images/test3.png'); width:200px; height:75px; } @media all and (max-width: 600px) { #test3 { display:none; } }.

Media 60

Media Mobile Testing Internet 60

Tim Kadlec

APRIL 10, 2013

One aspect in particular that is getting quite a bit of attention is the ability to embed media queries within SVG files. With embedded media queries you could apply an id or class to the portion of SVG that generates the slogan and then embed a media query within the SVG file that hides the slogan when the logo is below a certain size. Essentially something like this: @media screen and (max-width: 200px) { #slogan{ display: none; } }.

Media 40

Media Testing Code Performance 40

The Netflix TechBlog

MARCH 6, 2019

Mounting object storage in Netflix’s media processing platform By Barak Alon (on behalf of Netflix’s Media Cloud Engineering team) MezzFS (short for “Mezzanine File System”) is a tool we’ve developed at Netflix that mounts cloud objects as local files via FUSE. It’s used extensively in our media processing platform, which includes services like Archer and runs features like video encoding and title image generation on tens of thousands of Amazon EC2 instances. MezzFS?—?Mounting

Media 186

Media Storage Processing Cache 186

Tim Kadlec

FEBRUARY 21, 2012

A few people—including Jason Grigsby , Greg Rewis and Aaron Mentele —have done some excellent testing about how images are downloaded when media queries are involved. However, setting background images within a media query and then overriding seems to work pretty well ( test 5 ). When you’re building a responsive site, there will undoubtedly be times when you need to change a background image, or when you need to hide an image for a specific resolution range.

Media 40

Media Mobile Code Testing 40

All Things Distributed

APRIL 19, 2010

Amazon Cloudfront is Streaming Media 2010 Editors pick. I am excited that Amazon Cloudfront has been selected as one of the 10 Editors pick of 2010 by Streaming Media. The Streaming Media editors singled out Cloudfront Streaming Content service as possibly truly disruptive. All Things Distributed. Werner Vogels weblog on building scalable and robust distributed systems. By Werner Vogels on 19 April 2010 03:02 AM. Permalink. Comments ().

Media 60

Media AWS Cloud Storage 60

Tim Kadlec

FEBRUARY 25, 2009

Joel frequently blogs on social media marketing and other related topics at www.socializedpr.com. Joel has written a fantastic book to give to anyone looking to get started in, or relatively new to using social media for marketing for corporate companies. Joel is willing to discuss both how social media can help if used correctly, and how social media can hurt a company if used improperly. Who Wrote It?

Social Media 40

Social Media Media Website Development 40

All Things Distributed

SEPTEMBER 21, 2012

I was in Los Angeles this week for the Digital Media on AWS Summit and to visit many of the studios and production houses that are using AWS for production and post-production work. All Things Distributed. Werner Vogels weblog on building scalable and robust distributed systems. Back-to-Basics Weekend Reading - Leases. By Werner Vogels on 21 September 2012 06:00 PM. Permalink. Comments ().

Cache 60

Cache Operating System Media Scalability 60

All Things Distributed

NOVEMBER 8, 2012

Customers from various verticals (media, social gaming, mobile, news, advertisement) such as Netflix, Shazam and Scopely have used SQS in variety of use-cases requiring loose coupling and high performance. All Things Distributed. Werner Vogels weblog on building scalable and robust distributed systems. Improving the Cloud - More Efficient Queuing with SQS. By Werner Vogels on 08 November 2012 03:00 PM. Permalink. Comments ().

Efficiency 61

Efficiency Cloud Retail Games 61

Apica

OCTOBER 24, 2019

Digital Experience Load Testing Media and Entertainment WebThe great about a television network having a hit TV show is that everyone wants to watch it. And while Read More. The post Apica Helps HBO Deliver Infinite Streaming Scalability appeared first on Apica.

Network 8

Network Scalability Entertainment Media 8

Tim Kadlec

FEBRUARY 20, 2020

Unsized Media. The unsized-media policy tells the browser that all media elements should have size attributes, and if they don’t, the browser should choose a default. There is a LOT of unsized-media out there (I’m guilty too!)

Media 107

Media Performance Best Practices Development 107

Rigor

JANUARY 13, 2020

When it comes to web content, you can easily find what you need through many different paths, from search engines and social media to playlists and blogs, jumping.

Social Media 67

Social Media Media Website Performance 67

DZone

JUNE 8, 2020

There are the above-mentioned family ones, social media, and what’s amounting to an endless stream of news. You’ve got a finicky toddler who won’t eat breakfast, a spouse or partner loudly watching Netflix in the living room, and a dog that’s begging for an extra play session. Oh, did we mention your conference call is scheduled to start in five minutes? So many distractions abound as most of us work from home during the COVID-19 pandemic.

Social Media 159

Social Media Media Testing Development 159

The Netflix TechBlog

SEPTEMBER 4, 2020

Test Area: Requested Media Profile Validation A Netflix capable STB should request accurate media streams from our cloud service for optimal user experience. This ensures that the media streams requested by DUT accurately reflect its HDMI capabilities and the active HDMI topology.

Media 147

Media Entertainment Virtualization Scalability 147

CSS Wizardry

MAY 19, 2020

While there are a number of ways to achieve this, I’d dare say the simplest and most ubiquitous is Filament Group’s print media type trick. This is the danger of the print media hack. Complementing our media-trick stylesheet with a preload ensures we get the best of all worlds: an asynchronous high priority fetch that will work in almost all modern browsers, and; a very widely supported method for reapplying CSS that we loaded asynchronously.

Google 219

Google Media Latency Metrics 219

The Netflix TechBlog

FEBRUARY 5, 2020

AV1 is made possible by the wide-ranging industry commitment of expertise and intellectual property within the Alliance for Open Media (AOMedia), of which Netflix is a founding member. Our AV1 support on Android leverages the open-source dav1d decoder built by the VideoLAN, VLC, and FFmpeg communities and sponsored by the Alliance for Open Media.

Media 152

Media Mobile Open Source Efficiency 152

The Netflix TechBlog

FEBRUARY 5, 2020

AV1 is made possible by the wide-ranging industry commitment of expertise and intellectual property within the Alliance for Open Media (AOMedia), of which Netflix is a founding member. Our AV1 support on Android leverages the open-source dav1d decoder built by the VideoLAN, VLC, and FFmpeg communities and sponsored by the Alliance for Open Media.

Media 152

Media Mobile Open Source Efficiency 152

The Netflix TechBlog

APRIL 20, 2020

would reduce play delay, as we are no longer required to wait for the handshake to finish and we can instead issue the HTTP request for media data and receive the HTTP response for media data earlier. Media Rebuffer At Netflix, we define a media rebuffer as a non-network originated rebuffer. It typically occurs when media data is not processed quickly enough by the device due to the high load on the CPU. improvement in media rebuffers.

Network 157

Network Media Transportation Efficiency 157

Dynatrace

MAY 6, 2020

Over the last two month s, w e’ve monito red key sites and applications across industries that have been receiving surges in traffic , including government, health insurance, retail, banking, and media. Media p erformance . Watching media sites including CNN, Fox News, and CNBC has been very interesting. This is vital as many people are relying on these media sites to keep them up dated on critical COVID -19 information. . Dynatrace news.

Website 175

Website Retail Traffic Media 175

Rigor

JANUARY 13, 2020

When it comes to web content, you can easily find what you need through many different paths, from search engines and social media to playlists and blogs, jumping. Why share the library of the web performance books while there’s a substantial collection of fantastic websites and articles on the net? The post Web Performance Bookshelf appeared first on Production. Web Performance

Social Media 40

Social Media Media Website Engineering 40

CSS - Tricks

SEPTEMBER 17, 2020

main stylesheet and JS files) while others may be less important (like images or stylesheets for other media types). A straightforward post with some perf data from Tomas Pustelnik.

Media 75

Media Website Processing Performance 75

Jos

JUNE 2, 2018

One of the best examples is Vox Media , the company behind The Verge and other high trafficked sites. In May 2015, Vox Media wrote about the slowness of their site and commitment to make them faster. Vox Media took some performance metrics (first paint, page complete and speed index) and decided on a target. One of Vox Media’s posts where they gave an update on their efforts. Web Performance is not only about understanding what makes a site fast.

Performance 191

Performance Media Google Speed 191

KeyCDN

AUGUST 8, 2019

Responsive image techniques, such as the srcset , sizes , and media HTML attributes, allow different scaled images to be delivered based on the size and resolution of the accessing device. What Are the srcset , sizes , and media Attributes? The srcset , sizes , and media attributes allow the and elements to be extended by offering the browser additional information, such as different image sources as well as different display sizes and media conditions.

Media 62

Media Website Internet Internet 62

CSS Wizardry

NOVEMBER 9, 2018

Split Your Media Types. So if achieving Critical CSS is proving quite tricky—and it probably is—another option we have is to split our main CSS file out into its individual Media Queries. If we can split that single, all-render blocking file into its respective Media Queries: Then we see that the network treats files differently: CSS files not required to render the current context are assigned a Lowest priority.

Network 219

Network Performance Media Cache 219

Website Optimization

NOVEMBER 19, 2018

In 2018 alone, total media ad spending will rise 7.4% Digital media will account for 43.5% With the rapid growth of online advertising, viewer attention is becoming increasingly scarce. to $638 billion. of this total ad spend (eMarketer 2018) and will surpass conventional advertising by 2021. With online browsers bombarded with more and more advertising the trick is to capture their limited attention with compelling ads.

Media 43

Media Retail 43

Speed Curve

FEBRUARY 10, 2020

Page Speed Benchmarks is an interactive dashboard that lets you explore and compare web performance data for leading websites across several industries – from retail to media. For example, highly dynamic sites, such as media sites, serve different third parties throughout the day.

Benchmarking 109

Benchmarking Speed Media Metrics 109

The Netflix TechBlog

SEPTEMBER 1, 2020

Geographic units are defined based on the lowest level of media buying capability. For instance, TV advertising can be bought at TV media market level only in most countries.

Metrics 167

Metrics Media Design Strategy 167

CSS Wizardry

AUGUST 13, 2019

By setting a non-matching media type, the browser naturally loads the stylesheet with a low priority off of the Critical Path. Once the file has loaded, the inline onload event handler swaps to a matching media type, and this change then applies the stylesheet to the document, swapping the fonts in. Disclaimers: I was not approached or hired by Hoefler&Co or Cloud.typography to look into any of the following issues.

Latency 170

Latency Strategy Cache Media 170

The Netflix TechBlog

AUGUST 28, 2020

by Aditya Mavlankar , Liwei Guo , Anush Moorthy and Anne Aaron Netflix has an ever-expanding collection of titles which customers can enjoy in 4K resolution with a suitable device and subscription plan.

Innovation 268

Innovation Storage Network Media 268

MachMetrics

SEPTEMBER 1, 2020

<picture> <source srcset="{{ secure_asset('assets/images/banner- desktop.jpg') }}" media="(min-width: 768px)" /> <img src="{{ secure_asset('assets/images/banner-mobile.jpg') }}" /> </picture>. The <picture> tag works in the same way that CSS media queries do.

Design 52

Design Mobile Media Website 52

Jos

APRIL 6, 2018

You might have come across them in react-media or unstated. Look at this example taken from react-media: const MyComponent = ( ) = > (. < < Media query = " (max-width: 599px)" >. </ Media >. ) ; The Media component calls its children passing a matches argument. This way, the children components don’t need to know about the media query. Componentization has marked a before and after in web development.

Code 109

Code Google Media Performance 109

SQL Server According to Bob

DECEMBER 18, 2018

This means data can be stored in file system cache, non-stable media. ) An fsync/fdatasync is used to make sure the data is stored in stable media. The stable media write(s) occurs during the sync operation and can fail for any number of reasons (out of disk space, lost connectivity to SAN, etc.) The next sync returns ESUCCESS, meaning the the write(s), which were in cache, do not flush to stable media but applications were told they did.

Cache 40

Cache Media Servers Database 40

Scalegrid

MAY 13, 2020

Greenplum customers include American Express, Walmart, Asurian, Bank of America, and many more across the banking, professional services, media, insurance, healthcare, automotive and retail markets. Greenplum Database is a massively parallel processing (MPP) SQL database that is built and based on PostgreSQL.

Big Data 184

Big Data Database Artificial Intelligence Open Source 184

DZone

MAY 30, 2019

Manufacturing uses image recognition technology to spot defects in materials, organizations such as NOAA use satellite imagery to spot changes in weather, while social media platforms use image recognition to tag photos of friends and family. With big data on the rise and data algorithms advancing, the ways in which technology has been applied to real-world challenges have grown more automated and autonomous.

Storage 100

Storage FinTech Social Media Artificial Intelligence 100

O'Reilly Software

JANUARY 4, 2018

They are actively debated and are always on the spot in the discussions about RESTful API design: resource representations, Media Types, HATEOAS, and versioning. Formats, linking, and versioning are important in well-formed RESTful APIs. In this series of posts on RESTful API design, we started from the spec of a bike rental application and we're moving towards a fully functional API design.

Media 63

Media Cache Design Servers 63

The Netflix TechBlog

MAY 1, 2019

Adaptive streaming is a technology designed to deliver media to the user in the most optimal way for their network connection. Media is split into many small segments (chunks) and each chunk contains a few seconds of playback data. Media is provided in several qualities. by Guillaume du Pontavice, Phill Williams and Kylee Peña (on behalf of our Streaming Algorithms, Audio Algorithms, and Creative Technologies teams) Remember the epic opening sequence of Stranger Things 2 ?

Engineering 216

Engineering Network Media Entertainment 216

Edge Perspectives

JANUARY 28, 2019

I don’t know about you, but I have a definite sense that many of us use social media to share the amazing places we’ve been and people we’re spending time with in an effort to reassure others that we’re doing really well. Our mass media (and social media) are increasingly focused on the terrible things that are happening in the world. I perceive that fear is becoming pervasive and increasingly intense around the world.

Social Media 72

Social Media Media Scalability Efficiency 72

CSS - Tricks

AUGUST 22, 2019

in popular media over time."> in popular media after the release of Ghostbusters on June 7th, 1984."> In this week's roundup, how to determine a slow connection, what we should put into alt text for images, and a new polyfill for the HTML loading attribute, plus more. Detecting users on slow connections.

Media 49

Media Programming Network Availability 49

CSS - Tricks

JULY 30, 2019

<link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'"> Don't just up and do this to all your stylesheets though, otherwise, you'll get a pretty nasty "Flash of Unstyled Content" ( FOUC ) as the page loads. Scott Jehl: One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering.

Media 64

Media Performance 64

Scalegrid

AUGUST 30, 2019

Redis has found a huge market share across the travel and hospitality, community forums, social media, SaaS, and ecommerce industries to name just a few. Redis , short for Remote Dictionary Server, is a BSD-licensed, open-source in-memory key-value data structure store written in C language by Salvatore Sanfillipo and was first released on May 10, 2009. Depending on how it is configured, Redis can act like a database, a cache or a message broker.

Open Source 160

Open Source Ecommerce Social Media Cache 160

Rigor

JUNE 4, 2019

If this is a media site that wants to quickly load content so the user can start reading, you could reasonably say Page A is the best. However, the subscriptions department for that same media site might say Page A is terrible because they want people to be able to click the “buy a subscription” call to action button. For example, many of Rigor’s media customers use User Timings like Time until first ad is displayed or Time to until video starts autoplaying.

Metrics 72

Metrics Media Performance Google 72

CSS - Tricks

AUGUST 15, 2019

One major drawback of this new approach is that CSS media queries can no longer be used to conditionally apply styles based on the content’s width (since the content no longer loads in a separate, embedded document). With iframes, media queries would give us the width of our content; with Shadow DOM, media queries give us the width of the device itself.

Media 42

Media Google Website Internet 42

The Netflix TechBlog

APRIL 29, 2019

Video Encoding and Media Cloud Engineering Our team takes care of encoding (and re-encoding) the Netflix catalog, as well as leveraging machine learning for insights into that catalog. We use Python for ~50 projects such as vmaf and mezzfs , we build computer vision solutions using a media map-reduce platform called Archer , and we use Python for many internal projects.

Open Source 220

Open Source Infrastructure Network Media 220