קהילת דיגיטל ואינטראקטיב

פורום קהילת אנשי המקצוע מתחום האינטרנט: מעצבי אתרים, מתכנתים ומפתחים, אנשי UX-UI, וכו'. הכתיבה בפורום הינה לחברי הקהילות המקצועיות של פרוג.
מנהלת הפורום: סיון
להצטרפות לקהילת מפתחי אתרי אינטרנט, הקש כאן
להצטרפות לקהילת ux-ui, הקש כאן

בניית אתרים וחוויית משתמש >> תוכן מקצועי

תיקי עבודות של עיצוב אתרים >> העבודות האחרונות, תהנו!

SHUGE שפרה כהן.png
SHUGE שפרה כהן 01.png
אומנות האופציות שפרה כהן.png
WhatsApp Image 2026-03-10 at 2.11.40 AM (1).jpeg
WhatsApp Image 2026-01-07 at 11.45.24 AM.jpeg
קלף קליין.jpg
בראש פתוח.jpg
מכון ספורנוקטן.jpg
לב גדול.jpg
בלוי ספרים.jpg
הצגת אתר תדמית משרד שמעוני5.jpg
WST השקעות נדלן בדובאי-3.png
WST השקעות נדלן בדובאי-2.png
WST השקעות נדלן בדובאי-1.png
WST השקעות נדלן בדובאי.png
הצגת פרוייקט ישראל דיזקינד 4.png
תודה ל @סיון על האתגר (כאן),
זה היה ממש במקום :)

אני לקראת סיום אתר נוסף מעניין, שיעלה בקרוב לאוויר (חכו...)
ותוך כדי עבודה על האתר, ובניית אנימציה בcss,
גיליתי שלאלמנטור יש אופציה לאנימציה ממש מעניינת שלא ראיתי עד היום, בלי טיפת קוד.

אז במקום לחפש בהררי תוספים, או להעמיס css מורכב,
צריך להכיר את אלמנטור מכל הכיוונים, וגם... להיות סופר יצירתיים. זה התפקיד שלנו, לא?

אז במקום למתוח... תעיפו מבט באנימציה בקישור הזה.

איך עושים את זה? ממש פשוט.
לכל איזור, ולכל עמודה באלמנטור יש אפשרות לתמונת רקע.
ביאור 2020-06-20 221610.png
זה בטח אתם יודעים.
אבל... יש אפשרות גם לתמונה אחרת, במעבר עכבר:
ביאור 2020-06-20 221611.png
וכאן מתחילה החגיגה.
אני שמתי את אותה התמונה פעמיים, אבל לכל תמונה, נתתי מיקום אחר.
לראשונה: עליון שמאל.
ולשניה: תחתון ימין.

בטלתי את החזרתיות, והגדרתי גודל מלא.

את התמונה חתכתי גדול יותר מגודל העמודה. וכיוון שיש לה גודל מלא יכולתי להניע אותה באלכסון.
(אם הייתי בוחרת הכלה, התמונה לא הייתה זזה, כי העמודה מכילה אותה בשתיהן.
ואם הייתי בוחרת כיסוי, הייתי יכולה להזיז אותה בצורה ישרה בלבד, ימינה ושמאלה, או למעלה ולמטה. לא אלכסון)

אח"כ בחרתי אורך מעבר, לפי המהירות שרציתי, ו...הופ! יש לי אנימציה בhover, בלי קוד!

את האנימציה בhover, תוכלו לנסות גם עם שתי תמונות שונות, או בגדלים שונים (אחד בגודל אוטומטי, אחד בגודל הכלה), ותגלו עולם שלם של אנימציות יפות בקלות! את האנימציה אפשר גם לבצע על אזורים שלמים, עם אותו עיקרון.

בקיצור, הגיע הזמן לצאת מהריבוע, ולמקסם את היכולות שלנו ושל אלמנטור.... בהצלחה!

_____
הי רגע, ומה עם הטקסט שמופיע וזז? זה תנסו בעצמכם : )
רמז: מתבסס על נראות ברגיל ובמעבר.

ו... כן. אני יודעת שיש וידג'ט הנעה לפעולה. רק הוא לא מגיע ליכולות שהנ"ל נותן לנו, בלי קוד.
_____

