সাধারণ ওয়েব ইউআই স্টাইলস

Question 1

পরের দিনগুলিতে আমার এক ক্লায়েন্টের কাছে আমাকে একটি ওয়েব অ্যাপের প্রোটোটাইপ উপস্থাপন করতে হবে, জিনিসটি হ'ল আমি সিএসএসে তেমন ভাল নই এবং সবচেয়ে খারাপ কারণ আমি যে ফলাফল পেয়েছি তাতে আমি কখনও খুশি নই।

ব্যবসায়ের যুক্তি কোডিংয়ে আমার পক্ষে কোনও চ্যালেঞ্জ নেই, ইউআই ডিজাইনটি আমার সময়ের ৮০% এরও বেশি সময় নেয়। আমার শ্বাসরুদ্ধকর কিছুই প্রয়োজন নেই, কেবল একটি পরিষ্কার, সুন্দর এবং উপস্থাপনযোগ্য পরিবেশ, উদাহরণ:

এটি একটি পুনরাবৃত্ত সমস্যা যা আমি করছি, আমি আশা করি ওয়েব ইউআই বিকাশের একটি কম নগ্ন ডিফল্ট শৈলী থাকতে পারে , ভিজুয়াল স্টুডিও বা আইফোন এসডিকে অনুরূপ একটি পদ্ধতি আমার পক্ষে খুব কার্যকর হবে।

উপরের বালামামিক মকআপগুলির সাহায্যে নির্মিত মকআপটি একটি দুর্দান্ত উদাহরণ, সমস্ত সাধারণ "উপাদান" ব্যবহারের জন্য উপলব্ধ এবং সর্বোপরি: চয়ন করার জন্য কেবল একটি দৃষ্টিনন্দন স্টাইল রয়েছে।

ওয়েবের জন্য কি এরকম কিছু আছে? একটি নিরপেক্ষ তবুও সুন্দর সিএসএস বা জাভাস্ক্রিপ্ট ইউআই কাঠামো?

এখন পর্যন্ত বিকল্পগুলি:

আমি কোনও সিএসএস-কেবল ইউআই ফ্রেমওয়ার্ক আছে কিনা তা জানতে আগ্রহী

আমি এই পৃষ্ঠাটি ওয়েব ইউআই লাইব্রেরিগুলির খুব সুন্দর একটি তালিকা সহ পেয়েছি , তবে তাদের বেশিরভাগ (কমপক্ষে ভালগুলি) জাভা সম্পর্কিত বলে মনে হচ্ছে, খাঁটি সিএসএস বা জেএসে কি সমানভাবে কোনও ভাল বিকল্প আছে?

পিএস: আমি এজেএক্স, প্রভাব, আচরণ এবং এগুলিতে আগ্রহী নই ... আমার মূল (কেবল) উদ্বেগ শৈলী।

সকল পরামর্শের জন্য ধন্যবাদ!

সমস্ত ইউআই লাইব্রেরিগুলির জন্য খুব যত্ন সহকারে বিবেচনা করার পরে, আমি এই সিদ্ধান্তে পৌঁছেছি যে এক্সটজেএস এবং কুক্সডুগুলি আমার প্রয়োজনগুলির সাথে সর্বাধিক ঘনিষ্ঠভাবে ফিট করে। jQuery UI আশাব্যঞ্জক বলে মনে হচ্ছে তবে কেবলমাত্র উপাদানগুলির একটি হ্রাস পরিমাণ প্রস্তাব দেয়।

যতক্ষণ না সিএসএস-কেবল লাইব্রেরিগুলি যায় আমি ব্লুআর্ট্রিপ / ব্লুপ্রিন্ট এবং তামাবলির দ্বারা প্রস্তাবিত থিমগুলি সেরা হিসাবে খুঁজে পেয়েছি। এর বাইরে, ফ্লেক্স এবং নেপকিও অনুসন্ধান করার মতো বলে মনে হয়।

এক্সট্রিজএস শিখার সময় এখন! =)

