Search

Nalezeno "image": 20294

Registrujte se na jOpenSpace 2018


Ne-konference jOpenSpace 2018 se koná 5. – 7. října 2018 v Hotelu Luna u Ledče nad Sázavou. „OpenSpace konference jsou specifické tím, že se jejich program dopředu příliš neplánuje. Mluví se zkrátka o…

How to create a logo that responds to its own aspect ratio


One of the cool things about <svg> is that it's literally its own document, so @media queries in CSS inside the SVG are based on its viewport rather than the HTML document that likely contains it. This unique feature has let people play around for years. Tim Kadlec experimented with...

Triple Panel Reveal Slideshow


A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax. Triple Panel Reveal Slideshow was written by Mary Lou and published on Codrops

Advanced Document Conversions with Filestack


You might know Filestack from being an incredible service to add file uploading, storage, and management to your own web apps. There is another thing Filestack can do for you: convert documents into different formats. For one thing, it can manipulate documents. Take images. Perhaps you would...

An Almost Ideal React Image Component


Yes, this is a React component, but regardless if you care about that part or not, the "ideal image component" part could be of interest. There is a lot to consider with how we put images on web pages these days. This deals with: Placeholder space (and then flexible responsive styles after...

Using Custom Fonts With SVG in an Image Tag


When we produce a PNG image, we use an <img> tag or a CSS background, and that's about it. It is dead simple and guaranteed to work. PNG is way simpler to use in HTML than SVG Unfortunately, the same cannot be said for SVG, despite its many advantages. Although you're spoiled for choices...

What is SVG good for?


Y'all probably wouldn't be surprised if I told you it's pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I'm a fan of just inlining those suckers, particularly when they are pretty simple. But what else? Logos is a classic example! A lot...

PhpPrague 2018 již tuto sobotu v Praze


V sobotu 23.6. (tedy již tuto sobotu!) v pražské Paralelní Polis nás čeká již druhé vydání celodenní konference zaměřené na vývoj v PHP z komunitní dílny @pehapkari.  Tentokrat jsme se rozhodli akci udělat v…

3. ročník amatérského IT Ping Pong turnaje


To je samá konference, barcamp, workshopy a jiné sedavé–vnímavé aktivity. Proto jsme si řekli, že by bylo fajn dostat do našich pravidelných akcí i nějaké ty sportovnější. Proto ve spolupráci s Webexpo pořádáme již…

The Four Big Ways Jetpack Helps with Image Performance


We've been working with Jetpack around here as a sponsor. It's a great match because as someone with a bunch of self-hosted WordPress sites, Jetpack is one of those no-brainer plugins for me. Jetpack can do a ton of good things for any site in a variety of very different ways. Here's one way...

Full Image Reveal Effect


A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image. Full Image Reveal Effect was written by Mary Lou and published on Codrops

Uppy File Uploading


One of the big tasks I was charged with at my first job was setting up a system by which any customer or potential customer (aka anonymous user) could upload PDF and image files. I had loads of constraints to deal with: browser support, server settings, variance in user tech knowledge, etc....

Animate Images and Videos with curtains.js


While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...

Learning Gutenberg: Building Our Custom Card Block


We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block. Article Series: Series Introduction What is Gutenberg, Anyway? A Primer with create-guten-block Modern...

Dark theme in a day


Marcin Wichary has written a great piece that dives into how he used CSS Variables to create a night mode and high contrast theme in an app. There’s so many neat tricks about how to use CSS Variables (Chris has also looked at theming) as well as how to organize them (Andras Galante has...

Brno Mobile – večerní konference o mobilním vývoji


Už pojedenácté se 16. května v brněnském Impact Hubu uskuteční večerní konference o mobilním vývoji BrMo. Na akci budou prezentovat tři vývojáři z různých sofwarových firem: Petr Šabata Martin Pilch Jirka Pénzeš Vstup…

Česká Python konference bude již za měsíc


Každoroční české setkání příznivců jazyka Python, konference PyCon CZ, se bude konat 1. až 3. června v Praze, konkrétně ve smíchovské MeetFactory. Hlavními hosty jsou letos Karen M. Sandler, Van Lindberg, Flavio Percoco…

Responsive Knockout Text With Looping Video


Here’s an idea! Let’s make an an HTML <video> play inside the shape of some letters. Like "Knockout Text" except instead of an image behind, it’s video. A live demo will explain more clearly: See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen. A key objective here is to develop...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace