Search

Nalezeno "and": 61446

Collective #488

31.1.2019
Simulating blobs of fluid * THREE.Phenomenon * socialsizes.io * WebAudio Polyphonic Synthesizer Collective #488 was written by Pedro Botelho and published on Codrops

The Many Ways to Change an SVG Fill on Hover (and When to Use Them)

31.1.2019
SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline. SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick...

Forms that Move With You with Wufoo

31.1.2019
I've been into the idea of JAMstack lately. In fact, it was at the inaugural JAMstack_conf that I gave a talked called The All-Powerful Font-End Developer. My overall point there was that there are all these services that we can leverage as front-end developers to build complete websites without...

Custom Cursor Effects

31.1.2019
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels. Custom Cursor Effects was written by Stefan Kaltenegger and published on Codrops

The Importance of One-on-Ones

30.1.2019
What do we mean by 1:1 (pronounced one-on-one)? This is typically a private conversation between an Engineering Manager/Lead and their Employee. I personally have been a Lead, a Manager, and also an Independent Contributor/Software Engineer, so I’ve sat at each side of the table. I’ve both...

Mac Dark Mode from Command Line

30.1.2019
One of the best professional decisions I ever made was switching to a dark text editor theme. I suffered from horrible headaches for years, partially caused by late night coding sessions with blindingly bright computer screens. Recently Apple implemented a dark OS theme which helps my eyes,...

Buildings Wave Animation with Three.js

30.1.2019
A tutorial on how to create a 3D building wave animation with three.js and TweenMax. Buildings Wave Animation with Three.js was written by Ion D. Filho and published on Codrops

Slide an Image to Reveal Text with CSS Animations

29.1.2019
I want to take a closer look at the CSS animation property and walk through an effect that I used on my own portfolio website: making text appear from behind a moving object. Here’s an isolated example if you’d like to see the final product. Here’s what we're going to work with: See the...

Designing for the web ought to mean making HTML and CSS

29.1.2019
David Heinemeier Hansson has written an interesting post about the current state of web design and how designers ought to be able to still work on the code side of things: We build using server-side rendering, Turbolinks, and Stimulus. All tools that are approachable and realistic for designers...

Collective #487

28.1.2019
Webauthn.Guide * The "Bug-O" Notation * Terminal CSS * Destructuring * CloudQuery * Exclusive Design * Palettte App Collective #487 was written by Pedro Botelho and published on Codrops

The Slow and Steady Refactor

28.1.2019
Over the past week or so, I’ve been reading Refactoring by Martin Fowler and it’s all about how to make sweeping changes to a large codebase in a way that doesn’t cause everything to break. I bring this up because there’s a lot of really good notes in this book that have challenged my recent...

Table design patterns on the web

28.1.2019
Chen Hui Jing has tackled a ton of design patterns for tables that might come in handy when creating tables that are easy to read and responsive for the web: There are a myriad of table design patterns out there, and which approach you pick depends heavily on the type of data you have and...

prefers-color-scheme: CSS Media Query

28.1.2019
One device and app feature I’ve come to appreciate is the ability to change between light and dark modes. If you’ve ever done late night coding or reading, you know how amazing a dark theme can be for preventing eye strain and the headaches that result. macOS recently implemented...

Learn Flexbox on an Example Helpful and Enlightening Code Snippets

26.1.2019
Flexbox is a box module system that does not need any introduction, especially for those who uses CSS on a daily basis. It is a real lifesaver when it... The post Learn Flexbox on an Example Helpful and Enlightening Code Snippets appeared first on Onextrapixel

Need to Test API Endpoints? Two Quick Ways to Do It.

25.1.2019
Here's a possibility! Perhaps you are testing your JavaScript with a framework like Jasmine. That's nice because you can write lots of tests to cover your application, get a nice little UI to see the output, and even integrate it with build and deploy tools to make your ongoing development work...

Creating Your Own Gravity and Space Simulator

25.1.2019
Space is vast. Space is awesome. Space is difficult to understand — or so people tend to think. But in this tutorial I am going to show you that this is not the case. Quite the contrary; the laws that govern the motion of the stars, planets, asteroids and even entire galaxies are incredibly simple....

Putting the Flexbox Albatross to Real Use

24.1.2019
If you hadn't seen it, Heydon posted a rather clever flexbox layout pattern that, in a sense, mimics what you could do with a container query by forcing an element to stack at a certain container width. I was particularly interested, as I was fighting a little layout situation at the time I...

Collective #486

24.1.2019
What Parallax Lacks * Fullstack GraphQL bootcamp * Table Design Patterns On The Web * console.chat * Flexbox.ninja Collective #486 was written by Pedro Botelho and published on Codrops

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