Ars Technica

MacCentral

Apple updates its Clips video app with new Mickey and Minnie Mouse stickers, mouse support on iPad, and more

13 hours 27 minutes ago

Apple on Tuesday released Clips 2.1.1, an update to its iOS and iPadOS app designed for making short video clips that you can share with your friends and family.

According to the release notes, the update contains the following:

  • Use Clips on iPad with a mouse, trackpad, or Bluetooth keyboard for new ways to create videos (requires iPadOS 13.4)
  • Use the Duplicate button to instantly create a copy of a clip with all its effects
  • Tap the Split button to divide any clip in two
  • Make stickers pop on and off the screen—just split any clip and apply stickers to either of the two new sections
  • Give your video the look of an 80’s arcade game with updated 8-bit stickers and the new Game Over poster
  • Celebrate spring with the floral Springtime poster
  • Choose from 11 new Mickey and Minnie Mouse stickers, each with its own expressive animation
  • Performance and stability improvements

If you already have Clips, you can install the update through the App Store app. Launch the App Store, and then tap your profile icon on the upper right of the screen. Scroll down to the Available Updates section, and look for Clips in the list of apps. Then tap on the Update button next to the app. Or you can tap Update All at the top of the list which updates all the apps on the list.

To read this article in full, please click here

Roman Loyola

Apple releases iOS and iPadOS 13.4.1 with fix for FaceTime bug

16 hours 29 minutes ago

Apple has released iOS and iPadOS 13.4.1. This is a small bugfix release; it wasn’t ever even released as a public or developer beta.

The update fixes a glitch whereby users were having trouble connecting in FaceTime calls with devices running very old versions of iOS or macOS.

The release notes for iOS are as follows:

  • Fixes an issue where devices running iOS 13.4 could not participate in FaceTime calls with devices running iOS 9.3.6 and earlier or OS X El Capitan 10.11.6 and earlier.

  • Addresses a bug with the Settings app where choosing Bluetooth from the quick actions menu on the Home screen would fail.

    To read this article in full, please click here

Jason Cross

How to use your iPhone as a webcam for video conferencing and virtual meetings

16 hours 31 minutes ago

Just because you’re working from home now doesn’t mean you’re off the hook when it comes to meetings. And just because you don’t have a spare webcam around doesn’t mean you need to peel back the tape that’s covering your laptop’s camera—as long as you have an iPhone or an iPad, you can easily turn it into a makeshift webcam.

There are a few different apps you can use, but we recommend Kinoni’s EpocCam Webcam. Not only is it easy to set up, but the free version with ads and occasional watermarking works with both Mac and PC (iVCam is a good option if you’re using Windows, and NDI just made its $20 HX Camera app free for 60 days). Any iOS device that’s running iOS 10.3 or later will work, so even if you have an old iPhone 5 or iPad mini 2 in a drawer, it’ll work.

To read this article in full, please click here

Michael Simon

Weathering the criticism: Apple makes life on Android a little worse

23 hours 51 minutes ago

Last week, Apple acquired Dark Sky, one of the premier weather apps, and summarily canceled the Android and Wear versions of the app, surprising industry observers who looked up from their laptops in unison and said “Someone was making Wear apps? Why?”

Let the outrage pour forth! It’s not like we’re doing anything else anyway. The Macalope’s just sitting here making quarantine masks out of unused MLB commemorative Opening Day 2020 t-shirts.

Writing for Fortune, Aaron Pressman asks the Betteridge’s Law-shattering question “Should Apple be allowed to kill one of Android’s best weather apps?” (Tip o’ the antlers to Shawn King.)

To read this article in full, please click here

The Macalope

Sign in with Apple FAQ: What you need to know about Apple's single sign-on feature

1 day ago

At Apple’s Worldwide Developer Conference in 2019, it introduced a new single sign-on (SSO) solution called Sign in with Apple. Similar to the ever-present Sign in with Facebook and Sign in with Google options, Apple’s solution is meant to allow you to sign up for apps and sign in with a single ID instead of creating new ones for every app and service in the world.

To read this article in full, please click here

Jason Cross

iOS 14 and iPadOS 14: New homescreen widgets and wallpaper options

1 day 17 hours ago

WWDC may be in limbo due to the coronavirus outbreak, but that’s not stopping the release of iOS 14 and iPadOS 14. Apple is hard at work on the next update for the iPhone and iPad, and details are starting to leak ahead of the big reveal. Here is everything we know so far.

Update 04/06/20: The latest rumor concerns the wallpaper selection menu and a new system for placing movable widgets on the iPhone or iPad home screen.

iOS14 and iPadOS 14: Widgets and wallpaper settings

Twitter user @DongleBookPro has what are claimed to be images of the iOS 14 wallpaper management screens. They show a new “collections” menu that users can populate with their own photos and some “home screen appearance” options that let you change the way your home screen image looks—making it darker, giving it a gradient, etc.

To read this article in full, please click here

Macworld Staff

iPhone 12 rumors: Another look at the camera array with LiDAR

1 day 18 hours ago

Reports about what will be in the 2020 iPhones are hitting the wire. We’ve compiled the most notable ones here, but take these with a big grain of salt. Even if these reports are accurate representations of what suppliers are saying, or come from moles within Apple itself, the company’s plans can and do change. There’s still plenty of time before the design and features have to be totally set in stone.

Update 04/06/20: A new leaked image, supposedly from an early build of iOS 14, shows what is purported to be the camera array for the iPhone 12.

Another look at the camera array conceptsiphone

Three cameras and a LiDAR sensor, with flash in the middle.

To read this article in full, please click here

Macworld Staff

MacBook Pro: Speculation of a May release for the new 13-inch model with a larger display

1 day 18 hours ago

The MacBook Pro is Apple’s top-of-the-line laptop. It offers top-notch performance for demanding users who need processing power and are willing to spend top dollar for it. Learn more about the MacBook Pro by reading about its main features below.

Editor’s note: Updated 4/6/20 with a report that a upgraded 13-inch MacBook Pro could ship in May 2020.

The latest rumor about the MacBook Pro: New 13-inch model coming in May?

The new 16-inch MacBook Pro was released in November 2019, replacing the 15-inch model with a larger screen and other updates. The 13-inch model wasn't updated at that time, and the model that Apple is selling now was originally released in July 2019, so it's due for an update.

To read this article in full, please click here

Roman Loyola

Fitbit Charge 4 vs Charge 3: Is the newest do-it-all fitness tracker a worthy upgrade?

1 day 23 hours ago

While we’re all waiting for the first tracker to emerge with Wear OS support and Google Assistant integration, Fitbit isn’t resting on its laurels. Barely 18 months after the debut of the redesigned Charge 3, Fitbit has launched the Charge 4, bringing new chips, new features, and a new color. Here’s how it compares to last year’s model:

Display and design

To the untrained eye, the Charge 4 is a carbon copy of the Charge 3, but when you put them side by side, you’ll notice a few slight differences. The Charge 4 seems a lot larger on paper, but the tapered design gives it a very similar feel to the Charge 3.

To read this article in full, please click here

Michael Simon

How to disable content blockers on a per-site basis in macOS Safari

2 days ago

Content-blocking Safari extensions let you select what kinds of items you want websites to load. Popular blockers prevent third-party tracking links, auto-play video, known malicious content, and a number of other undesirable elements. However, most blockers also let you block specific categories of ads or all ads.

Many websites depend on advertising, and the rise of ad blockers has had the concomitant effect of reducing ad revenue to those sites. (I’d argue that loading content from 70-plus ad networks and tracking systems, as some sites I visit do and allowing any advertiser without prior vetting to display ads, may have driven people to use blocking technology, but that’s a policy discussion.)

To read this article in full, please click here

Glenn Fleishman

iPhone SE 2020 preview: Price, specs, size, and an imminent launch likely for Apple's budget phone

2 days 22 hours ago

The launch of the iPhone 12 may be very much in limbo due to the effects of the coronavirus, but that’s probably not the only handset Apple is launching in 2020. According to a flood of well-sourced leaks and reports, a new entry-level phone that resurrects the beloved iPhone SE is due to arrive very soon. 

Update 4/5: This article has been updated with new reports and rumors.

Here’s everything we know about the new budget iPhone:

Name

