background preloader

10 Ways to Be a More Productive Web Developer

10 Ways to Be a More Productive Web Developer
We could all be more productive. There are many things we can do — some big, some small — that will enhance the way we work and improve the outcomes of our activities. Although I can’t promise that I’ll be able to help you cure all your productivity ailments, I do hope that I can provide you with a few useful, solid tips on streamlining your web development workflow and making every part of the development cycle move quickly and smoothly. Follow each one of these tips and I can almost guarantee you that you’ll save time, be able to create more and/or better work and be a more productive developer, ready to tackle that next task in half the time it would’ve taken you before. 1. I used to refuse frameworks for web development because they can be bloated with excess stuff. Good web development frameworks: All these benefits save you time and improve the quality of your deliverables. There are many types of web development frameworks you can adopt. 2. There’s no reason to reinvent the wheel. 3.

Custom Browser Themes To Connect With Your Audience | BT:Engage Prototyper - Une suite de wireframing mobile et web gratuite Prototyper est une application pour Windows et Mac complète permettant de réaliser des maquettes / wireframes web et mobiles gratuitement. Quoi de mieux qu'une bonne maquette pour parler du projet de votre client? Prototyper est une application Windows et Mac permettant de réaliser facilement des maquettes pour: iPhoneiPadAndroid Smartphone (320px et 360px)Tablette AndroidSites web A coup de drag and drop des éléments UI disponibles dans la sidebar, vous pourrez rapidement maquetter vos futurs projets. La puissance de l'application réside aussi dans son intéractivité. Plus fort encore, vous pourrez lier différents éléments à d'autres vues permettant ainsi d'avoir une maquette navigable à montrer à son client. Une fois la maquette prête, cliquez sur le bouton simulate qui lancera votre navigateur web et la maquette réalisée: Le teaser officiel de l'application pour vous donner une idée: A tester de toute urgence ! Site Officiel

Social engineering (security) Social engineering, in the context of information security, refers to psychological manipulation of people into performing actions or divulging confidential information. A type of confidence trick for the purpose of information gathering, fraud, or system access, it differs from a traditional "con" in that it is often one of many steps in a more complex fraud scheme. The term "social engineering" as an act of psychological manipulation is also associated with the social sciences, but its usage has caught on among computer and information security professionals.[1] All social engineering techniques are based on specific attributes of human decision-making known as cognitive biases.[2] These biases, sometimes called "bugs in the human hardware", are exploited in various combinations to create attack techniques, some of which are listed. Diversion theft, also known as the "Corner Game"[5] or "Round the Corner Game", originated in the East End of London. The 1999 "GLBA" is a U.S. U.S.

Simple Modal - Une modal box Mootools multi usage très bien réalisée Simple Modal est un plugin Mootools permettant de créer des modal box évoluées et pouvant servir de lightbox, dialog de contenu, boîte de confirmation ... Nous n'oublions pas les utilisateurs de Mootools ! Simple Modal est encore un bon exemple de la puissance du framework et de la créativité de ses développeurs. Grâce à un design très élégant et des animations / transitions très propres, ce plugin Mootools de Modal box se démarque des autres. Ce n'est pas une simple modal box, car il permet d'afficher tout type de contenu: En mode contenu HTML (Ajax ou statique): Voici un exemple d'utilisation de la modal box en mode Ajax: 01. 03. 04. this.hide(); 06. 07. 08. 09. 10. 11. 12. On peut aussi utiliser le plugin en mode slideshow d'images: A savoir que la lightbox peut être déplacée ou non avec du drag & drop sur le header de la box. Côté utilisation voici le code à mettre en place: 02. var SM = new SimpleModal(); 03. 04. 05. 06. 08. Ou en mode vidéo: Site Officiel

Php Object Generator (v3.0f) - Open Source PHP Code Generator Web Design Trends in 2011 There is a thin line between design and development, and as we move into a new decade, this line is becoming extremely blurry. Is it enough to draw beautiful mock ups in Photoshop? Maybe 5 years ago. These days, the average internet user requires more. All beauty, with no substance, gets boring after a while. If your only goal is to impress a community of fellow designers with your flashy designs, you’ll find yourself quickly beneath the tide. 2011 is not about beauty, it’s about function. How will you stay relevant as a designer in 2011? Take a gander at the top 11 trends for 2011. 1. What a gratifying sigh of relief! Now that’s shown, please understand that Flash and HTML5 are not equal opponents. Perhaps even more exciting is the fact that CSS3 is available to us in a real way this year. 2. Simplicity. Shades of green create this Twitter visualization tool. Red can be jarring if done incorrectly. 3. Smartphones, iPads, netbooks, oh my! 4. 5. Technology has become much more tactile.

