Search

Nalezeno "moře": 9193

Count Frames in an Animated GIF

26.6.2018
The animated GIF always makes me chuckle; on one hand they seem like a relic of the “old web”, on the other hand they aren’t going anywhere and their meme-like presence seem to only make them more popular.  If you browse through my media blog posts archives, you’ll notice...

UTC is Enough for Everyone, Right?

20.6.2018
A good candidate for the Blog Post of the Year from Zach Holman. I think Eric Portis' "w descriptors and sizes: Under the hood" is up there too, but perhaps even nerdier. Ooooh, also Frank Chimero's "The Good Room" is up there. But I digress. Zach's article is as educational as it is funny. But...

Show FPS for Steam Games

18.6.2018
There’s nothing more frustrating to a top gamer (outside of bugs in a game) than dropped frames in a video game.  If you’re playing a competitive multiplayer game like PUBG or Fortnite, where up to 100 people are simultaneously competing, dropped frames can be the difference between...

More Unicode Patterns

14.6.2018
Creating is the most intense excitement one can come to know. —Anni Albers, On Designing I recently wrote a post — that was shared here on CSS-Tricks — where I looked at ways to use Unicode characters to create interesting (and random) patterns. Since then, I’ve continued to seek...

Creating a Bar Graph with CSS Grid

12.6.2018
If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you! Before we begin working on the graph, I want to talk about coding the bars, when Grid is a good approach for graphs, and we’ll also cover some code choices you might...

Project Natick 2: Microsoft opět naházel servery do moře. Tentokrát ve Skotsku

7.6.2018
O projektu Natick jsme poprvé slyšeli před dvěma lety. Microsoft tehdy poblíž kalifornského pobřeží umístil do mořských hlubin válec plný serverů, které měla chladit okolní masa vody. V první fázi se jednalo především o test, jestli taková konstrukce vůbec vydrží a servery naplněná „ponorka“

HSL() / HSLa() is great for programmatic color control

1.6.2018
If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We've talked about it before but we can break it down a little more and do some interesting things...

Node.js Cron Jobs By Examples

30.5.2018
Ever wanted to do specific things on your application server at certain times without having to physically run them yourself. You want to spend more of your time worrying about productive tasks ins

Managing State in React With Unstated

29.5.2018
As your application becomes more complex, the management of state can become tedious. A component's state is meant to be self-contained, which makes sharing state across multiple components a headache. Redux is usually the go-to library to manage state in React, however, depending on how complex...

Learning Gutenberg: Series Introduction

21.5.2018
Hey CSS-Tricksters! 👋 We have a special long-form series we’re kicking off here totally dedicated to Gutenberg, a major change to the WordPress editor. I’ve invited a dynamic duo of authors to bring you this series, which will bring you up to speed on what Gutenberg is, what it can do...

Detect WebVR Support with JavaScript

16.5.2018
It’s been two years since I was heavily involved with WebVR at Mozilla but, despite not contributing every day, I can see VR making leaps and bounds, from Firefox making an increased effort to Chrome pushing VR and Oculus and HTC (Vive) improving their offerings.  Native games are getting...

The backdrop-filter CSS property

16.5.2018
I had never heard of the backdrop-filter property until yesterday, but after a couple of hours messing around with it I’m positive that it’s nothing more than magic. This is because it adds filters (like changing the hue, contrast or blur) of the background of an element without changing the text...

Page Transitions for Everyone

14.5.2018
As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions. Let's consider mobile applications. While mobile applications are evolving, more and more attention is given to the animation...

Vertically Centering with Flexbox

8.5.2018
Vertically centering sibling child contents is a task we’ve long needed on the web but has always seemed way more difficult than it should be.  We initially used tables to accomplish the task, then moved on to CSS and JavaScript tricks because table layout was horribly inefficient —...

Microsites for Case Studies

7.5.2018
A lot of y'all have personal sites. Personal sites with portfolios. Or you work for or own an agency where showing off the work you do is arguably even more important. Often the portfolio area of a site is the most fretted and hard to pull off. Do you link to the live projects? Screenshots?...

Script & Style Show: Episode 9: What’s in the News

4.5.2018
In this episode:  David reveals his tree-falling-into-house nightmare, but quickly moves onto recent news, like the massive release of Dojo 2, EU privacy, service workers landing in all major browsers (finally Edge!), this tweet, and more!   The post Script & Style Show: Episode...

Inspecting Animations in DevTools

4.5.2018
I stumbled upon the Animation panel in Chrome’s DevTools the other day and almost jumped out of my seat with pure joy. Not only was I completely unaware that such a thing exists, but it was better than what I could’ve hoped: it lets you control and manipulate CSS animations and visualize...

Responsive Knockout Text With Looping Video

3.5.2018
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