הכלים שאתם חייבים להכיר
עשיתי לכם רשימה של הכלים שאני *באמת* משתמשת בהם ביום יום, ותכל'ס כמעט כולם חינמיים לגמרי.
יש כלים שכשמגלים אותם לא מבינים איך שרדנו בלעדיהם עד עכשיו, והם לגמרי כלים שחובה להכיר.
1. transfonter.org
מה הוא עושה? ממיר קבצי פונטים לפורמט אחר - מווב לדסקטופ ולהפך לדוגמא
כמה עולה? חינם!
איך משתמשים? מעלים את קובץ המקור, בוחרים לאיזה פורמט להמיר ומורידים.
2. gumroad.com
מה הוא עושה? מאפשר לקנות ישר מהיוצר פונטים, חבילות אייקונים ועוד, הכל במחירים סופר זולים
כמה עולה? השימוש בפלטפורמה חינם, המוצרים בתשלום או בחינם תלוי מוכר.
איך משתמשים? נכנסים לאתר, בוחרים קטגוריה רלוונטית ונהנים מאלמנטים איכותיים במחירי רצפה.
3. Beautiful Shadows
מה הוא עושה? פלאגין לפיגמה, עושה הצללה עדינה ונעימה יותר מהאפקט הקיים בפיגמה.
כמה עולה? חינם!
איך משתמשים? מורידים את הפלאגין, בוחרים כיוון ההצללה והעוצמה שלה ושומרים. בזמן הפיתוח - עוברים למצב DEV ופשוט מעתיקים את הקוד ל-custom css באלמנטור.
4. picsart.com
מה הוא עושה? הרבה דברים, אבל בשבילי בעיקר לשפר איכות תמונה עם Ai Image Enhancer
כמה עולה? חינם, יש מודל בתשלום עם איכות גבוהה יותר
איך משתמשים? מעלים את התמונה, מקבלים תמונה משופרת. המודל החינמי מספיק לי לגמרי.
5. svgviewer.dev
מה הוא עושה? הרבה דברים, אבל בשבילי בעיקר לתקן אייקונים ״שבורים״ שלא מגיבים לצבע שהגדרתי באלמנטור.
כמה עולה? חינם!
איך משתמשים? מעלים את האייקון השבור, איפה שרשום ״fill״ או ״color״ מחליפים את קוד ה-HEX ב- currentColor ומורידים את האייקון המתוקן.
6. freepik.com/mockup-editor
מה הוא עושה? מאפשר לנו ליצור מוקאפים אונליין בלי להסתבך עם פוטושופ.
כמה עולה? חלק בחינם, חלק רק למנויי FREEPIK (שממליצה עליו בלי קשר)
איך משתמשים? בוחרים מוקאפים, מעלים את התמונות שלנו. ניתן לערוך צבעים (תלוי במוקאפ) ולשמור.
7. Microsoft Clarity
מה הוא עושה? ״מפת חום״ - מקליט משתמשים באתר, איפה לחצו, כמה זמן נשארו וכו'. מאפשר לקבל תובנות קריטיות על חווית המשתמש.
כמה עולה? חינם!
איך משתמשים? אפשר להוריד את הפלאגין שלהם, ואפשר להוסיף קטע קוד קצר בניהול קודים.
8. Icons8 Background Remover
מה הוא עושה? פלאגין לפיגמה, מסיר רקע מתמונות.
כמה עולה? חינם!
איך משתמשים? מורידים את הפלאגין, בוחרים את התמונה ומפעילים אותו.
9. H-Tag
מה הוא עושה? מסמן על הכותרות באתר איזה H הם (h1, h2 וכו׳) כדי לוודא שהאתר שלכם בנוי עם בסיס טוב ל-SEO
כמה עולה? חינם!
איך משתמשים? מוסיפים לכרום את התוסף מחנות התוספים של chrome ובוחרים ב- show tags
10. Grid Ruler
מה הוא עושה? מאפשר לנו למשוך סרגלים לאורך ורוחב המסך כדי לוודא שהכל מיושר באופן מושלם
כמה עולה? חינם!
איך משתמשים? מוסיפים לכרום את התוסף מחנות התוספים של chrome ופשוט גוררים מהסרגלים את הקווים
11. wordmark.it
מה הוא עושה? אתר שמציג בלייב את הביטוי שתבחרו בכל הפונטים שיש לכם במחשב, מעולה לבחירת פונט לפרויקט בלי לנסות מליון אופציות
כמה עולה? חינם!
איך משתמשים? מאפשרים לדפדפן גישה לתקיית הפונטים במחשב, מקלידים את הביטוי הרצוי וגוללים
12. Advanced Database Cleaner
מה הוא עושה? תוסף לוורדפרס שמאפשר לנקות גרסאות ישנות מהאתר (שינויים שעשיתם, פוסטים בפח וכו׳) כדי למנוע שגיאת 500 באלמנטור
כמה עולה? חינם, יש גרסת פרימיום אבל אין צורך
איך משתמשים? מתקינים על האתר, מסמנים את כל השדות לניקוי מלא ומוחקים הכל
13. SVG Export no Fill
מה הוא עושה? פלאגין לפיגמה, מאפשר לייצא אייקונים ווקטורים בלי צבע כדי למנוע מצב באלמנטור שהאייקון לא מקבל את הצבע שהגדרתם
כמה עולה? חינם!
איך משתמשים? מורידים את הפלאגין, בוחרים את האייקון (בלי שום frame שעוטף אותו) ומפעילים את התוסף להורדה
14. adminify
מה הוא עושה? תוסף המאפשר לסדר מחדש את התפריט בדשבורד של וורדפרס, אידיאלי לאתרים מורכבים (או סתם אם אתם אוהבים סדר)
כמה עולה? חינם, יש גרסת פרו עם עוד אפשרויות עיצוב
איך משתמשים? מורידים את הפלאגין, גוררים את הלשוניות שונות באיזה סדר שתרצו ושומרים
15. Nextend Social Login
מה הוא עושה? תוסף לוורדפרס מאפשר התחברות לאתר באמצעות גוגל, פייסבוק וכו׳
כמה עולה? חינם, יש גם גרסת פרו עם חיבור לווקומרס וכו׳
איך משתמשים? מורידים את הפלאגין, מייצרים API KEY של גוגל לפי ההנחיות המאוד מסודרות שלהם ומוסיפים לאתר