Question 2

আমি বিশ্বাস করতে পারি না যে কেউ উল্লেখ করেছেন:

http://www.extjs.com/

এটি একটি বাণিজ্যিক জেএস ফ্রেমওয়ার্ক, তবে বেশ সাশ্রয়ী মূল্যের, এবং একসাথে একটি দুর্দান্ত ইউআইকে বাতাস তৈরি করে। এরপরে jqueryui এর আরও অনেকগুলি সম্পূর্ণ সেট রয়েছে এবং এটি একটি সম্পূর্ণ অ্যাপ্লিকেশন তৈরি করার জন্য তৈরি করা হয়েছে। আমি এটির সাথে কেবল কিছুটা খেলেছি, তবে আমি এখনও পর্যন্ত এটি সত্যিই পছন্দ করি। ব্যক্তিগত ব্যবহারের জন্য বিনামূল্যে।

আপনি যদি সত্যিই এক্সটির সাথে বিকাশিত একটি সম্পূর্ণ ইউআইয়ের জন্য অনুভূতি পেতে চান তবে এই url ব্যবহার করে দেখুন:

http://docs.sencha.com/extjs/4.2.1/extjs-build/example/feed-viewer/feed-viewer.html

Question 3

লেআউটের জন্য 960gs এবং স্টাইলিংয়ের জন্য jQuery-UI এর সংমিশ্রণটি সম্ভবত আপনি পরে রয়েছেন।

আপনি 960gs এর পরিবর্তে ব্লুপ্রিন্ট সিএসএস কাঠামোটি বিবেচনা করতে পারেন ।

Question 4

কি ব্যবহার সম্পর্কে Dojo এবং dijit ?

ডিজিট হ'ল উইজেট এবং উপাদান তৈরি করার একটি দ্রুত উপায়। এটি 3 টি ডিফল্ট থিমও নিয়ে আসে যা পরিবর্তন করা সহজ।

বিভিন্ন উইজেটের একটি ভাল তালিকা এখানে

Question 5

যিনি ইউআই ডিজাইনে বিশেষজ্ঞ with

আপনি যদি ব্যবসায়ের যুক্তি মোকাবেলা করতে আরও ভাল হন তবে আপনার সময়টি কেবলমাত্র ব্যবসায়ের লজিককে কোডিংয়ে ব্যয় করা ভাল, যাতে আপনি এটি আয়ত্ত করতে পারেন। এটির জন্য আপনাকে উপস্থাপনায় যে কারও সাথে এক্সেল করা আছে তার সাথে ইন্টারফেস করতে শিখতে হবে will ( এক্সএমএল এবং জসন সাধারণ উপায়)

ব্যবসায়ের যুক্তি এবং উপস্থাপনা খুব আলাদা। এমন একটি সিস্টেমের নকশা তৈরি করা যা কেবল দেখতে ভাল লাগবে না, তবে স্বজ্ঞাত এবং ব্যবহারযোগ্য সহজ কাজ। জটিল অ্যাপ্লিকেশনটির অভ্যন্তরীণ কার্যকারিতা প্রতিষ্ঠার মতোই কঠিন এবং সময়সাপেক্ষ।

একটি ভাল ইন্টারফেস একটি সিএসএস ফ্রেমওয়ার্ক অন্তর্ভুক্ত হিসাবে সহজ নয়।

আমি নিজেকে আরও 'ক্রিয়েটিভ' প্রোগ্রামার হিসাবে বিবেচনা করি যিনি উপস্থাপনায় দক্ষতা অর্জন করেন। আমি প্রথম ভাগ্যবান ... খুব উত্সাহিত এবং দ্বিতীয়টি 'ব্যবসায়িক যুক্তি'তে খুব ভাল এমন একজনের সাথে পথ পাড়ি দেওয়ার জন্য আমি যথেষ্ট ভাগ্যবান হয়েছি । জটিল সিস্টেমগুলির পরিকল্পনা ও বাস্তবায়ন করার জন্য তাঁর আরও অনেক অভিজ্ঞতা ছিল, আমি প্রধানত ইন্টারফেস ডিজাইনের দিকে মনোনিবেশ করে চলেছি।

