• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4289 shaares
74 / 215
Filters

Everything You Ever Wanted to Know About inputmode | CSS-Tricks

QRCode

The inputmode attribute that helps browsers on devices with on-screen keyboards decide which keyboard to display (e.g. telephone, numeric, email, search) has been around for long, but it wasn’t until a few months ago that Safari for iOS and Chrome for Android adopted it. Time to get familiar with the concept. Christian Oliff’s article “Everything You Wanted To Know About inputmode” is a great primer to dive deeper into the attribute and how to make use of it. (cm)

https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/
August 20, 2019 at 11:15:10 AM EDT *
css webdesign mobile
FILLER

Cheat sheet for moving from jQuery to vanilla JavaScript | Tobias Ahlin

QRCode

With browser support of ES6 having reached more than 96%, it might be a good idea to move away from jQuery to accomplish basic tasks like fetching data, selecting elements, styling and animating them, as Tobias Ahlin argues.

https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/
August 20, 2019 at 11:10:51 AM EDT *
javascript jquery
FILLER

Finish Nailer Tips | Family Handyman

QRCode

18-gauge brad nailer

If you plan to buy only one trim nailer, this is the size to get. I use mine more than all my others combined. It’s perfect for standard trim, furniture making and odd jobs around the shop. Models that shoot brads up to 1-1/4- in. are common, but I strongly recommend spending a few bucks more for a gun that can handle brads up to 2 in. long. Name-brand 2-in. guns start under $100.

Use nails before screws

I always found it difficult to keep parts aligned when screwing cabinets together. Then I discovered that a couple of shots with my finish nailer or brad nailer will keep the parts aligned while I drill pilot holes and drive screws for strong joints.

Invisible nail holes with a pinner

Pins are tiny and headless, so they’re hard to see even before you fill them. Afterward, nobody but you will know they’re there.

Nail before you clamp

With a coat of slippery glue, parts will slide out of alignment while you’re desperately trying to clamp them. My solution is to tack the parts together with a couple of nails. That keeps the parts aligned while I apply serious pressure with clamps.

No stud? No problem

Studs aren’t always located where we need them. When I need to nail trim where there’s no stud, I dab some construction adhesive on the back of the trim and then drive nails into the drywall at 45-degree angles. That holds the trim tight against the wall while the adhesive cures. This “trap nailing” technique works fine with brad nailers and even better with finish nailers.

https://www.familyhandyman.com/tools/air-tools/finish-nailer-tips/
August 20, 2019 at 11:06:55 AM EDT *
home woodworking tools fhm
FILLER

This Ain’t Disney: A practical guide to CSS transitions and animations

QRCode

The answer is physics. Specifically Newtonian physics, the branch of science dedicated to apples falling from trees onto scientists, also referred to as classical mechanics.

https://blog.prototypr.io/this-aint-disney-a-practical-guide-to-css-transitions-and-animations-a8b87e7c5531
August 16, 2019 at 3:45:16 PM EDT *
css animation webdesign
FILLER

Good, Better, Best - creating the ultimate remote worker webcam setup on a budget - Scott Hanselman

QRCode
https://www.hanselman.com/blog/GoodBetterBestCreatingTheUltimateRemoteWorkerWebcamSetupOnABudget.aspx
August 13, 2019 at 1:14:31 PM EDT *
photography blog
FILLER

How to Improve Communication Frequency With Your Remote Team

QRCode

Communicate Every Day

  • PURPOSE: Link individual accomplishments with the business objective
  • FOCUS: Reserve new ideas until current major projects are done
  • GUIDE: Demand excellence in providing ongoing specific feedback in writing
  • GROWTH: Actively discuss professional development opportunities
  • RELATIONSHIPS: Improve relations by chatting about non-work
  • Express Feelings With Emojis, Emoticons, or Descriptive Words
https://medium.com/better-humans/how-to-improve-communication-frequency-with-your-remote-team-a446e15e5bb5
August 7, 2019 at 10:40:55 AM EDT *
career management
FILLER

50 Things You Should Know Before Going to a JavaScript Developer Job Interview

QRCode
https://medium.com/better-programming/50-thingsyou-should-know-before-going-to-a-javascript-developer-job-interview-b1f1dfbf945c
July 23, 2019 at 12:26:33 PM EDT *
javascript interviewing programming
FILLER

How to run a small social network site for your friends

QRCode

This document exists to lay out some general principles of running a small social network site that have worked for me. These principles are related to community building more than they are related to specific technologies. This is because the big problems with social network sites are not technical: the problems are social problems related to things like policy, values, and power.

https://runyourown.social
July 17, 2019 at 11:14:40 AM EDT *
socialmedia
FILLER

Resistance Band Exercises | Total-Body Resistance Band Workout

QRCode

https://www.instagram.com/p/BzawU-uHyCr/?utm_source=ig_web_button_share_sheet

Complete full circuit straight through with minimal rest between exercises. Repeat 2 more times for a total of three rounds.
Include a 1 - 2 min rest between each round.

  1. Squat X 10
  2. Good Morning X 10
  3. Bent Over Row X 10
  4. Push-up X 10
  5. Pallof Press X 10/side
