Comment concevoir un site Web pour la non-Designer qui tire pleinement parti de JQuery sur le client?

Question

Je suis un développeur ... pas tellement « le » type de gourou de l'interface utilisateur. Je peux vous en tirer avec mes compétences en photoshop dans une certaine mesure, mais me surprends souvent à sous-estimer mon temps ici et de penser que je ne suis probablement pas aussi efficace que je pourrais être à cet égard.

Quoi qu'il en soit, je sais que je ne peux pas être le seul développeur sur la terre étant également chargé de la conception, si bien que ...

Vous cherchez des tutoriaux, des exemples, des étapes, etc ... Je peux prendre dans la conception de sites Web à partir du sol puis correctement « couper » pour tirer le meilleur parti de CSS et Javascript autant de goodies (en utilisant un cadre comme JQuery, Mootools, etc ...) que possible. Quelques autres questions:

1. Que faire si les modèles pré-fabriqués (entrées) sont des gens à l'aide qui pourrait éliminer beaucoup de codage redondant?

2. Et si les feuilles de style CSS initiales utilisez-vous par défaut?

3. Photoshop est-il toujours le choix de designers UI? Si oui, quels paramètres dois-je commencer en se moquant mon site? Et ... quelle est la meilleure façon de réduire les choses de manière à tirer le meilleur parti des cadres CSS et Javascript comme JQuery?

Merci - wg

Answer 1

En tant que l'armée d'un homme moi-même, je peux comprendre votre frustration. Heureusement pour moi, j'ai commencé plus en tant que concepteur et développeur devenu. Je n'ai pas eu plus d'une décennie d'expérience avec la conception, et environ 7 ans d'expérience avec le développement. Voici quelques conseils.

Familiarisez-vous avec un bon cadre de CSS. Ne vous focalisez pas trop sur d'être graphiquement excellé au début. Je suggère la 960 système de grille. Il vous permettra de mise en page rapidement une page entière avec très peu d'effort, et le balisage très simple. Expérimentez avec quelques mises en page différentes. Vous pouvez visiter le pour information, ou de regarder ce court vidéo de démonstration pour se familiariser. Ce cadre est livré avec la réinitialisation CSS Eric Meyer - utiliser

La prochaine étape pour moi est de brancher ma mise en page dans un projet MVC. Une fois que j'ai que faire, je cravate dans jQuery via le lien du google-api , et commencer à coder mes comportements dynamiques.

Answer 2

J'ai des problèmes similaires. Une chose que je fais toujours acheter est un modèle de thème de css ou forrest l'un des autres sites de modèle css. Ils peuvent être pris pour aussi peu que 10 $ et vous pouvez normalement trouver un bon système en fonction de l'aspect souhaité et se sentir. Cela me permet d'économiser d'innombrables heures et des centaines de coûts d'une heure de l'homme. Je ne cherche pas à concevoir et à couper dans photoshop que je n'ai pas assez de compétences pour le faire paraître assez bon. Je l'ai accepté et que mvoed sur. Je peux faire une plus grande différence avec l'interface utilisateur améliorée grâce à jQuery / ajax / services, etc.