আপনি যদি সিস্টেম আর্কিটেকচার, পরিকল্পনা, বিকাশ, যাই হোক না কেন আরও উত্পাদনশীল হন ... আপনার নিজেকে সেই দিকে চালিত করা উচিত। যদিও একক উন্নয়ন প্রকল্পগুলি পরিপূর্ণ হতে পারে তবে আমি এটিকে অদক্ষ হিসাবে দেখি। এটি খুব বিরল যে কেউ উচ্চ স্তরের অ্যাপ্লিকেশন একক বিকাশ করার দক্ষতা অর্জন করে।

চ্যালেঞ্জটি হ'ল আপনি যার সাথে ভালভাবে কাজ করছেন তার সন্ধান করা।

Question 6

পরীক্ষা করে দেখুন গুগল ওয়েব টুলকিট । এটি একটি সুন্দর পরিষ্কার ডিফল্ট চেহারা আছে। তাদের উদাহরণ রয়েছে । বিশেষত, তাদের শোকেস উদাহরণটি সমস্ত উপলব্ধ উইজেট এবং চেহারা অর্জনের জন্য ব্যবহৃত সিএসএস স্টাইলিংয়ের সমস্ত প্রদর্শন করে।

Question 7

(জি) ইউআই ডিজাইনকে লক্ষ্য করে কয়েকটি ফ্রেমওয়ার্ক রয়েছে; Qooxdoo , JQuery UI এবং MochaUI তাদের মধ্যে কয়েকজন (যদিও শেষটি ব্যবহারযোগ্য কাঠামোর চেয়ে প্রমাণের চেয়ে বেশি ধারণা)। এই ফ্রেমওয়ার্কগুলি সাধারণত জেএস চালিত বিভিন্ন উপাদান সরবরাহ করে (ফর্ম উপাদানগুলি যেমন ইনপুট ক্ষেত্রগুলি এবং বোতামগুলি জমা দেয় তবে ট্যাবগুলির মতো অন্যান্য উপাদানও থাকে)। তবে, এখনও এই উপাদানগুলি আপনার অবস্থান অনুসারে স্থাপন এবং আপনার পছন্দ অনুসারে এটি স্টাইল করা আপনার উপর নির্ভর করবে।

সম্ভবত কোনও সিএসএস ফ্রেমওয়ার্কের সাথে নিজেকে পরিচিত করা (যেমন 960 জিএস ) উপরের জেএস ইউআই ফ্রেমওয়ার্কগুলির পরিপূরক হতে পারে।

(ব্যক্তিগত অস্বীকৃতি হিসাবে; উপরে উল্লিখিত কোনও ফ্রেমওয়ার্কের সাথে আমার খুব কম অভিজ্ঞতা আছে But তবে আমি নিশ্চিত যে গুগল বা এসও হয় উত্তর দিতে পারে না আমি পারব না।)

Question 8

এটি আপনার বর্তমান প্রকল্পের জন্য আপনাকে সাহায্য করবে না, তবে ভবিষ্যতের প্রকল্পগুলির জন্য এটি বিবেচনার জন্য। এইচটিএমএল 4 এ জিইউআই অ্যাপ্লিকেশন তৈরি এবং সিএসএস এবং এইচটিএমএলের সীমাবদ্ধতার বিরুদ্ধে ক্রমাগত কুস্তি করার পরে বহু বছর ব্যয় করার পরে, আমি ভেবেছিলাম যে আমি অ্যাডোব ফ্লেক্সটি চেষ্টা করব। কী উন্নতি!