https://www.bicycling.com/training/a28295579/resistance-bands-workout-total-body/
July 15, 2019 at 3:49:51 PM EDT *
fitness
FILLER

AWS Training & Certification - e-Learning Details | AWS Training & Certification

QRCode
https://www.aws.training/learningobject/wbc?id=34322
July 15, 2019 at 1:51:12 PM EDT *
alexa
FILLER

7 Exercises to Bulletproof Your Shoulders | Breaking Muscle

QRCode
  1. Single Arm Dumbbell High Pulls
  2. Lean and Loiter
  3. Shoulder Flexion Stretch
  4. Shoulder Extension Stretch
  5. Supinated Grip Deadhang Hold
  6. Plank Shoulder Tap Variations
  7. Yoga Push-up
https://breakingmuscle.com/fitness/7-exercises-to-bulletproof-your-shoulders
July 12, 2019 at 1:16:47 PM EDT *
shoulder fitness
FILLER

21 Behaviors That Will Make You Brilliant at Creativity & Relationships

QRCode

1. Set absurdly ambitious goals

“When 10x is your measuring stick, you immediately see how you can bypass what everyone else is doing.” — Dan Sullivan

9. Learn to apply, not to procrastinate “the work”

Learning is best done while you’re doing the activity. Public education has taught people they must first master theory, then attempt to transfer that theory into the real world. In a similar way, people’s love for information via the internet has led them to use “learning” as a form of procrastination.

10. Focus on quantity in the beginning

Quantity is the most likely path to quality. The more you produce, the more ideas you will have — some of which will be innovative and original. And you never know which ones will click. You just keep creating.

https://medium.com/better-marketing/21-behaviors-that-will-make-you-brilliant-at-creativity-relationships-c5bdb3d58a28
July 12, 2019 at 1:13:27 PM EDT *
lifehacks
FILLER

Button differentiation done right – UX Collective

QRCode

Buttons normally have those traits in common: font style, font size, font color, button color, button size, borders, rounded corners, drop shadow or glow effects, hover state and animations.

If we try to change too many of these traits, the buttons might feel too foreign to the general design of the project, and in this case the user will just click the most distinct one, and we’re basically back to just one CTA button.

https://uxdesign.cc/button-differentiation-done-right-5553605ea08a
July 12, 2019 at 1:11:46 PM EDT *
buttons css webdesign
FILLER

Suzy Welch: Why one type of employee always gets the promotion

QRCode

The people speeding ahead tend to be “happy extroverts.”

If you’re an introvert there’s no need to despair.
In addition to performing at a high level, you should “make sure to tell everyone, bosses included, not to mistake their reserve for negativity.”

https://www.cnbc.com/2019/07/09/suzy-welch-why-one-type-of-employee-always-gets-the-promotion.html
July 11, 2019 at 10:56:32 AM EDT *
career
FILLER

App::Stacktrace - Stack trace - metacpan.org

QRCode

perl-stacktrace prints Perl stack traces of Perl threads for a given Perl process. For each Perl frame, the full file name and line number are printed.

https://metacpan.org/pod/App::Stacktrace
July 8, 2019 at 11:15:01 AM EDT *
perl debugger linux
FILLER

How white space killed an enterprise app (and why data density matters)

QRCode

Spacious. Minimalist. Clean. Bountiful white space has become the de facto design aesthetic in consumer apps.

A large business by its nature has massive-scale data and usually thousands of users who directly interact with it—searching, manipulating, reporting, and more. They need to move through that data quickly, without a lot of digging around in the interface.

Can I do a better job of grouping related information?

https://uxdesign.cc/how-white-space-killed-an-enterprise-app-and-why-data-density-matters-b3afad6a5f2a
July 3, 2019 at 2:08:40 PM EDT *
webdesign tables
FILLER

David Golden - "Taking Perl to Eleven with Higher-Order Functions"

QRCode
# Transformation helper function
sub _x {
  my $v = shift;
  my $is_code = ref($v) eq 'CODE';
  return $is_code ? $v->() : $v; # What about arguments to $v??
}

Data::Fake

https://www.youtube.com/watch?v=USF4BHMFKbg
July 3, 2019 at 1:52:05 PM EDT *
perl
FILLER

Feather – Simply beautiful open source icons

QRCode

Animated ones: https://www.flighticon.co

https://feathericons.com
July 3, 2019 at 1:23:11 PM EDT *
icons animation
FILLER

Designing button focus states for better usability - DEV Community 👩‍💻👨‍💻

QRCode

Many people exclusively use keyboards to navigate, and rely on the focus state to know where they are on the page.

There's a huge variety of reasons why someone might use a keyboard over a mouse, and for many, using the mouse as a fallback just isn't an option.

https://dev.to/elizabethschafer/designing-button-focus-states-for-better-usability-gm2
July 3, 2019 at 12:57:44 PM EDT *
css webdesign buttons accessibility
FILLER

46 Flex Layouts - ONE markup

QRCode
https://codepen.io/jakob-e/pen/XQyqpo
July 3, 2019 at 12:55:36 PM EDT *
flexbox css
FILLER
74 / 215
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community