How to Get Started with PixieBrix

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: https://youtu.be/aTL7_6Kf5K0

FOLLOW ME:
💼 LinkedIn: https://www.linkedin.com/in/andersjensenorg
📸 Instagram: https://www.instagram.com/andersjensenorg
👨 Facebook: https://www.facebook.com/andersjensenorg
🐦 Twitter: https://twitter.com/andersjensenorg
💌 Email Newsletter: https://andersjensen.org/email-newsletter

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

Видео How to Get Started with PixieBrix канала Anders Jensen