ফ্লেক্স বা সিলভারলাইট সহ কোনও ট্যাবড পৃষ্ঠা নিয়ন্ত্রণ বা ডেটা গ্রিড নকল করার পরিবর্তে আপনার মার্কআপটি কেবল একটি ট্যাবড পৃষ্ঠা নিয়ন্ত্রণ বা ডেটা গ্রিড নির্দিষ্ট করতে পারে। এবং ফ্রেমওয়ার্কগুলি বিরক্তিকর এমন ডিফল্ট শৈলীর সাথে আসে তবে মোটেও খারাপ নয়। আমি এগুলি এইচটিএমএলকে পুরোপুরি প্রতিস্থাপন করে বলছি না, তবে আপনার যদি উইজেট এবং জিইউআই লেআউটের প্রয়োজন হয় তবে আমি বিশ্বাস করি যে তারা আরও উন্নত বিকল্প।

Question 9

আপনি নিম্নলিখিত সাইট ব্রাউজিং বিবেচনা করতে পারেন:

http://themeforest.net/category/site-templates/admin-skins

এখানে ক্রয়ের জন্য বেশ কয়েকটি "প্রশাসনিক" থিম রয়েছে যা আপনার প্রয়োজন অনুসারে করতে পারে।

Question 10

তার মতো ওয়্যারফ্রেম মকআপগুলি শুরু করার একটি দুর্দান্ত উপায়।

এখানে আলোচিত বেশিরভাগ ইউআই ফ্রেমওয়ার্কগুলি ব্যবহার করার পরে, আমি আপনাকে নীচের কারণে jQueryUi এর দিকে চালিত করতে চাইছি:

jQueryUI সিএসএস ফ্রেমওয়ার্ক আপনার জন্য সামঞ্জস্যপূর্ণ এবং শীতল দেখাচ্ছে সিএসএসের যত্ন নেয় (এটি সত্যই সহজ - কিছু মার্কআপ তৈরি করুন এবং ক্লাসগুলি প্রয়োগ করুন)
jQueryUI এর ট্যাবকন্ট্রোল রয়েছে এবং স্টাইল ফর্মগুলির ঝরঝরে দ্রুত সহজ উপায়গুলির উপর .ੇਰ রয়েছে।

Question 11

আপনি যদি আধুনিক, নয়, ব্রাউজারগুলি লক্ষ্য করে থাকেন তবে আপনার স্প্রোটকোর পরীক্ষা করা উচিত । মকআপগুলির জন্য আমি মকিংবার্ড ব্যবহার করি ।

Question 12

অপেক্ষাকৃত নতুন পিএইচপি ফ্রেমওয়ার্ক বিশেষত ইউআই-কেন্দ্রিক সফ্টওয়্যার বিকাশের জন্য ডিজাইন করা। ট্যাবস, ফিল্টার এবং গ্রিডগুলি সহ আপনার এখানে থাকা উপাদানগুলি অন্তর্ভুক্ত রয়েছে এবং প্রয়োগের জন্য আপনাকে প্রায় 20 লাইন কোড লাগবে।

http://agiletoolkit.org/

Question 13

আপনি কি অ্যাক্সার চেষ্টা করেছেন ? এটি অ্যাপ্লিকেশন এবং ওয়েবসাইটগুলির জন্য তারের ফ্রেম, প্রোটোটাইপ এবং স্পেসিফিকেশন দ্রুত তৈরি করার একটি সরঞ্জাম।

এটি বালাসামিকের মতো একইভাবে কাজ করে, তবে এটি আপনাকে HTML, সিএসএস এবং জাভাস্ক্রিপ্ট হিসাবে আপনার ওয়্যারফ্রেমগুলি / প্রোটোটাইপ রপ্তানি করতে দেয়।

তারপরে আপনি এটি কোনও সার্ভারে আপলোড করতে পারেন বা একটি কার্যকারী উদাহরণ হিসাবে এটি আপনার কম্পিউটারে চালাতে পারেন।

আপনি ফর্ম, লিঙ্ক, ট্যাব, রোলওভার, জাভাস্ক্রিপ্ট প্রভাব তৈরি করতে পারেন।

Question 14

আপনি যদি ইতিমধ্যে আপনার প্রোটোটাইপগুলির জন্য বালাসামিক মকআপগুলি ব্যবহার করেন তবে আপনাকে নেপকি বিবেচনা করা উচিত । ওয়েবসাইটটি উদ্ধৃত করতে "ন্যাপকি আপনাকে একটি বোতামের একটি ক্লিকে বালামামিক মকআপগুলি এইচটিএমএল / সিএসএস / জেএস এবং অ্যাডোব ফ্লেক্স 3 এ রফতানি করতে দেয়।"

Question 15

আমি কিছুক্ষণ আগে এটিতে ছুটে এসেছি, এবং কিছুই খুঁজে পেলাম না, তাই আমি এটি সিএসএস শেখার সুযোগ হিসাবে নিয়েছি। তবে তখন থেকে মনে হচ্ছে এই বিষয়টির দিকে দুর্দান্ত অগ্রগতি হয়েছে।

আপনার সমস্যার সংক্ষিপ্তসার হিসাবে, একটি উইকিপিডিয়া পৃষ্ঠা রয়েছে ।
নেই yaml-CSS , যা yaml লাগে এবং CSS মধ্যে সক্রিয়
নেই বেসলাইন কিন্তু এটি কিছু CSS জ্ঞান অনুমান।
আমি অ্যাডোবের ড্রিমউইভারটি দেখার পরামর্শ দিই । তাদের কাছে প্রচুর CSS এবং শৈলী তৈরির সরঞ্জাম রয়েছে যা খুব পঠনযোগ্য এবং ডাব্লু 3 সি সামঞ্জস্যপূর্ণ কোড উত্পাদন করে।

আমি আশা করি এটি সাহায্য করবে.

Question 16

লেআউট এবং jQuery-UI বা Jquery সরঞ্জামগুলির জন্য 960gs এর সংমিশ্রণটি দুর্দান্ত আমি প্রায় প্রতিটি প্রকল্পে এগুলি ব্যবহার করি তবে আমি http://easyframework.com/ এ যুক্ত করতে চাই যদিও এটি ব্যবসায়ের পক্ষে বন্ধুত্বপূর্ণ নয় তাই এটি পরীক্ষা করে নিশ্চিত করে নিন এটির লাইসেন্স তবে আমি এটি পছন্দ করি

Question 17

আমি সম্প্রতি আইপ্লটজ ডটকম নামে একটি দুর্দান্ত ওয়েবসাইট আবিষ্কার করেছি যেখানে আপনি কোনও কিছু ইনস্টল না করে অনলাইনে আপনার অ্যাপ্লিকেশন / ওয়েবসাইট / প্রকল্পের একটি মকআপ তৈরি করতে পারেন। এটিতে বেশিরভাগ সাধারণ নিয়ন্ত্রণ রয়েছে, পুরো প্রকল্পটি পরিচালনা করার জন্য এবং অনলাইনে অন্যদের সাথে ভাগ করার জন্য আরও অনেকগুলি বৈশিষ্ট্য।

আমাকে অবশ্যই স্বীকার করতে হবে, আমি নিজে চেষ্টা করে দেখিনি, তবে আমি কিছুটা তাকিয়ে দেখলাম এবং বেশ সুন্দর লাগছে। আমি সম্ভবত এটি খুব শীঘ্রই ব্যবহার করা হবে।

Question 18

সাসকে দেখে মনে হচ্ছে কিছু সিএসএস মাথা ব্যথা প্রশমিত করার উপায় হিসাবে এটির সম্ভাবনা রয়েছে।

Question 19

আমি যোগ করতে চান বুটস্ট্র্যাপ এটা স্বজ্ঞাত, এবং শক্তিশালী ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক আরও দ্রুত ও সহজ ওয়েব ডেভেলপমেন্ট জন্য।

Question 20

আমি রকেটসিএসএস পছন্দ করি । সুন্দর পরিষ্কার ডিজাইন, এটি একবার দেখুন।