Ergonomie : pourquoi est-ce si difficile ? L’ergonomie est une discipline qui commence à se démocratiser même s’il faut avouer qu’elle n’intéresse pas tant de monde que ça. A regarder beaucoup de sites web on se dit que c’est la discipline oubliée du web. Mais pourquoi cette discipline intéresse-t-elle si peu de monde ou plutôt pourquoi n'est ce pas si évident de mettre en place un site ergonomique ? Un choc des cultures Quelle que soit la taille d’un site web, on trouve des exemples de sites peu ergonomiques. Nous sommes à une époque où de plusieurs générations qui n’ont pas la même culture du web se côtoient. L’enjeu est de réussir à trouver des compromis afin de satisfaire un maximum d’internautes. Même les sites à très gros budgets ne sont pas forcément ergonomique Nous ne sommes pas égaux Côté utilisateur, il faut prendre en compte que nous n’avons pas tous les mêmes capacités physiques. Pas facile d’imaginer comment votre charte graphique sera perçue par une personne ayant une vue moins bonne que la votre. Conclusion

Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here! creativity css: selected showcases css galleries & showcases color tools color schemes, palettes color patterns fashion: colors selection color theory royalty free photos specifications usability & accessibility add a link (free) seo tools seo references howtogetthingsdone freelancers web 2.0 2read: this week

How to Make Your Laptop Theft Proof « Power Byte How to Make Your Laptop Theft Proof The dreaded moment you hope never happens—someone has stolen your laptop. You could have private information, pictures, or even private information belonging to the company you work for, all lost forever. There are paid services that will track your laptop, such as Computrace LoJack. In this Power Byte, I'm going to show you how to make sure your computer can be recovered (in most instances) if it is ever lost or stolen. Step 1 Getting the Software We're going to be using the FREE Keylogger made by Smithy. Download Steel Keylogger by Smithy here.Go to the directory that you downloaded Steel to, and extract the archive (right-click > extract here).Put the Steel.exe in a private directory that a thief would not think to look under. Then make a folder inside of that called "steel" and throw steel.exe inside of it. C:\WINDOWS\steel\steel.exe Step 2 Setup and Configuration Now we're on to edit the preferences to optimize it for our needs. 1. 2. 3. 4. 5. 6. 7.

3 Tools to Create Mock-up Designs and Wireframes Online Proprietary software, although very capable, is often incredibly expensive and needlessly complicated. For something as simple as creating wireframes, this borders on ridiculous. With web 2.0 (and more recently, with HTML5), the software battle is taken to the cloud. And best of all, most of it is comes entirely free of charge! MockFlow This is an incredibly extensive wire-frame editor. MockFlow has an enormous amount of objects, and some of them incredibly specific. These wire-frames can be shared and co-edited with other users ““ limited to two in the free version. However, registered free users can download your projects in a number of file formats, including PNG and PDF, or use MockFlow’s desktop application with online sync for more reliable editing. MockingBird MockingBird is similar to MockFlow on a number of levels. A lot of said “˜free limits’ are also absent. Then again, MockingBird lacks some of those more extensive features. The Commentor

La compile 2012 des services internet très utiles A raison de près de 800 billets par an sur ce blogue, il est évident que je n’utilise pas tous les services dont je parle régulièrement sur ce blogue. D’autres part, il y a également tous les services dont je parle depuis trois ans et demi. Ce billet représente donc une compil d’outils et de services que j’utilise régulièrement tout au long de l’année. Partant du principe que si je les utilise, ils sont dignes d’intérêt pour mes lecteurs. Screenr.com – Screencast : enregistrement vidéo des écrans, très utile pour élaborer un petit tutorial.Camtasia – Screencast enregistrement professionnel : 190 dollars, c’est payant, mais si vous voulez vous lancer dans le tutoriel c’est un bon investissement.Bit.ly pour les statistiques de clics. il suffit de rajouter un + derrière chaque url raccourci pour découvrir les stats.Minus.com sauvegarde de fichier en ligne, une alternative manuel à dropbox.

Flipping Websites In Australia | Buying And Selling Websites Flipping success story Mark Harbottle. Photo: Steven Siewert ASK some of Australia's best-known entrepreneurs for tips on earning extra cash and they are likely to tell you to get flipped. Don't be offended. It is sound advice because ''flipping'' - buying rundown websites, sprucing them up then selling at a profit - is, apparently, where it's at. It is the digital equivalent of renovating a house before putting it back on the market at a higher price, only without the back-breaking labour, dust mite-infested carpets and massive cash outlays. Matt Barrie built his career on renovating and reselling websites. ''Unlike flipping real estate, it's easy to add value to websites,'' Melbourne flipper David Jenyns says. Advertisement ''But with websites, you can make small changes such as building links from other sites or improving the overall look for little cost. ''That result can be a significant increase in value.'' Freelancer.com is one of the biggest flips of all time. Six tips 6 Start small.

Related: