emanews

A4 CSS page template

basic CSS template for A4 print

BONUS: includes style for A2 and A5!

A Pen by rafaelcastrocouto on CodePen.

License.

emanews

Glassmorphism Creative Cloud App Redesign

Inspired by Mikołaj Gałęziowski "https://dribbble.com/shots/14831798-Glassmorphism-Big-Sur-Creative-Cloud-App-Redesign"

A Pen by Aysenur Turk on CodePen.

License.

emanews

Using ImageMagick

If you ever need to do some quick image or document conversions, ImageMagick is a command-line tool that can save you a ton of time. Here's a quick guide on how to install it and use it to convert images, PDFs, and more. Perfect for automating repetitive tasks.

Installing ImageMagick 🪄 with Homebrew 🍺 (macOS)

To install ImageMagick on macOS, you can use Homebrew:

brew install imagemagick

emanews

cut sequence from mp4 video

ffmpeg -ss <start_time_hh:ii:ss> -i input.mp4 -to <length_in_hh:ii:ss_from_start> -c copy ./out.mp4
ffmpeg -ss 00:47:42 -i input.mp4 -to 00:01:49 -c copy ./out.mp4

---

create thumbnail images from input video (@30fps)

emanews

3D Book Showcase

A Pen by Gabrielle Procell on CodePen.

License.

emanews

Book Group UI

A Pen by NVC on CodePen.

License.

emanews

Book Flip

A Pen by TOMAZKI on CodePen.

License.

emanews

<div class="main-content">
  <h1> Books Animation<small>Hover on any book...</small></h1>
  <div class="wrapper">
    <div class="book">
      <div class="book__cover" style="background-image:url('https://1.bp.blogspot.com/-D2I5IQPi4Os/XOsemT2JokI/AAAAAAAAAjU/yhsbsPjfjl8cIrb41SeYW75RYxSz7t-GwCPcBGAYYCw/s320/%25E3%2582%25B2%25E3%2583%25BC%25E3%2583%259E%25E3%2583%25BC%25E3%2582%25BA%2521%2B-%2Bvol%2B8.jpg');">
        <div class="book__detail">Gamers! - Vol.8</div>
      </div>
      <div class="book__page"></div>
    </div>
    <h4>Plain</h4>

emanews

George Orwell #CodepenChallenge

A Pen by Thea on CodePen.

License.

emanews

CSS coffee table book effect

Add a containing div to turn an image into coffee table book.

A Pen by Lynn Fisher on CodePen.

License.