ומה עושים כשאלמנטור והתוספים השונים לא עומדים בדרישות, וצריך משהו מעבר? זה כבר עניין למומחים.

מגלגלת את האתגר ל @זה אני :) , מתכננת וורדפס מוכשרת, עם ניסיון בכתיבת תוספים ותבניות לאתרים מורכבים. (וכמובן, גם בונה אתרים, אם התעניינתם...)
והאתגר: תני לנו איזה טעימה מהקוד שאת מבשלת, משהו שגם האלמנטוריסטים, עם קצת css, יוכלו להבין. איך את הופכת סתם אתר, למותאם אישית ללקוח, בלי הררי תוספים.
בהצלחה :)
אז תודה ל@חגית קרמר על האתגר :).
אז כן, אני מתכנתת אתרי וורדפרס.
כותבת תוספים, תבניות, וסתם קוד שצריך פה ושם באתרים.
אני גם בונה אתרים רגילים אבל בד"כ מתעסקת עם אתרים מורכבים יותר (כמו אתרי מכירות מורכבים) או עם פיתוח פיצ'רים באתרים קיימים.
רב העבודה שלי היא משיתופי פעולה עם בונות אתרים שזקוקות לעבודות קוד באתרים שהם בונות.
היתרונות בקוד על פני תוסף הם:
1.
הקוד מותאם במאה אחוז לצורכי הלקוח.
2. קוד הוא פחות כבד מתוסף, לכן אם יש אתר כבד שיש בו כבר הרבה תוספים עדיף לכתוב קוד כדי לבצע פעולה ולא להוסיף עוד תוספים שמכבידים על האתר מאד.
3. הרבה פעמים כתיבת קוד חוסכת קנית תוספים יקרים.
מה שאני אוהבת בקוד זה שאין גבולות, כל מה שהלקוח רוצה שיהיה באתר שלו - אפשרי :)
אני אוהבת להגשים חלומות לאנשים, וכשהכל עובד כמו שצריך - אין סיפוק גדול מזה.
ודוגמא קטנה לעבודה שעשיתי לאחרונה:
פנתה אלי לקוחה שבנתה אתר מורכב ומדהים של צימרים, נופשים וטיולים.
היא היתה צריכה חיפוש מורכב של צימרים לפי שדות ACF שהיו לה בCPT
ולפי דרישות של הלקוח (לדוגמא אם מישהו מכניס 5 מיטות הוא יקבל חזרה את כל הצימרים שיש בהם יותר מ5 מיטות)
1592727070740.png
אז יאלה - התחלנו?
את רשימת האזורים - קיבלתי בשורטקוד שבניתי.
מספר מיטות, מספר חדרים לזוגות וחדרים נוספים - סתם שדה פשוט.
רמה - המשתמש יכול לבחור כמה רמות אז בניתי radio buttons ששיחקתי איתם עם קוד CSS ו JS כדי שיציגו תמונה במקום כיתוב וכפתור.
לחיצה על שלח - והכפתור מפנה לדף תוצאות חיפוש כשהפרמטרים של החיפוש משורשרים בURL.
בדף התוצאות חיפוש - שמתי שורטקוד שמקבל את כל הפרמטרים מURL, עובר על כל הפוסטים לפי ה CPT מסנן לפי הפרמטרים ומדפיס את התוצאות :)
וזה טעימה קטנה מהקוד -
1592727468957.png
(אני לא מפרטת פה כי זה כבר קוד מסובך ומורכב...)
כמה תיקונים קטנים מהלקוחה -
ו- יש לנו חיפוש שמתאים בול לצרכי הלקוח :)

מגלגלת את האתגר ל@srp שהאנימיציות שהיא עושה באתרים משאירות אותי פעורת פה.
אשמח לשמוע מאיפה ההשראה והיצרתיות ואיך את מנצלת את האפקטים של אלמנטור כדי לקבל תוצאות מרהיבות!
הנה עוד מודעה לאנשי מקצוע:
המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

למשרד ממשלתי בירושלים דרוש/ה תכניתן/נית אינטגרציה - למשרד ממשלתי בירושלים דרוש/ה תכניתן/נית אינטגרציה

