Search

Nalezeno "browser": 586

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

28.6.2018
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...

Drawing Images with CSS Gradients

25.6.2018
What I mean by "CSS images" is images that are created using only HTML elements and CSS. They look as if they were SVGs drawn in Adobe Illustrator but they were made right in the browser. Some techniques I’ve seen used are tinkering with border radii, box shadows, and sometimes clip-path. You...

Uppy File Uploading

11.6.2018
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....

World wide wrist

7.6.2018
After all the hubbub with WWDC over the past couple of days, Ethan Marcotte is excited about the news that the Apple Watch will be able to view web content. He writes: If I had to guess, I’d imagine some sort of “reader mode” is coming to the Watch: in other words, when you open a link on your...

The web can be anything we want it to be

6.6.2018
I really enjoyed this chat between Bruce Lawson and Mustafa Kurtuldu where they talked about browser support and the health of the web. Bruce expands upon a lot of the thoughts in a post he wrote last year called World Wide Web, Not Wealthy Western Web where he writes: ...across the world...

The State of Changing Gradients with CSS Transitions and Animations

1.6.2018
Back in 2012, Internet Explorer 10 came out and, among other things, it finally supported CSS gradients and, in addition to that, the ability to animate them with just CSS! No other browser supported this at the time, but I was hopeful for the future. Sadly, six years have passed and nothing...

Build a realtime polling web app with Next.js

29.5.2018
(This is a sponsored post.) Learn to build a webapp that accepts user votes, using Next.js and Chart.js. Users can vote for their favorite pet, and the results are displayed in realtime on a graph in their browser using Pusher Channels. Direct Link to Article — Permalink… The post...

Capture and Report JavaScript Errors with window.onerror

28.5.2018
onerror is a special browser event that fires whenever an uncaught

Browser Extensions I Actually Use

27.5.2018
I use around 10 at the moment and they all provide functionality to me I find extremely important. Sometimes that functionality is every day all day. Sometimes it's once in a blue moon but when you need it, you need it. Direct Link to Article — Permalink… The post Browser Extensions...

CSS Environment Variables

4.5.2018
We were all introduced to the env() function in CSS when all that drama about "The Notch" and the iPhone X was going down. The way that Apple landed on helping us move content away from those "unsafe" areas was to provide us essentially hard-coded variables to use: padding: ...

Animating Progress

30.4.2018
Jonathan Snook on the complexity of animating the <progress> element. If you’re unfamiliar, that’s the element that spits out a bar chart-like visual that indicates a position between two values: This example has custom styles, but you get the point. Jonathan's post shows off a method...

Practical Jokes in the Browser

28.4.2018
I know April Fool’s Day is at the beginning of this month, but hey, now you’ve got a year to prepare. Not to mention a gool ol’ practical joke can be done anytime. Fair warning on this stuff… you gotta be tasteful. Putting someone’s stapler in the jello is pretty hilarious unless it’s somehow...

Scroll to the Future

19.4.2018
This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property. My favorite part of all though?...

Collective #407

16.4.2018
Scroll to the future * Front-End Developer Handbook 2018 * Mustard UI * VuePress * Remote Browser * Length.js * Dot Tentacles Collective #407 was written by Pedro Botelho and published on Codrops

The Dark Side of Promises

9.4.2018
Since the release of es6 many new features have found their way into NodeJS, but non had quite the same impact as promises. Promises have been developed for the browser before es6 was even a thing. There were several implementations that have been used like jQuery’s deferred object before...

Destructuring and Function Arguments

3.4.2018
The JavaScript language has benefitted from some really awesome new features over the past few years, including arrow functions, the spread operator, and default function argument values. Even if your browser doesn’t yet support proposed JavaScript API syntax additions, you can use a tool...

Puffin Browser slibující „superrychlé načítání“ je už i na Windows

22.12.2017
Puffin Browser se na Androidu a iOS proslavil mimo jiné jako webový prohlížeč, který zrychlí načítání stránek. Pomáhají mu v tom speciální servery, které přechroustají a optimalizují obsah, než dorazí k vám do počítače. No mobilu, zvláště Androidu, však tato funkce není nikterak ojedinělá,

Tablet pomůže s bezpečným surfováním i upozorní na chybu v Bluetooth

1.10.2017
Z nových a zajímavých aplikací pro tablety s Androidem jsme tentokrát vybrali například šikovného pomocníka na zaznamenávání poznámek, nástroj na prodloužení výdrže mobilních zařízení na akumulátor nebo internetový prohlížeč, který spolehlivě ohlídá vaši historii navštívených stránek i seznam...

HTML Developers: Please Consider

9.12.2015
ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces...