משאבים חדשים עבור מעצבי אתרים ומפתחים (דצמבר 2017)

“CMS ללא ראש” הוא מקבל תשומת לב רבה בימים אלה. בקצור נמרץ, “ללא CMS” אינה עוסקת בחזית; CMS בלבד חושפת את התוכן בדרך כלל בצורה של RESTful API בעוד היזמים יכולים להשתמש בכל מה שהם מעדיפים לעבד את התוכן. עם הפופולריות הגוברת של פרקטיקה זו, מסגרות חדשות מתעוררות כדי להגדיר את זה ולהפעיל במהירות.

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

ללא כותרת WP Starter

זהו נושא וורדפרס Starter אבל בניגוד לאחרים, זה נושא Starter ממנף את WP-API כדי לקבל את התוכן ולאחר מכן להפוך אותו HTML סטטי באמצעות הצומת ו תגובה להפוך את אתר האינטרנט שלך “חסר ראש”.

VueStoreFront

VueStoreFront הוא עוד “CMS ללא ראש” במסגרת. בנוי על גבי Vue.js ו הצומת, VueStoreFront והוא מיועד פלטפורמות מסחר אלקטרוני כמו Magento, Prestashop, ו Shopware דרך APIs. זה גם משלבת גישה PWA אשר מאפשר לאתר להיות שמיש לא מקוון.

GatsbyJS

גטסבי הוא גנרטור סטטי שנבנה עם React.js. ניתן להשתמש ב- CMS עם API כגון WordPress, Markdown, JSON כדי להאכיל את התוכן. כמו כן הוא מנצל כמה טכנולוגיות האחרונות כגון הצומת, PWA, ו תגובה המאפשרים את זה לטעון מהר מאוד.

דאבפרס

Dustress הוא WordPress Starter נושא עם גישת פיתוח מודרנית. מינוף שפת התבנית Dust.js, DustPress מפריד את פריסת תבנית HTML מהלוגיקה PHP המאפשר למפתחים לייצר קוד הרבה יותר נקי. זה גם עושה פיתוח מהיר יותר, תחזוקה יותר נותן את הנושא מבנה מאורגן.

VSCode סמלים

קוד Visual Studio הפך במהירות לאחד מעורכי הקוד הפופולריים ביותר. זה קל משקל, יש שפע של plugins, ועכשיו יש לו מבחר של סמלים שונים. אם אתה מרגיש את ברירת המחדל של Visual Studio קוד סמל משעמם, לעבור לכל אחד הסמלים האלה.

TailWindCSS

TailWindCSS הוא עוד מסגרות CSS. אבל זה שונה ממסגרת CSS פופולרי כמו Bootstrap ו הקרן באופן זה אינו מספק רכיבי ממשק משתמש. במקום זאת, TailWindCSS מגיע עם חתיכות קטנות של שיעורים CSS המאפשר לך לחבר ממשק משתמש משלך.

טראפיק

הייתי ניסויים עם Docker ותהיתי איך תוואי שם תחום כמה מכולות שונות על מכונה אחת. ואז מצאתי את טראפיק, א פרוקסי HTTP פרוקסי מודרני ובלאסני עומס. מלבד Docker, היא גם תומכת בשירותים אחרים כגון Kubernetes, Rancher, ו- Amazon Elastic Container.

CubeUI

נבנה על גבי Vue.js, CubeUI הוא רכיב ממשק פנטסטי לבנות יישומים ניידים. מורכב עם הרבה רכיבים כגון לחצן, חלונות קופצים, TimePicker, שקופיות, ו תיבת סימון. כל רכיב הוא quipped עם TestUnit הבטחת אינטגרציה מתמשכת גם מזעור באג על כל רכיב.

אוויר

האוויר הוא נושא מינימלי WordPress Starter. הרחבת _s, האוויר מוסיף כמה רכיבים נוספים כגון שקפים, סרגל ניווט דביק, ו- WooCommerce מוכן.

אמפיסטייטס

EmptyStates הוא אוסף דפי מצב ריקים באינטרנט ויישומים לנייד להשראה. דף המדינה הריקה הוא סוג של דף זה לעתים קרובות התעלמו.

עיצוב קיצור דרך

אתר זה מספק אוסף קיצורי דרך של יישומים פופולריים וכלים המשמשים מפתחים ומעצבים. כאן תמצא קיצורי דרך ל Sketch, Photoshop, InDesign, Sublime Text, WordPress, ועוד רבים נוספים שיבואו. ה הרשימה הנוכחית כוללת רק קיצורי דרך עבור MacOS, אבל זה יהיה נהדר לראות קיצורי דרך של Windows גם להוסיף.

אופייני

אופי הוא מסגרות JavaScript לבנות ממשק להעלות קובץ. עם Uppy, תוכל לאחזר קבצים, לא רק מהכונן המקומי, אלא גם משירות אחסון חיצוני כמו Google Drive, Dropbox, Instagram ושירותים אחרים. זה קל, מודולרי, ו extabled עם תוספים מותאמים אישית.

VuetifyJS

VuetifyJS הוא יוזמה של ג 'ון לידר לבנות חומר עיצוב סביב Vue.js. גוגל יש יוזמה דומה עם MDL או חומר עיצוב לייט, אבל זה לא נראה לקבל מספיק המתיחה בקהילה ואת התפתחות נראה התקדמות איטית מאוד בחודשים האחרונים של כמה חודשים. אז אם אתה מחפש חלופה, VuetifyJS עשוי להיות הבחירה הנכונה.

WP ULike

WP Ulike הוא תוסף וורדפרס להוסיף “כמו” לתוכן שלך בין אם מובנה וורדפרס סוג פוסט, סוגי פוסט מותאמים אישית, וכן bbPress כמו גם BuddyPress. זה גם מגיע עם כמה תכונות מגניבות אחרות כגון מערכת התראות, Analytics ווידג'טים אשר הופכים אותו לאחד משכנעת ביותר “כמו” מערכת עבור אתר וורדפרס שלך.

Vee Validate

Vee Validate היא ספריית JavaScript ל הוסף שדה קלט עם אימות מובנה. הוא תומך רבים סוג של תשומות כגון דוא"ל, מספר, תאריכים, כתובת, כתובת ה- IP, וכו '.

טבלאות נתונים

עוד תוסף שימושי Vue.js. VueDataTables הוא תוסף פשוט לבנות שולחן הניתן להתאמה אישית עם דף Vue.js. תוסף הוא לבנות עם קנה המידה לזכור כי הוא יכול למסור נתונים מסיביים על השולחן ללא רבב. הוא גם נשלח עם כמה רכיבים נוספים כדי כוח את הטבלה כמו Pagination, Searchbox ו מסנן.

Googler

Googler הוא CLI המאפשר לך לבצע חיפוש ב- Google דרך שורות הפקודה. בדומה לממשק, הוא גם לאחזר את הכותרת, התיאור, כתובת האתר, ואת pagination. זה כלי שימושי עבור MacOS ו משתמשי לינוקס כוח.

בורג CMS

בולט הוא CMS בנוי עם PHP. זה מהיר להגדיר, משתמש Twig כמו מנוע טמפלט שלה, תומך באופן מלא PHP7, קל להתאמה אישית באמצעות קובץ פשוט YAML. בסך הכל זה נראה לי מעניין; אני בהחלט לבלות קצת זמן לחקור את זה עוד פעם יש לי סיכוי.

טלטייפ

Teletype הוא יוזמה חדשה של עורך Atom. תכונה חדשה זו מאפשרת לך לשתף פעולה עם עמיתים שלך על כתיבת קוד. כדי להשתמש בו, עליך להתקין את תוסף Teletype הרשמי.

פלייר

Plyr (מבוטא כשחקן) הוא נגן המדיה המודרנית הספרייה עם רק 10kb בגודל. עם זה תוכל להתאים אישית את ה- HTML וידאו ו נגן אודיו, Youtube ו Vimeo, מדיה זורמת חיים. זה בפיתוח פעיל עם יותר מתוכנן תכונות כדי להוסיף incuding תמיכה Wistia ו פייסבוק מוטבע וידאו.