למשרד ממשלתי בירושלים דרוש מפתח אינטגרציה העבודה כוללת :
עבודה בצוות אינטגרציה מול גורמי תשתיות, צוותים טכנולוגיים ומנהלי מערכות.
עבודה עם כלי ESB וכלי API Management
עבודה עם ממשקים בסביבת ביזטוק 2016.
דרישות:
שנה ניסיון בפיתוח בכלי אינטגרציה, מסוג ESB/EAI או API Managment.
3 שנים ניסיון בפיתוח בסביבתdotNET C# / 3 שנות ניסיון בפיתוח JAVA ע"ג TIPCO.
שנתיים ניסיון באפליקציות WebAPI ו- WebServices בדגש על REST ו SOAP.
3 שנות ניסיון בעבודה מול MS SQL, כולל כתיבת stored procedures. מתוכן...

מנויי פרימיום בפרוג מרוויחים יותר!
רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

בהצלחה!
מערכת מנויי פרוג-פרימיום
  • תודה
Reactions: נוצר חסד1 //
1 תגובות
  • 386
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    לחברה גדולה במרכז דרוש/ה מפתח/ת Full-Stack - לחברה גדולה במרכז דרוש/ה מפתח/ת Full-Stack

    צוות הפיתוח שלנו מתרחב ואנחנו מחפשים מפתח/ת Full-Stack.
    התפקיד כולל פיתוח אפליקציות WEB מורכבות מסקראץ' בסביבת טכנולוגיות מתקדמות.
    דרישות משרה:
    ניסיון של שנה לפחות בפיתוח Node.js ו-React – חובה
    ניסיון בפיתוח MicroServices – חובה
    ניסיון בעבודה עם Docker – חובה
    ניסיון בעבודה עם AWS – יתרון משמעותי
    עבודה עם CSS3/ Material UI – יתרון

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 314
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    דרוש/ה טכנאי/ת PC לארגון ציבורי במרכז - דרוש/ה טכנאי/ת PC לארגון ציבורי במרכז

    לארגון ציבורי בתחום המחקר דרוש/ה טכנאי/ת PC.
    התפקיד כולל עבודה בצוות ותמיכה טכנית.
    דרישות משרה:
    לפחות שנתיים ניסיון- חובה
    ניסיון במתן תמיכה טכנית טלפונית- חובה
    ידע וניסיון בעבודה מול ציוד קצה וציוד היקפי (מדפסות, סורקים, מקרנים, סוגי חיבורים)- חובה
    הכרות עם מחשבי MAC- חובה
    רישיון נהיגה- חובה
    ידע וניסיון בתחום התקשורת- יתרון משמעותי
    שליטה בשפה האנגלית- יתרון משמעותי

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 535
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    דרוש/ה מפתח/ת מערכות לצוות הפיתוח בארגון רפואי - דרוש/ה מפתח/ת מערכות לצוות הפיתוח בארגון רפואי

    ארגון רפואי גדול הממוקם בתל אביב מחפש מפתח/ת מערכות לצוות הפיתוח.
    התפקיד כולל פיתוח ותחזוקה של תוכניות, שירותים/ממשקים בסביבת WEB , .NET ו- AS400.
    דרישות משרה:
    תואר ראשון בתחום מדעי המחשב / הנדסאי/ת בוגר מגמת מחשבים / בוגר/ת יחידה טכנולוגית בצה"ל / קורסים מתקדמים במערכות מידע
    ניסיון של עד שנה ב COBOL- יתרון משמעותי
    ניסיון עבודה במערכות מידע בסביבת AS400 ,.NET ,PHP – יתרון

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 347
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    למשרד ממשלתי במרכז דרוש/ה בודק/ת תוכנה (רעננה) - למשרד ממשלתי במרכז דרוש/ה בודק/ת תוכנה (רעננה)

    למשרד ממשלתי ברעננה דרוש/ה בודק/ת תוכנה
    דרישות:
    • שנתיים ניסיון לפחות
    • תואר ראשון + 15 שעות קורס בתחום מערכות מידע / 400 שעות קורס בתחום מערכות מידע

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 291
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    דרושים/ות למוקד טלפוני במשרד ממשלתי בירושלים - דרושים/ות למוקד טלפוני במשרד ממשלתי בירושלים

    דרושים אנשי תמיכה עם ניסיון של מעל שנה וידע וניסיון בתוכנות מחשב .
    העבודה היא במשמרות 7.00-19.00
    התפקיד כולל קבלת קריאות, סיוע וטיפול בתקלות לעיתים מורכבות ומתמשכות במערכות המחשוב.
    דרישות השכלה: קורסי מחשוב מקצועיים בתחום התפקיד בהיקף של 150 שעות לפחות.

    הזדמנות להיכנס לעולם המחשוב!

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 416
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    למשרד ממשלתי בירושלים דרוש/ה איש/ת סיסטם לינוקס - למשרד ממשלתי בירושלים דרוש/ה איש/ת סיסטם לינוקס

    תנאי סף/השכלה-
    אקדמאי בעל תואר ראשון במדעי המחשב או בהנדסת מחשב, או-
    תואר ראשון כלשהו אחר, ובנוסף קורס גבוה בתחום מערכות מידע ממוחשבות בהיקף ל 200 שעות לפחות, או-.
    הנדסאי בוגר מגמת מחשבים/טכנולוגיה, או-
    חסר תואר כנ"ל אשר עבר קורסים מתקדמים במערכות מידע בהיקף של 300 שעות לפחות, או-.
    יוצא/ת צה"ל ו/או רא"ם ובלבד שעסק/ה בתחום הטכנולוגי שבתכולת המקצוע בכפוף לאישור מתאים.
    ניסיון נדרש:
    ניסיון מעל 4 שנים.
    דרישות נוספות:
    הכרות מעמיקה וניסיון עבודה עם מערכות Unix
    ניסיון מעשי\ידע חזק...

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 333
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    למשרד ממשלתי בירושלים דרוש/ה מיישם/ת SAP HCM - למשרד ממשלתי בירושלים דרוש/ה מיישם/ת SAP HCM

    התפקיד כולל יישום מקצה לקצה, עבודה בעיקר במודולים BWפיתוח בעזרת SQL ו- NET ,
    עבודה מול ממשקים ושילוב ניהול פרוייקטים.

    דרישות:
    • ניסיון של ארבע שנים לפחות ביישום
    • -SQL ברמה טובה מאד
    • -ידע בפיתוח C#
    • -ניסיון ביישום מודול HCM- (משאבי אנוש)

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 259
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    למשרד ממשלתי בירושלים דרוש/ה מיישם/ת SAP מודול נוכחות - למשרד ממשלתי בירושלים דרוש/ה מיישם/ת SAP מודול נוכחות

    התפקיד כולל יישום מקצה לקצה, עבודה בעיקר במודולים TM/TE פיתוח בעזרת SQL ו- NET , עבודה מול ממשקים ושילוב ניהול פרוייקטים.

    דרישות:
    • ניסיון של ארבע שנים לפחות ביישום
    • -SQL ברמה טובה מאד
    • -ידע בפיתוח C#
    • -ניסיון ביישום מודול TM/TE-

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות
  • 290
  • הנה עוד מודעה לאנשי מקצוע:
    המשתמש: GOV ממש מחפש מישהו מקצוען מהקהילה שלנו כאן:

    למשרד ממשלתי דרוש/ה מיישמ/ת הגנת סייבר - למשרד ממשלתי דרוש/ה מיישמ/ת הגנת סייבר

    התפקיד כולל:

    ניהול, תכנון , יישום והטמעת תשתיתיות טכנולוגיות להגנת הסייבר, תוך שילוב תשתיות טכנולוגיות ושיטות הגנה בתחום הגנת הסייבר ואבטחת המידע.

    דרישות :

    • ניסיון מעל 4 שנים בתחום
    • ניסיון של שנתיים לפחות בביצוע סקרים ועמידה ברגולציית אבטחה

    מנויי פרימיום בפרוג מרוויחים יותר!
    רוצו לשמוע עוד על הפרסום וצרו קשרים עסקיים

    בהצלחה!
    מערכת מנויי פרוג-פרימיום
    0 תגובות

    הצטרפות לניוזלטר

    איזה כיף שהצטרפתם לניוזלטר שלנו!

    מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

    לוח מודעות

    הפרק היומי

    הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


    תהילים פרק כה

    אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
    נקרא  2  פעמים
    למעלה