How to Get Started with PixieBrix

Published: 13 January 2022
on channel: Anders Jensen

2,553

This video tutorial shows how to get started with PixieBrix. It shows how to install PixieBrix and afterward build your own workflow, adding a button to a web page (LinkedIn). This example is totally free from code (how cool is that?) and a beginner's guide.

PixieBrix is a fantastic low-code tool that rapidly lets you customize any webpage UI with just a few clicks.

Solve problems and network with 100+ PixieBrix Developers: http://slack.pixiebrix.com/

VIDEOS FOR YOU:
🔹 PixieBrix Live Build:    • PixieBrix Quick Start Guide (Live Build)

FOLLOW ME:
💼 LinkedIn:   / andersjensenorg
📸 Instagram:   / andersjensenorg
👨 Facebook:   / andersjensenorg
🐦 Twitter:   / andersjensenorg
💌 Email Newsletter: https://andersjensen.org/email-newsle...

MY GEAR (Amazon affiliate):
🖥️ My monitor
Samsung 49-inch CRG9 Curved Monitor = https://geni.us/MDpejc
If you are buying this, I can recommend the Mi Monitor Light Bar = https://geni.us/3Wwad

💡 Lights
IVISII 19 inch Ring Light and Stand = https://geni.us/fVCH3IC
Godox TL60 RGB Tube Light = https://geni.us/u0hxf

⌨️ Keyboard
Logitech Backlit Keyboard = https://geni.us/aT0ltB

📹 Camera
Sony FDRAX53-B = https://geni.us/gnAE
Lenovo 500 Full HD Webcam = https://geni.us/cZS4

🎤 Microphone
Rode Wireless GO II = https://geni.us/iqy0g6H
Blue Yeti = https://geni.us/dDBjCB

0:00 Intro
PixieBrix is one of the most fantastic low-code tools you'll see this year. It's a browser extension that lets you customize and automate the UX of any web page.

0:27 How to Install PixieBrix
Use a Google Account to create a PixieBrix account. Install the PixieBrix Chrome extension in the Chrome Web Store

1:28 Open the Page Editor
Press F12 or Ctrl+Shift+I to open the developer tools in Google Chrome. Make sure to dock the web tools to the bottom of your browser to have a better view. Then, give PixieBrix access to your webpage.

2:50 Add a Button to a Web page
We add a button to our LinkedIn page, which we want to scrape the data of our current company page and then do a Crunchbase lookup for that company. Use the Component Reader Brick to get the data from the company name. Remember to choose the framework (Ember.js). We'll save the company's attribute in a variable to use for the CrunchBase search. Finally, we use an Open a tab brick together with the static Crunchbase URL and then our (dynamic) variable to open a new browser tab and search.

#pixiebrix #ux #webdeveloper

On this page of the site you can watch the video online How to Get Started with PixieBrix with a duration of hours minute second in good quality, which was uploaded by the user Anders Jensen 13 January 2022, share the link with friends and acquaintances, this video has already been watched 2,553 times on youtube and it was liked by 52 viewers. Enjoy your viewing!

4,309

161