29 votes

Outils gratuits pour accélérer le développement Web

Comme un petit projet parallèle, je commence à construire un nouveau site web pour une certaine organisation pour laquelle je suis affilié, qui site actuel est tout simplement dépassée.

Je suis régulièrement un développeur Java, et la dernière fois que j'ai fait un peu de développement web était de retour dans la fin des années 90, lors de l' <p> a été encore plus populaire que <div> et Javascript a la pointe de la technologie (JQuery est pour les paresseux clochards de ces jours :) ).

De toute façon, je me sens vraiment dépassée. Le site est essentiellement va être:

  • Django base
  • surtout statique des pages d'informations
  • il aura une dynamique des nouvelles et des mises à jour de la page (basé sur Django admin ins)
  • et quelques applications que je vais me développer (sondages, petite application d'inscription, etc...)

Mon problème est la conception de l'ensemble de la chose. J'ai trouvé quelques belles basée sur le web mise en page CSS générateurs qui me va, mais j'ai toujours l'impression que je perds mon temps en lissant les fichiers CSS et l'alignement <div>s.

Existe-il des outils - le plus simple et le plus rapide, le mieux que vous me recommandez pouvez utiliser pour accélérer la partie design du site afin que je puisse me concentrer sur le vrai travail?

Je n'ai pas besoin de quelque chose de compliqué, juste une belle mise en page et la conception que je peux modifier un peu le site va plus présentable.

32voto

Jens Roland Points 19171

Je seconde Brandon suggestion d'utiliser un framework CSS. Il ne sera pas vous donner 100% de liberté pour la conception de ce que vous voulez, mais il peut accélérer votre processus de conception de considérablement la, et de libérer vos mains pour faire le codage, vous vraiment voulez.

Suggestions De Mise À Jour Juillet 2013:

19voto

Mike B Points 6275

Je ne vais pas vous mentir. Ce site web n'est pas le meilleur endroit où aller si vous êtes à la recherche pour la fiabilité de la Conception Web conseils. Débordement de pile est une communauté de la programmation et de programmeurs rarement savez rien à propos de la conception. Si vous voulez obtenir quelques conseils réel alors je vous recommande fortement le site Web de la Conception/le Développement des forums sur l'Internet, en particulier SitePoint.

Cela étant dit, comme un ancien freelance Web Designer/Développeur, je vais offrir mon entrée sur la question. Non pas que vous devriez valeur, bien sûr. Après tout, c'est une programmation de site web.

NE DISONS JAMAIS MISE EN PAGE CSS GÉNÉRATEUR JAMAIS! Si vous voulez sérieusement à obtenir dans la conception de pages web, alors vous devez apprendre sémantique XHTML et CSS d'abord. Alors que beaucoup de gens tout W3Schools définitive de ressources je le vois comme un des programmeurs de réponse (c'est à dire pas très bon) et préfère que vous lisez sur le sujet à l'aide...de Google. Il existe d'innombrables exemples de grands sites pour apprendre les rudiments du Web Design/Développement que Google est probablement le meilleur site pour l'emploi. Aussi, avec une pléthore de nouveaux sites web offrent ces informations, vous savez que ça va être le plus améliorées que W3Schools. Vous aurez voulez sérieusement à vous informer sur la rédaction de votre conception, car il sera beaucoup plus difficile à corriger les choses plus tard dans le projet.

Si vous allez à la conception de pages web, il serait une bonne idée de savoir ce que fait réellement un bon design. Découvrez CSS Voûte pour une ressource fantastique de certains de la conception des pages web autour, bien sûr, avec tout le code source intacte, donc vous pouvez jouer avec leur code et de voir comment ils ont réussi quelques-uns des merveilleux effets qu'ils produisent. J'ai appris plus que d'une chose ou deux à partir de sites web qui ont été présentées sur le CSS de la Voûte. Sur le dessus de cela, vous devriez lire sur la Conception Web à partir de la grande Conception Web/sites de Développement. Deux de mes favoris sont SitePoint et Une Liste à Part, deux noms que vous aurez à proximité et quand vous entendez les gens parler de ressources. Naviguer sur les sites web, de vérifier leurs forums, voir ce qui RÉEL Web Designers/Développeurs utilisent, pas ce que les programmeurs utilisent.

