carloslavaraflipped into Of Web Design and Other Things icon-starcss-tricks.com I've been playing around with CSS Custom Properties to discover their power since browser support is finally at a place where we can use them in our …
carloslavaraflipped into Of Web Design and Other ThingsSVG The paint order of SVG elements and their stroke and fill is configurablestefanjudis.com - stefan judis Dealing with SVG can be fiddly at times. Sometimes you only want to adjust the border aka stroke of a path or rect to find out that it changes the …
carloslavaraflipped into Of Web Design and Other ThingsTutorials icon-starcss-tricks.com There are so many things you can do with clipping paths. I've been exploring them for quite some time and have come up with different techniques and …
carloslavaraflipped into Of Web Design and Other ThingsMobile Web Why Progressive Web Apps Are The Future of Mobile Web (2019 Research)ymedialabs.com
carloslavaraflipped into Of Web Design and Other Things The Flexbox Holy Albatrossheydonworks.com - Large Heydon Collider For the last 6 or so months, I’ve been engaged in a number of activities including (but not limited to):• Scratching my head • Staring out of the …
carloslavaraflipped into Of Web Design and Other ThingsIcon version of the Flipboard logoMilitary 147 Colors - CSS Color Namescommutercreative.com This is a tool built to help web designers and developers learn the 147 CSS color names that are available today. The 147 Colors consist of 17 …
carloslavaraflipped into Of Web Design and Other ThingsSchadenfreude Failaditus.io Donut chart showing total of 12 buttons. 7 buttons fail every color contrast level, 3 meet AA contrast level and 2 meets AAA contrast level. Chart …
carloslavaraflipped into Of Web Design and Other ThingsWeb Design icon-starcss-tricks.com Sounds kind of like a hard problem doesn't it? We often don't have product shots in thousands of colors, such that we can flip out the <img …
carloslavaraflipped into Of Web Design and Other ThingsProduct Management The Gradual Design System: How We Built Slack Kitslack.engineering - Garrett Miller In 2016, Slack was two years old and already used by millions of people. Our codebase had grown rapidly, and like many companies that focused on …
carloslavaraflipped into Of Web Design and Other ThingsWriting How to copy to the clipboard using JavaScriptflaviocopes.com Sometimes I use sites that provide something I need to copy and paste somewhere. Maybe an API key. Maybe an activation token for an application I …
carloslavaraflipped into Of Web Design and Other Things VS Code extension that shows the initial value of a CSS propertydzhavat.github.io I few days ago I got an idea for a VS Code extension that shows the initial (default) value of a given CSS property on hover. This solves a real …
carloslavaraflipped into Of Web Design and Other Things Multiline truncated text with "show more" button (with just CSS) - Paul Bakaus' blogpaulbakaus.com TL;DR: I built a CSS-only (~ish) solution for multiline truncated text with read more button. The other day, truncated text came up during a …
carloslavaraflipped into Of Web Design and Other Things The problem with tooltips and what to do instead by Adam Silver, designer based in London, UK.adamsilver.io - Adam Silver Tooltips are messages that appear when the user hovers over part of an interface—usually an icon—to explain how certain things work or what they mean. …
carloslavaraflipped into Of Web Design and Other Things App logodev.to - Gajus Kuizinas There is one CSS snippet that I have been copy-pasting for 5 years: I first shared it on Quora in 2014 (What are the most interesting HTML/JS/DOM/CSS …
carloslavaraflipped into Of Web Design and Other Things Should we still be selling responsive web design? | Browser Londonbrowserlondon.com - Jay Freestone 19/08/2019 The term ‘responsive web design’ has been a mainstay in the world of digital development for many years. Go to any early-stage client meeting and …
carloslavaraflipped into Of Web Design and Other Things icon-starcss-tricks.com Many developers write about how to maintain a CSS codebase, yet not a lot of them write about how they measure the quality of that codebase. Sure, we …
carloslavaraflipped into Of Web Design and Other ThingsWeb Design CSS prefers-reduced-motion Media Querydavidwalsh.name - David Walsh When I started in the web development industry, media queries were limited -- screen and print were the two media queries I was most often using. …
carloslavaraflipped into Of Web Design and Other ThingsIcon version of the Flipboard logo Progress Tracker - HTML component to illustrate the steps in a multi step processnigelotoole.github.io After installation you can import it into your Sass files with the statement below. The JS that is part of this site is just for demonstration …
carloslavaraflipped into Of Web Design and Other ThingsWeb Design Accessible CSS Generated Contentyatil.net CSS generated content can have unintended side-consequences. As Andy Clarke discovered recently, data- attributes he used as a way to transfer …
carloslavaraflipped into Of Web Design and Other ThingsWeb Design Everything You Need To Know About CSS Marginssmashingmagazine.com - Rachel Andrew Everything You Need To Know About CSS MarginsEverything You Need To Know About CSS MarginsRachel Andrew 2019-07-15T12:30:59+02:00 …
carloslavaraflipped into Of Web Design and Other Things Managing Multiple Backgrounds with Custom Propertiescss-tricks.com - Chris Coyier One cool thing about CSS custom properties is that they can be a part of a value. Let's say you're using multiple backgrounds to pull off a design. …
carloslavaraflipped into Of Web Design and Other ThingsWeb Development Create a WebGL 3D landing page | Creative Bloqcreativebloq.com - Richard Mattka Creating a WebGL 3D landing page is one way to make a great first impression with your audience. With WebGL, you can deliver high quality visual …
carloslavaraflipped into Of Web Design and Other ThingsIcon version of the Flipboard logoJavaScript r/javascript - Nobody talks about the real reason to use Tabs over Spacesreddit.com i created a new repository, and thought i was being hip and modern, so i started to evangelize spaces for the 'consistency across environments' i get …
carloslavaraflipped into Of Web Design and Other ThingsWeb Design The Many Ways to Include CSS in JavaScript Applicationscss-tricks.com - Dominic Magnifico Welcome to an incredibly controversial topic in the land of front-end development! I’m sure that a majority of you reading this have encountered your …
carloslavaraflipped into Of Web Design and Other ThingsIcon version of the Flipboard logoInheritance CSS Custom Properties In The Cascadesmashingmagazine.com - Miriam Suzanne CSS Custom Properties In The CascadeCSS Custom Properties In The CascadeMiriam Suzanne 2019-07-01T12:30:59+02:00 2019-07-19T04:35:18+00:00Last month, …
carloslavaraflipped into Of Web Design and Other ThingsIcon version of the Flipboard logo 7 Best CSS Optimization Tips for Better Page Load Timesonextrapixel.com - OXP Editorial In today’s web, page load time is one of the most important website metrics. Even milliseconds can have a huge impact on your bottom line and slow …
carloslavaraflipped into Of Web Design and Other Things 5 Rules for Choosing the Right Words on Button Labelsuxmovement.com - anthony What your buttons say is as important as how they look. Using the wrong words on your button labels cause users confusion, more work, and slower task …
carloslavaraflipped into Of Web Design and Other ThingsIcon version of the Flipboard logoGIF Animations Reduced Motion Picture Technique, Take Twocss-tricks.com - Chris Coyier Did you see that neat technique for using the <picture> element with to serve an animated image (or not) based on a …
carloslavaraflipped into Of Web Design and Other ThingsIcon version of the Flipboard logoWeb Design CSS :focus-withindavidwalsh.name - David Walsh Using :hover to display additional information or elements is a very useful technique but a big drawback to using the hover pseudo-class is that they …
carloslavaraflipped into Of Web Design and Other Things Managing State in React using Unstated-Nextcss-tricks.com - Kingsley Silas In a previous post, we saw how to manage state using Unstated. As you might recall, Unstated uses React’s built-in setState to allow you create …
carloslavara How To: Phish for Social Media & Other Account Passwords with Blackeyewonderhowto.com - Kody
carloslavara 15 Signs You're Emotionally Intelligent (Without Even Knowing It)Inc Magazine - Justin Bariso
carloslavaraSuccess To have freedom in your life, stop avoiding this one thingLadders - Benjamin P. Hardy
carloslavaraWarren Buffett Says This Career Advice Is All Wrong. It's Like 'Saving Up Sex for Your Old Age. It Just Doesn't Make a LotInc Magazine - Marcel Schwantes
carloslavara Start Achieving Your Long-Term Goals With This President's Task Management SystemInc Magazine - Robert Glazer
carloslavaraSuccess How to get rid of the thoughts that are clogging your brainLadders - Darius Foroux
carloslavara How to use Jeff Bezos' leadership principles to get a job at AmazonBusiness Insider - Rachel Premack
carloslavara Want To Make The 4-Hour Workday A Reality? This Is Why Working Less Accomplishes MoreForbes - Brianna Wiest
carloslavara To Lead In The Digital Era, Think Like An Architect, Not A TechnologistForbes - Joe McKendrick
carloslavara To increase your emotional intelligence, develop these 10 qualitiesQuartz - Christopher D. Connors
carloslavaraDonald Trump The many, many ways Justin Trudeau is more our president than Donald Trump.dailykos.com - SemDem
carloslavara Three Signs It's Time To Fire Someone (Even If You Like The Person)Forbes - Tricia Emerson
