51 Web Apps for Web Designers and Developers – Web.AppStorm Web design and development has significantly changed over the years, as have the tools and technologies involved. With these advancements come tools to make our lives easier, provide higher quality work and better services for our clients. Communication and collaboration over vast distances is no longer painfully frustrating (or impossible) and project or task management is now easier than ever. Web designers and developers can also jump on virtually any internet connected computer with a modern browser to get work done without their main desktop applications. Wireframe, design, test, develop, deploy and so much more, straight from the web. Here are 51 web apps to make web designer’s and developer’s lives easier than ever and crank up their capabilities. Splashup Splashup With Splashup you have more than basic image editing capabilities at your fingertips, anywhere you go. Price: Free Requires: Flash Link: Aviary Aviary Pixlr Pixlr Photoshop.com Photoshop.com Adobe kuler
PHP for Beginners: Building Your First Simple CMS The Magic of PHP + MySQL It’s safe to say that nearly every website that’s up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn’t hurt to peek under the hood and get a feel for how these systems work. To get our feet wet as back-end developers, we’ll be creating a simple PHP class that will: Create a databaseConnect to a databaseDisplay a form with two fieldsSave the form data in the databaseDisplay the saved data from the database Download Files This class is intended to give you a feel for how PHP and MySQL interact together, and to show the basics of a CMS. Building the Class Our first step is to simply lay out the class in a file named ‘simpleCMS.php’ so we have a road map to work with. As you can see, we’re creating one class with four variables and five methods. The Variables Build the Database Connect to the Database Build the Form <! <?
A/B Testing - Relacionamento Digital.com Dê uma olhada no currículo de Ruy Carneiro Avalie este artigo Use este teste em projetos que possuam um objetivo claro ou um KPI que possa ser mensurável em nosso web analytics, ou seja, que envolva uma ação como um click, o preenchimento de um cadastro, a subscrição de uma newsletter, um compra, etc. Para isso vamos agora escolher a peça a ser testada e fixar um período de tempo ou número de clientes que irão receber as peças, mas faça uma modificação por vez para que você possa ter certeza de qual modificação foi realmente eficiente. Outro problema que podemos ter é errar no alvo a ser melhorado, imagine que temos uma página onde foi identificado que o usuário acaba saindo do seu site sem que se preencha, por exemplo, o cadastro tão esperado. Pequenas modificações podem ter uma influência não esperada, por isso não caia na tentação de mudar só mais a fonte ou aquela corzinha ali, pois isso pode ter uma influência enorme.
15 Awesome tutorials and resources for web developers A new week is coming and in this post I want to suggest you some interesting tutorials and resources for web developers I bookmarked this week. If you want to suggest a link, please leave a comment.1. InfoVis ToolkitThe JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web. It supports multiple data representations: treemaps, radial layouts, hypertrees/graphs, spacetree-like layouts, and more. 2. Vaadin is a Java framework for building modern web applications that look great, perform well and make your user happy. 3. 4. Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. 5. 6. FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. 7. 8. This tutorial illustrates how to implement an amazing music player using mouse gestures & hotkeys in jQuery. 10. 11. 12. 13. 14. epiClock 15.
25 Free Must Download Design Programs 25 free must download design programs, the article features a range of different design programs including alternative programs for some of the most popular design programs such as Photoshop, flash and illustrator. A great collection of programs available for free which is perfect while currently suffering from a recession. Image Editing 1) Paint.net Paint.NET is free image and photo editing software for computers that run Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools. GIMP is the GNU Image Manipulation Program. 3) Xara Xtreme Xara Xtreme is quite simply the best value and fastest all-in-one graphics package you’ll find. 4) Active Pixels Great free app which is very similar to Photoshop. 5) PaintStar 6) Picasa 3.1 Build 71.43 Picasa automatically finds and organizes all of your pictures including: jpeg, tiff, bmp, psd, and standard camera movie files. 7) Art weaver
Make your buttons look super awesome [Snippet] « elc technologies About eighteen months ago, maybe a bit longer, we began a process of deciding who we wanted to be as a company and what we thought we could achieve. At that time, and up until yesterday, we were ELC Technologies. We had managed to be quite successful as a Ruby and Rails developer with an Agile bent. We had a great deal of experience working in the Cloud, particularly on two pioneering services, AWS and Heroku. We were there as alpha testers and could feel like pioneers in the space. We just didn't want to be only that. So, we started off with a mission: To create software that makes the world a better place to live, work, and play. So, we needed to think bigger. It's a creative thing this software building thing, but it can be brutal, too. Today, Burnside Digital provides a suite of creative, consultative, technology and engineering services that enable applications to straddle the connected universe in a social, secure, and user centric way.
15 jQuery Plugins For A Better Photo Gallery And Slideshow Photo Gallery, picture gallery, or slideshow are the best way to showcase your images/photos to your readers. There are a lot of different methods to create them and today we are going to look into different jQuery plugins that can be used to create a better photo gallery. 1. GalleryView GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize. 2. Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. 3. Galleria is a javascript image gallery written in jQuery. 4. Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos. 5. Supersized is an image gallery built by BuildInternet.com and it is able to slideshows the images with full screen. 6. slideViewer 7. 8. EOGallery is a web animated slideshow gallery maid with jQuery. 9. jQZoom 10. jqGalScroll 13. 14.
65 Best Free Fonts From 2012 Font compilation roundups always seem to go down a treat with our readers. This post we have been on a scavenger hunt all over internet, in search of all the best fonts which were created in 2012. The post includes over 65 fonts perfect to use in print and web design projects. I hope you enjoy the post, and would love for you to share some of your favorite fonts in the comments section below. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. odstemplik 14. 15. 16. 17. 18. vezus 19. 20. 21. 22. 23. 24. 25. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 40. sn Blinds 41. 42. 43. 44. 45. 46. 47. 48. 49. akadora 50. 43 Essential Controls for Web Applications Designing a web application? Familiarize yourself with Rich Internet Application technologies and the best UI controls for creating your application. Rich Internet Application technology has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and timely experience. Most of these libraries, toolkits, and/or frameworks have an online gallery of controls (also called components, widgets, UI controls) you should explore. Many products are siloed by the RIA framework they are using, and designers create novel controls when the framework doesn’t have what they need.