Sur le sujet de Frameworks CSS; ils faire aider! Le problème avec eux, c'est que vous aurez souvent à passer autant de temps à la recherche d'un bon cadre que vous avez fini, la plupart des CSS pour votre site web vous-même. Vous aurez les adore ou on les déteste, mais beaucoup de gens vont dire qu'ils ne sont pas nécessaires.

Une fois que vous avez votre état d'esprit sur ce qu'est un bon design ressemble et vous avez les ressources dont vous avez besoin pour faire quelque chose de valeur, je vous suggère de vous mettre au travail! En réalité, lorsque vous concevez une page web tous vous avez vraiment besoin est un éditeur de texte avec une fonction de sauvegarde, un programme de manipulation d'image, une fenêtre de navigateur et FireBug. Une IDE qui aide beaucoup de gens, mais si vous en utilisez un, alors vous aurez certainement envie de travailler dans son mode texte. J'utilise NotePad++ ou Emacs exclusivement, mais beaucoup de gens aiment à utiliser Aptana Studio, de sorte qu'il peut être en valeur un regard.

Lorsque vous êtes arriver à construire le code de votre site web, vous ne pouvez pas vraiment bien pire que votre IDE préféré/Éditeur de Texte et de contrôle à la source de l'outil. En tant que programmeur Java qui vous convient le mieux adapté pour parler de la programmation donc je ne vais pas la leçon sur un sujet que vous connaissez déjà.

En fin de compte, la Conception Web va prendre du temps et beaucoup d'outils que nous avons choisi de l'utilisation que nous en revendication de "gagner du temps" enregistrer très peu dans la réalité. Si vous n'êtes pas un gourou du design alors il vous faudra une quantité importante de temps pour créer un superbe site web. C'est un fait de la vie. Appelez-moi démodé (un drôle de mot venant d'un jeune de 21 ans) mais je pense que le moyen le plus rapide est l'esquisse d'un dessin sur un morceau de papier (un programme image si vraiment nécessaire) et de simplement sortir et faire la fichue chose! Encore une fois, je vais prendre cela à la chasse de la balle d'argent mentalité de programmeurs trait, celui qui ne fera pas beaucoup lors de la conception, car la conception d'une page web est très différent de l'écriture d'un programme Java.

En bref, ignorer tout ce que vous lisez ici, lire ce que les concepteurs sont en train de faire et juste faire la fichue chose!

10voto

bochgoch Points 3669

Il y a un conseil qui permet d'économiser plus de temps que tout autre en ce qui concerne le développement rapide de sites de style CSS et c'est GARDEZ-LE SIMPLE

Utilisez une mise en page simple et attrayante qui ne nécessite pas la perfection des pixels et qui peut se dégrader «gracieusement» dans les navigateurs moins conformes (IE6). Minimisez la quantité de CSS et corrigez les bugs de base mentionnés par meouw ci-dessus. Alors concentrez-vous sur le contenu et les fonctionnalités ... le vrai travail

7voto

meouw Points 21368

Dans mon précédent emploi, j'ai créé des dizaines de modèles de sites web.
Le plus utile que j'ai jamais découvert est la Web Firefox Barre d'outils du Développeur.
Il a une multitude de petits outils utiles. Ma fonction préférée est la possibilité de modifier le CSS et voir les résultats en temps réel. Cela permet d'économiser sur l'ensemble du edit télécharger - le cycle de rafraîchissement. Watch out pour ie CSS incohérences tout de même! Sur le dessus de ma tête, ce sont les plus importantes de pièges.

double marge bug [google: double marge bug]
incorrect (mais plus intuitive) modèle de boîte [google: modèle de boîte]
incorrect (mais plus intuitive) flotteur de compensation [google: clearfix]

FireBug est un autre très utile plugin Firefox pour une analyse plus approfondie.

3voto

belaz Points 531

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X