Adobe Edge Reflow - Aaron Shekey Reflow is a design tool for the web. It offers traditional, visual tools for laying things out on a fluid canvas. Its canvas just happens to be the browser. Reflow, like most apps, started as a sketch. Template Shortcodes - DreamCodes Framework v1.25 Shortcodes are pre-defined HTML/CSS codes. By adding a few line lines of codes to your webpages you can embed YouTube videos, add clickable buttons, twitter feeds or stylize your HTML tables! These are just some of the 1500+ shortcode functions available in the DreamCodes HTML Framework.
How Much Should a Web Design Cost It can be exciting to get started on a new business, and in a lot of ways, the web has made it easy to get a new business website off the ground quickly and with very little cash. Here is a common scenario for small business owners (all prices are estimates): I’ve got a great idea for a website, and the perfect domain name for it is available! ($10)I’ll get a decent web hosting package, with a good price. ($150 for two years of hosting, pre-paid) I’m going to use WordPress, and this theme is perfect. ($40)
Porter's Five Forces - Problem Solving Techniques from MindTools Assessing the Balance of Power in a Business Situation Assess the balance of power in a business situation, with James Manktelow & Amy Carlson. The Porter's Five Forces tool is a simple but powerful tool for understanding where power lies in a business situation. This is useful, because it helps you understand both the strength of your current competitive position, and the strength of a position you're considering moving into. With a clear understanding of where power lies, you can take fair advantage of a situation of strength, improve a situation of weakness, and avoid taking wrong steps. This makes it an important part of your planning toolkit. Knight Lab Projects Northwestern University Knight Lab builds software that helps inform and engage the public. Our projects range from professionally developed products used by newsrooms around the world to experimental prototypes that predict voting behavior, recommend content, and track political rhetoric. As a Lab, not every idea grows in to a full-blown product. Some ideas are born, built, and die before being released to the public. Others move from a proof-of-concept built by students in a Northwestern classroom to the Lab for professional development and design and are then used by media makers around the world. You’ll find everything we’ve put at least a little development in to on these pages.
Collusion Tracking & privacy Not all tracking is bad. Many services rely on user data to provide relevant content and enhance your online experience. But tracking can happen without the user’s knowledge. That’s not okay for some. ❍ IcoMoon - icon packs IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in different formats including SVG, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icon fonts (and icons in general) are being used in web today.
jQuery Photoset Grid - Style Hatch A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature. Originally the plugin was created for our Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but we have since expanded it for use outside of the themes. Demos & Usage Social Networks Photo Stream Free jQuery Plugin Display photo stream on your web page from eight social networks including picasa, pinterest, dribbble, instragram, deviantart, flickr, youtube or regular news page. It's pretty simple to use and requires jQuery library. Only thing you need is to make a div with a class of the social network that you wish to show images from and call the plugin at the bottom of the page. You can set the number of images you wish to show. Size of the images displayed can be defined using simple css. When plugin loads, it makes one unordered list.
Design mobile apps with user testing in InVision Thoughts on users, experience, and design from the folks at InVision. We’re excited to introduce the first in a series of usability testing features in InVision—mobile user testing (beta). Now, you can have users test your prototypes directly from their iPhone while recording their interactions, seeing their faces, and hearing their voices. Plus, it’s absolutely free and unlimited—forever! 15 Free HTML5 Audio Players For Your Website and Blogs HTML5 is sure to be a big hit this year as far as web design trends go, and rightfully so. It’s new, exciting, easy to understand and better than anything that has come before it. Up until recently, we have had to navigate a grey area in terms of compatibility and definition, and as a result, many of the early adoptions of HTML5 have been partial or complete disasters. The first thing to understand is where HTML5 ends and CSS3 begins.
Ace - The High Performance Code Editor for the Web Creating a new syntax highlighter for Ace is extremly simple. You'll need to define two pieces of code: a new mode, and a new set of highlighting rules. Where to Start We recommend using the the Ace Mode Creator when defining your highlighter. Material Design Color Palette Generator - Material Palette material palette Material Design Examples Palette preview Full Palette colors below Contact Form 7 Clear Default Value Contact Form 7 is one of our favorite form plugins because its updated regularly and there are a ton of extensions you can install that make the user-experience that much more rewarding; our favorite is the Database Extension. One feature that people have been asking about for quite some time is the ability to clear the default value of a field onClick or onFocus. This can be done easily by changing a couple lnes of code in the plugin, but remember, when you upgrade Contact Form 7, you’ll need to reapply this change. On line 89 in this file:/wp-content/plugins/contact-form-7/modules/text.php Replace this: