How to Get Started with PixieBrix

Опубликовано: 13 Январь 2022
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн How to Get Started with PixieBrix длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Anders Jensen 13 Январь 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 2,553 раз и оно понравилось 52 зрителям. Приятного просмотра!

298,765

6.5 тыс