recentpopularlog in

piperh : video   80

Louis Rossmann - YouTube
Apple diy repair shop, youtube channel
louis  rossman  repair  apple  fix  home  diy  computer  iphone  ipad  mac  macbook  video  youtube  channel 
5 weeks ago by piperh
10 HTML Elements You Didn't Know You Needed - DEV Community 👩‍💻👨‍💻
some unusual html tags. Some of the code in the article is slipshod, and the code is in images not copyable, but there are useful examples
webdesign  web  design  html  tags  examples  video  audio  time  template  meter  progress  picture  output  blockquote 
11 weeks ago by piperh
How A Screen Reader User Accesses The Web: A Smashing Video — Smashing Magazine
a Smashing Mag webinar video with Léonie Watson - a blind screen reader user. About usable and technical accessibility
webdesign  web  design  accessibility  accessible  blind  user  css  code  coding  video 
march 2019 by piperh
CSS Grid Explained in 7 Minutes (with diagrams and code) - YouTube
a 7-minute video lecture explaining the basic concepts of css grid. Quick handy way to understand what it's about before getting into more detail
webdesign  web  design  css  grid  display  layout  tutorial  video  class  introduction  explanation 
january 2019 by piperh
Hustl - Create time-lapse videos of your Mac screen.
They say: Create awesome time-lapse videos of your Mac screen.
Might be handy for creating tutorial or similar. $15
web  graphic  design  showcase  teach  video  screen  screenshot  tutorial  tool  online 
november 2018 by piperh
Improve Animated GIF Performance With HTML5 Video — Smashing Magazine
shows how to use html5 native video instead of animated gif. Also shows how to convert gifs to webm or mp4
webdesign  web  design  animated  gif  webm  mp4  video  html5  animation 
november 2018 by piperh
Obliterate Boxiness with CSS Shapes - YouTube
18.4.18 I didn't know about this possibility for text runaround in css. At the moment only works in Chrome and Safari (and their mobile versions), but fallback is OK - shape reverts to a box.
webdesign  web  design  css  shapes  video  runaround  shape 
april 2018 by piperh
Kapwing - The Online Video Editor
they say: The online video editor
Kapwing is a modern editor for videos, GIFs, and images. Try our free meme maker, resizer, subtitle maker, filters, and more
video  tool  edit  editing  online  software  subtitle  gif  image 
march 2018 by piperh
gifski — highest-quality GIF converter
converts video frames to gif. Author says: This is a GIF. It's hugely inefficient like any GIF, but now at least looks fine!
webdesign  web  design  video  motion  animation  animate  gif  performance  image  animated 
march 2018 by piperh
Up&Up | Higher Education Marketing Agency
higher ed marketing agency website. Uses a bg video on the home page
webdesign  web  design  inspiration  video  background  studio 
february 2018 by piperh
Miro Video Converter FREE - Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad, and more.
Video converter. They say: A beautiful, simple way to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and iPad. Batch conversion, custom sizing, and more!
webdesign  web  design  video  convert  converter  format  mp4  ogg  ogv  webm  mp3  conversion  software  mac 
january 2018 by piperh
How to Embed Video Using HTML5
proper, thorough article about using <video> within html.
webdesign  web  design  video  html5  codec  format  mp4  ogg  ogv  webm  playback  browser 
january 2018 by piperh
Rich Media Gallery - Create
Google Web Designer. They say: Create beautiful, technically sophisticated ads that run anywhere with this free professional-grade HTML5 authoring tool.
webdesign  web  design  google  banner  ad  create  make  construct  video  swf  output  html5 
january 2018 by piperh
<video> - HTML | MDN
Mozilla page about html5 video
webdesign  web  design  video  mp4  ogv  ogg  webm  html5 
january 2018 by piperh
SWF to HTML5 video converter - Flabaco
free. converts swf to mp4, webm, ogg, ogv
webdesign  web  design  video  flash  swf  convert  converter  html5  mp4  ogg  ogv 
january 2018 by piperh
Media Player
they say:
Media Player
A tiny, totally cross browser, accessible, fully customizable media player written in plain JavaScript.
webdesign  web  design  js  javascript  script  media  player  video  sound  control  accessibility  accessible 
october 2017 by piperh
Daily Pen #80
Codepen demo of object-fit: cover; for inline videos and images
(like background-size:cover)
webdesign  web  design  video  image  background  object-fit  css  code 
june 2017 by piperh
Creating Intrinsic Ratios for Video · An A List Apart Article
2009 article by Thierry Koblenz about intrinisic ratios, uses padding:bottom;
good for video containers and other divs that need to maintain an aspect ratio.
webdesign  web  design  css  aspect  ratio  intrinsic  video  div 
march 2017 by piperh
Free Learn Grid Layout video series
free videos about css grid layout by Rachel Andrew
webdesign  web  design  css  grid  layout  code  coding  technique  structure  video  tutorial  howto 
december 2016 by piperh
New <video> Policies for iOS | WebKit
post about latest ios policy for autoplaying videos
webdesign  web  design  safari  video  ios  autoplay  sound  audio 
august 2016 by piperh
GitHub - Selz/plyr: A simple HTML5, YouTube and Vimeo player
accessible, customisable media player for web page. Uses vanilla js, no dependencies
webdesign  web  design  video  embed  embedded  display  controls  customisable  responsive  audio  html  js  javascript  media 
june 2016 by piperh
Using CSS's object-fit and object-position Properties
article about 2 css properties: object-fit and object-position for images and video. Like background-fit etc. but less support, esp no IE or Edge (May 2016)
webdesign  web  design  object  fit  position  css  object-fit  object-position  video  image  img 
may 2016 by piperh
Should I use a video as a background? | CSS-Tricks
article considering pros and cons of full-screen background video. Also a bit of code and how to
webdesign  web  design  video  background  image  screen 
december 2015 by piperh
YouTube embed options can make your videos look less YouTube-y
useful article about code to control youtube video display options, with examples
webdesign  web  design  video  youtube  code  coding  options  control  embed  parameter 
december 2015 by piperh
How to add HTML5 video fullscreen?
explanation how to code html5 video into html and css
webdesign  web  design  video  html5  syntax  tags  css  code  coding  format  browser  codec  element 
december 2015 by piperh
BGStock/jquery-background-video · GitHub
jQuery script that resolves a few background video issues - if you're loading jQuery anyway it's much easier than coding the solutions yourself. I particularly like that it lets you fade in the video, auto pause after xx seconds, and have a fallback jpg image.
webdesign  web  design  jQuery  js  javascript  video  background  script  image 
december 2015 by piperh
10 Guidelines for Better Website Background Videos
handy article about background videos, tips and best practice. Some good advice like 'put a textured overlay on top to disguise compression artifacts' (like medicolink does)
webdesign  web  design  video  background  guidelines  tips 
november 2015 by piperh
Free and Premium Website Background Videos - BG Stock
stock library of background videos. They supply necessary formats plus related css, js and html
webdesign  web  design  background  video  library  archive  stock  html5 
november 2015 by piperh
bitdash HTML5 Player for HLS & MPEG-DASH
they say "native integration with your browser". Doesn't that make it a plugin?
video  streaming  plugin  browser  html5 
september 2015 by piperh
How To Make A Youtube Or Other Iframe Video Responsive
used this code for poem video on Amantaní site, "Dónde trabajamos" page. It seems to work great to make the iframe and video size responsive.
webdesign  web  design  video  embed  youtube  responsive  code  css  iframe  html  webpage  page 
january 2015 by piperh
Rundown of Handling Flexible Media | CSS-Tricks
Add width:100% and height:100% to the iframe
Used this css in Medi and TechCarrera "Living in..." pages
webdesign  web  design  video  media  responsive  flexible  grid  image  audio  iframe 
june 2014 by piperh
Simple Modal - Another window modal
looks interesting, check the weight of it. works on ipad.
jquery  js  javascript  modal  popup  zoom  video  iframe  simple  webdesign  web  design 
march 2014 by piperh
Floatbox - javascript effects library and lightbox clone
this was the js I used previously on Tria site for modal popups. I had version 5.4, now on v6.1.0 (19 Jan 2016).
floatbox  js  javascript  popup  effects  library  slideshow  gallery  fade  script  image  html  webdesign  web  design  multimedia  video  code  coding  enlarge  cycle  thumbnail  hide  show  tooltip  modal  non-modal  i-frame 
september 2012 by piperh
Cloud Encoding - Video Encoding and Transcoding Software Service
“It works swimmingly. You guys gave us the ability to leapfrog the competition”
Travis Daub
encoding  video  audio  streaming  codec  conversion  format  media 
august 2011 by piperh

Copy this bookmark:





to read