After rumors initially pegged the name of Apple’s new phone as the iPhone SE 2 and then the iPhone 9, it now appears that it will simply be called the iPhone SE. According to “a tip from a highly trusted reader,” 9to5Mac is reporting that Apple will be recycling the same name it used for the 4-inch phone, much like it did with the new iPad Air last year. (If you don't believe it, The Verge found a since-deleted Apple Store reference to an iPhone SE/8/7 case from Belkin.) On internal documents and technical sheets 9to5Mac says it will be referred to as the “2020 version,” but for marketing purposes, it’s just iPhone SE.

To read this article in full, please click here

Michael Simon

Intel’s new ‘Comet Lake-H’ processors are best suited for the 16-inch MacBook Pro

4 days 1 hour ago

Apple has not announced an upgrade to the 16-inch MacBook Pro released late last year. But when it does sometime down the road, it’s likely to include the new CPU that Intel just announced. The “10th Gen Intel Core-H Series,” as it is officially named (or “Comet Lake-H” as the hardware enthusiasts call it) will offer clock speeds over 5GHz.

Intel calls it the “world’s fastest mobile processor” and it’s the latest salvo in a growing battle between Intel and AMD in the laptop market. Apple has stuck with Intel chips for years and, assuming that continues, the 16-inch MacBook Pro is likely to get an upgrade to these processors later this year. Here’s what you can expect.

To read this article in full, please click here

Jason Cross

How to check if your Mac’s software is 32- or 64-bit

4 days 2 hours ago

MacOS 10.14 Mojave, the version of the Mac operating system before the new macOS Catalina, is the last version that supports 32-bit software. With Catalina, only 64-bit software will be supported.

Catalina is here and if you decide to upgrade to the new macOS, you need to do a bit more than usual to prepare your Mac. You need to make sure your apps are 64-bit versions. If your app is a 32-bit version, it will not work.

Apple

Apple actually started to warn people about the change with macOS 10.13 High Sierra. If you launch a 32-bit app in High Sierra, an alert pops up to tell you that your app needs to be updated. The alert appears only once in High Sierra, and in Mojave, it appears every 30 days.

To read this article in full, please click here

Roman Loyola

The Register

China and Taiwan aren't great friends. Zoom sends chats through China. So Taiwan’s banned Zoom

6 hours 17 minutes ago
Government and local business told to buy local, but slum it with Google or Microsoft if you must

A parliamentary order issued yesterday says the nation’s Department of Cyber Security (DCS) has decided that when government agencies, and some private entities, use videoconferencing: “The underlying video software to be used should not have associated security or privacy concerns, such as the Zoom video communication service.”…

CSS-Tricks

Learn Eleventy From Scratch

18 hours 16 minutes ago

The latest edition of Andy Bell’s Piccalilli landed in my inbox this morning with a sweet offer: preorder Andy’s course on learning Eleventy from scratch at a third of the price.

Why the plug? No, not sponsorships or anything like that. I just happen to hear a heckuva lot about Eleventy these days. Like how we can use it with Google Sheets as a pseudo-CMS. Or how it can be a key component of an emergency website kit. I … Read article “Learn Eleventy From Scratch”

The post Learn Eleventy From Scratch appeared first on CSS-Tricks.

Geoff Graham

How to Re-Create a Nifty Netflix Animation in CSS

19 hours 59 minutes ago

The design for Netflix’s browse page has remained pretty similar for a few years now. One mainstay component is the preview slider that allows users to scroll through content and hover on items to see a preview.

One unique characteristic of the UI is its hover behavior. When a show preview expands on hover, the cards next to it are pushed outward so that they don’t overlap. 

Like this:

It’s like Bill Murray and Brad Pitt are fighting for the… Read article “How to Re-Create a Nifty Netflix Animation in CSS”

The post How to Re-Create a Nifty Netflix Animation in CSS appeared first on CSS-Tricks.

Chris Geelhoed

CSS Findings From The New Facebook Design

20 hours ago

Ahmad Shadeed digs around the new Facebook’s front-end code.

One that stood out to me:

.element { inset: 4px 0; /* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */ }

Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working in Chrome 80, but it definitely isn’t for me (nor Safari). It does in Firefox though.

Chrome 80 and Firefox 75

It’s shorthand for top/right/… Read article “CSS Findings From The New Facebook Design”

The post CSS Findings From The New Facebook Design appeared first on CSS-Tricks.

Chris Coyier

A Grid of Logos in Squares

1 day 13 hours ago

Let’s build a literal grid of squares, and we’ll put the logos of some magazines centered inside each square. I imagine plenty of you have had to build a logo grid before. You can probably already picture it: an area of a site that lists the donors, sponsors, or that is showing off all the big fancy companies that use some product. Putting the logos into squares is a decent way of handling it, as it forces some clean structure … Read article “A Grid of Logos in Squares”

The post A Grid of Logos in Squares appeared first on CSS-Tricks.

Chris Coyier

Continuous Deployments for WordPress Using GitHub Actions

1 day 20 hours ago

Continuous Integration (CI) workflows are considered a best practice these days. As in, you work with your version control system (Git), and as you do, CI is doing work for you like running tests, sending notifications, and deploying code. That last part is called Continuous Deployment (CD). But shipping code to a production server often requires paid services. With GitHub Actions, Continuous Deployment is free for everyone. Let’s explore how to set that up.

DevOps is for everyone… Read article “Continuous Deployments for WordPress Using GitHub Actions”

The post Continuous Deployments for WordPress Using GitHub Actions appeared first on CSS-Tricks.

Steffen Bewersdorff

CSS-Only Marquee Effect

2 days 21 hours ago

You make sure the text is more than twice the width of the screen, then use negative translate animations to do the marquee movement.

You’ll probably want to aria-hidden all but one of them if you need to duplicate the text. Or, you could use a very clever CSS trick to “duplicate” the text using text-shadow.

Nice to see prefers-reduced-motion in there stopping the effect when it should be.

Direct Link to ArticlePermalinkRead article “CSS-Only Marquee Effect”

The post CSS-Only Marquee Effect appeared first on CSS-Tricks.

Chris Coyier

Some Typography Links

4 days 12 hours ago

I just can’t stop bookmarking great links related to typography. I’m afraid I’m going to have to subject you, yet again, to a bunch of them all grouped up. So those of you that care about web type stuff, enjoy.

I know there are lots of good reasons to be excited about variable fonts. The design possibilities of endless variations in one file is chief among them. But I remain the most excited about the performance benefits. Having a … Read article “Some Typography Links”

The post Some Typography Links appeared first on CSS-Tricks.

Chris Coyier

Getting JavaScript to Talk to CSS and Sass

4 days 19 hours ago

JavaScript and CSS have lived beside one another for upwards of 20 years. And yet it’s been remarkably tough to share data between them. There have been large attempts, sure. But, I have something simple and intuitive in mind — something not involving a structural change, but rather putting CSS custom properties and even Sass variables to use.

CSS custom properties and JavaScript

Custom properties shouldn’t be all that surprising here. One thing they’ve always been able to do since … Read article “Getting JavaScript to Talk to CSS and Sass”

The post Getting JavaScript to Talk to CSS and Sass appeared first on CSS-Tricks.

Marko Ilic

Google’s Technical Writing Guide

4 days 19 hours ago

It’s good!

I’ve written up my advice (sprinkled with great advice from others), but this is way more straightforward nuts-and-bolts training on technical writing. It’s structured like an actual course, with exercises along the way.

I’m far from an expert here. But between me and Geoff, we end up doing a lot of technical article editing for the sake of clarity.

Comedy writers seek the funniest results, horror writers strive for the scariest, and technical writers aim for the clearest.

Read article “Google’s Technical Writing Guide”

The post Google’s Technical Writing Guide appeared first on CSS-Tricks.

Chris Coyier

Accessibility Links

5 days 15 hours ago

Austin Gil has kicked off the first in a five-part series about “HTML Forms Right” and to starts with semantics. It’s talking to the “we build our front-ends with JavaScript” crowd. The first block of code is an example of an Ajax form submission where the data submitted is gathered through the JavaScript API FormData.

Why is that so vital? Well, no <form> tag, no FormData. Why else use a form (aside from the Enter-key submission):

“But Austin,

Read article “Accessibility Links”

The post Accessibility Links appeared first on CSS-Tricks.

Chris Coyier

typespecimens.io

5 days 15 hours ago

If you’re looking for a new typeface for that side project of yours then here’s a great website by John D. Jameson that collects a bunch of the latest type specimen websites. Everything is on display here, from the daring and bold, to those that are a bit more professional and reserved.

Not only are there a ton of great typefaces on display and for sale, but the websites for these specimens are fantastic, too. My favorite at the moment … Read article “typespecimens.io”

The post typespecimens.io appeared first on CSS-Tricks.

Robin Rendle

Why Do Some HTML Elements Become Deprecated?

5 days 20 hours ago

The internet has been around for a long while, and over time we’ve changed the way we think about web design. Many old techniques and ways of doing things have gotten phased out as newer and better alternatives have been created, and we say that they have been deprecated.

Deprecated. It’s a word we use and see often. But have you stopped to think about what it means in practice? What are some examples of deprecated web elements, and why … Read article “Why Do Some HTML Elements Become Deprecated?”

The post Why Do Some HTML Elements Become Deprecated? appeared first on CSS-Tricks.

Ryan Grist

Rethinking Code Comments

5 days 20 hours ago

Justin Duke asks if treating code comments like footnotes could help us understand the code in a file better. In his mockup, all the comments are hidden by default and require a click to reveal:

What a neat idea! Justin’s design reminds me of the way that Instapaper treated inline footnotes.

Instapaper (circa 2012)

I guess the reason I like this idea so much is that a lot of comments don’t need to be read constantly, — they’re sort of … Read article “Rethinking Code Comments”

The post Rethinking Code Comments appeared first on CSS-Tricks.

Robin Rendle

Web Performance Checklist

6 days 10 hours ago

The other day, I realized that web performance is an enormous topic covering so very much — from minimizing assets to using certain file formats, it can be an awful lot to keep in mind while building a website. It’s certainly far too much for me to remember!

So I made a web performance checklist. It’s a Notion doc that I can fork and use to mark completed items whenever I start a new project. It also contains a … Read article “Web Performance Checklist”

The post Web Performance Checklist appeared first on CSS-Tricks.

Robin Rendle

An Annotated Docker Config for Front-End Web Development

6 days 12 hours ago

Andrew Welch sings the praises of using Docker containers for local dev environments:

Here are the advan­tages of Dock­er for me:

• Each appli­ca­tion has exact­ly the envi­ron­ment it needs to run, includ­ing spe­cif­ic ver­sions of any of the plumb­ing need­ed to get it to work (PHP, MySQL, Post­gres, whatever)
• Onboard­ing oth­ers becomes triv­ial, all they need to do is install Dock­er and type docker-compose up and away they go
• Your devel­op­ment envi­ron­ment is entire­ly dis­pos­able; if some­thing goes wrong,

Read article “An Annotated Docker Config for Front-End Web Development”

The post An Annotated Docker Config for Front-End Web Development appeared first on CSS-Tricks.

Chris Coyier

Cloudinary Studio

6 days 12 hours ago

I knew that Cloudinary worked with video as well as images but, the other day, I was curious if Cloudinary offered a video player embed just like other video hosts do (e.g. YouTube, Vimeo, etc). Like an <iframe> that comes with a special player.

I was curious because, as much as I appreciate the simplicity of just tossing a <video> on a page, there is one little hurdle that I always forget: you have to use a poster attribute if … Read article “Cloudinary Studio”

The post Cloudinary Studio appeared first on CSS-Tricks.

Chris Coyier

Performant Expandable Animations: Building Keyframes on the Fly

6 days 20 hours ago

Animations have come a long way, continuously providing developers with better tools. CSS Animations, in particular, have defined the ground floor to solve the majority of uses cases. However, there are some animations that require a little bit more work.

You probably know that animations should run on the composite layer. (I won’t extend myself here, but if you want to know more, check this article.) That means animating transform or opacity properties that don’t trigger layout or … Read article “Performant Expandable Animations: Building Keyframes on the Fly”

The post Performant Expandable Animations: Building Keyframes on the Fly appeared first on CSS-Tricks.

Bernardo Cardoso

Let a website be a worry stone

6 days 20 hours ago

Ethan Marcotte just redesigned his website and wrote about how the process was a distraction from the difficult things that are going on right now. Adding new features to your blog or your portfolio, tidying up performance issues, and improving things bit by bit can certainly relieve a lot of stress. Also? It’s fun!

What about adding a dark mode to our websites? Or playing around with Next.js? How about finally updating to that static site generator we’ve always … Read article “Let a website be a worry stone”

The post Let a website be a worry stone appeared first on CSS-Tricks.

Robin Rendle