background preloader


Facebook Twitter

Dave Stocks

500+ Free Mockup Templates PSD Designs » Css Author.


CSS Frameworks. Metaio | Augmented Reality Products & Solutions. ARToolKit. ARToolKit is a computer tracking library for creation of strong augmented reality applications that overlay virtual imagery on the real world. To do this, it uses video tracking capabilities that calculate the real camera position and orientation relative to square physical markers in real time. Once the real camera position is known a virtual camera can be positioned at the same point and 3D computer graphics models drawn exactly overlaid on the real marker. So ARToolKit solves two of the key problems in Augmented Reality; viewpoint tracking and virtual object interaction.

ARToolKit was originally developed by Hirokazu Kato of Nara Institute of Science and Technology in 1999[1] and was released by the University of Washington HIT Lab. Currently it is maintained as an opensource project hosted on SourceForge[2] with commercial licenses available from ARToolWorks.[3] ARToolKit is a very widely used AR tracking library with over 160,000 downloads since 2004.[4] Features[edit] See also[edit] Augmented Reality Browser: Layar. Aurasma. Adobe Photoshop Resources. Color Scheme Designer 3. 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 <! <? 54 Amazing Wireframing Tools & Apps. Wireframing is very crucial step of web or app development process. While it’s very enticing to skip it and jump direct to the project design and information architecture. Wireframing opens up many options and is always advisable and is way more efficient. Below are 54 useful wireframing tools and apps. Web Android Framer – Modern prototyping toolIndigo Studio – Rapid, interactive prototypingLucidchart – Simplest and most powerful flowchart software in the world.Frame Box – Easy, simple – Create and present interactive UI wireframesGrafio – Grafio is a custom modifiable app. iOS Have we forgotten any of your favorite wire framing tool?

Extremely useful PHP classes. PHP PSD Reader A few weeks ago, I wrote an article about this PHP which allow you to display any Adobe PSD file on screen. Very usefull to create preview of PSDs designed for clients, for example.Download Browser detect One of the most common (and boring) problem for front-end developers is definitely cross-browser compatibility. This PHP class will detect almost all browsers and simplify your cross-browser work.Download Akismet Remember those days without spam?

ADOdb The large majority of websites and web apps are using databases to store all kinds of data. HTML Purifier As it name tells, HTML Purifier is a PHP class created to help you writing a better code. Google charts API Charts are very useful and highly asked by clients, but they can be a lot of work. pChart pChart is another chart class, and it is as good as Google charts API. PHP Excel Excel documents are highly popular in the corporate world. Country from IP Cache Manager WPGet. UXPin: UX Design & Wireframing Tools As Beautiful As Your Work.

Product Strategy Means Saying No. If you’re building a product, you have to be great at saying No. Not ‘maybe’ or ‘later’. The only word is No. Building a great product isn’t about creating tonnes of tactically useful features which are tangentially related. It’s about delivering a cohesive product with well defined parameters. As Apple’s latest advert points out, there are literally tens of thousands of permutations of your product based on every addition, both minor and major. So many reasons to say yes When your product gets traction, you’ll find yourself inundated with good ideas for features. But The Data Looks Good “We’ve tried this feature with a small group and engagement is off the charts.”

But It’ll Only Take A Few Minutes The main problem with this argument is that the scope of work should never be a reason to include a feature in a product. Lots of bad ideas can be built quickly. But this customer is about to quit This is feature blackmail. But we can just make it optional This leads to death by preferences. 30 Beautiful Free Icon Sets. In the previous post we informed about 15 websites offers free stock photos. Today we represent you top 30 high-quality beautiful icon sets.

These beautiful free icons were created by various artists from over the world for personal usage, as well as for commercial purposes. We strongly recommend you to read the license carefully before downloading. Hope that this collection will comes in handy for designers and developers as a source of quality clipart illustration, and will be as inspiration sourse for graphic artists. A set of six Mac OS X application icons designed in black and blue color scheme. A set of various free icons for Yellow Pages. A set of six Win and Mac icons in PNG and ICO formats.

Very beautiful icon set for christmas mood in PNG format and sizes of 16, 32, 48 and 128 pixels. Xi4Dox icon pack contains 15 high-quality icons in PNG, ICO and ICNS formats. A set of desktop icons in pirate style (PNG and ICO). A set of six cartoon icons for Win and Mac. ExtractCSS - Online CSS Extractor.


Royalty free stock images, photos and illustrations on Fotolia. Stock Photography Images Royalty Free at Can Stock Photo. Crazy Egg - Visualize where your visitors click. Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology A heatmap is an easy way to understand what users want, care about and do on your site by visually representing their clicks - which are the strongest indicators of visitor motivation and desire. A Crazy Egg heatmap lets you collect more than 88% of the data you would using a traditional eye-tracking process.

At a fraction of the price. With no hardware. Because Google Analytics & Site Catalyst Leave Questions Unanswered, Trust Crazy Egg Visualizations to Help You Understand Your Users. Wouldn't you like to fill in the gaps left by analytics… without A/B testing every little assumption… and without breaking the bank on in-lab usability studies? Heat Maps: At a glance, see the hotspots on each page - so you know what to change, preserve or delete "Do our users think they can click greyed out buttons?

" Click-Tracking Overlays: Find a hot spot? Scroll Maps: Confetti (our little surprise): Royalty free stock images, photos and illustrations on Fotolia. PHP Programming. PHP MySQL. Coding / Scripting. PHP Resources. PHP Specific. Creative Programming. HTML5/CSS3. Digital Design Trends 2014. Flat - The New Design Trend for 2013. Various design websites have been going through the concept of a flat design in UI. Whether it be for a website or for an app, flat and minimal designs are becoming the new trend when it comes to design. People are moving away from the skeuomorphism design which has been very popular over the past few years. Apple introduced it in iOS and since then many designers have adopted it.

But with websites and apps being across many platforms and covering many different screen sizes, it can be tedious and time consuming creating skeuomorphic designs for multiple screen sizes and resolutions. Designers are now moving towards more flat designs which are a lot easier to make responsive, you can make it once and be assured it’ll look great on all screen sizes. I’ve always been a huge fan of the flat and minimal design trend. Here are some brilliant examples of flat design in place. Author: Oliur Rahman All posts by Oliur Rahman. Flat vs flat: a comparison of Windows Phone and iOS 7 app designs. As iOS app developers embrace the new flat UI conventions of iOS 7, many popular apps got a flat-design makeover. At the same time many of these apps also have a sibling Windows Phone app. As the two platforms have a slightly different interpretation of “flat design”, I’ve been meaning to compare the similarities and differences of third party apps trying to conform to the respective UX guidelines.

Here is a quick list I put together. I hope to add more apps to this over time. Font / TYPE Foundry. Cuisine. 100 Free Fonts You Should Have in Your Library | Cruzine - Aurora. Fonts have already been among the essential materials used by designers. Whether it is a web design project or a logo design – font is the element, capable of attracting people’s attention, rendering the key idea, and communicating the necessary message.

That is why, thousands of free fonts reside today in multiple online font repositories. Below we are introducing a collection of 100 free fonts, which represent vividly only some of the most significant trends in typography, however all of these fonts feature really unique and fresh designs. Clean fonts contain the samples of free fonts of the sans serif family with classic proportions, distinct lines, and clean backgrounds.

Fancy fonts introduce multiple decorative elements, used in typography – from curly fonts to eroded and distorted ones. Finally, free script fonts are those, most designers choose for the projects, where it is necessary to underline the esthetics or to give a personal touch to the project. 1. Delicious-Roman Ageone 2. 20 Best Free Calligraphy Fonts for Download - - Aurora. Brochure | Designs. Brochures. Interface Design. Information behaviour. Sliders&galleries. HTML5 & WebGL. Color. Color Theory and Science.

Cool Infographics, Infographic Design, Amazing Infographics. Psychology Of Colour In Design And Marketing | Infographic Shape and style of your logo play a very important role, but colour is also just as important. The science Read More The 25 Companies Which Pay The Most for Interns Most internships are downright rubbish, you’d be lucky to get your travel and food paid for, never mind getting a Read More 20 Interesting Infographics on Design Design is an extremely broad industry and there are trends, science, data, best practices, history and much more.

Read More 10 Useful Design Cheat Sheets Design is a very complex process. Read More Evolution of PlayStation | Infographic The PlayStation has come a long way since the release of the first generation console 20 years ago. Read More How Google Ranks Websites – List of 200 Ranking Factors | Infographic Gone are the days of cramming lots of keywords into titles, descriptions and posts, Google has wised up, and the Read More What Does Phone Software Update Process Look Like | Infographic Read More Read More.

What Your Logo's Color Says About Your Company (Infographic) When it comes to identifying your brand, your logo is probably the first thing your customers will think of. While honing the narrative and message behind your logo should of course be your primary concern, research suggests that your logo’s design–and specifically its colors–have more bearing on your customers’ opinions than you might think. Neuroscientist Bevil Conway, who has focused his recent research almost entirely on the neural machinery behind color, believes the science behind color processing to be very powerful and completely underexploited.

“Knowing that humans might … be hardwired for certain hues could be a gateway into understanding the neural properties of emotion,” he told Co.Design earlier this month. The implications of color’s effect on people’s emotions are far reaching, and understanding your customers’ connections to certain colors could increase the effectiveness of your company’s branding methods. Red Yellow Blue Orange Green Purple. Icon Design Guidelines. An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays.

But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. Because you will deliver each icon in multiple sizes to support different densities, the design guidelines below refer to the icon dimensions in dp units, which are based on the pixel dimensions of a medium-density (MDPI) screen.

Launcher The launcher icon is the visual representation of your app on the Home or All Apps screen. Sizes & scale Launcher icons on a mobile device must be 48x48 dp. Proportions Style. Online Photoshop Tutorials, Tips and News. Ultimate Adobe Photoshop Plug-ins Bundle 2014 (DC 02.2014) Cracked Download. Ultimate Adobe Photoshop Plug-ins Bundle 2014 (DC 02.2014) Ultimate Adobe Photoshop Plug-ins Bundle 2014 will provide you with the most complete & organized Adobe Photoshop Plug-ins collection, which include the latest editions for each set. I ensure you that each set that I have included in this bundle will give you the latest update of them. In addition, I assure you that each set contained in this bundle will work like a charm for your Adobe Photohop. Enjoy! What does Ultimate Adobe Photoshop Plug-ins Bundle 2014 offer: ADPTools (New!) RepaintMyImage 1.1 IDRMyImage 2.2 DeblurMyImage 2.2 DenoiseMyImage 3.2 SignMyImage 4.1 Alien Skin Software Plug-ins Bundle (04.12.2013) Alien Skin Snap Art for Photoshop (x86/x64) Alien Skin Blow Up (x86/x64) Alien Skin Bokeh Standalone & Photoshop Plugin (x86/x64) Alien Skin Exposure (x86/x64) Alien Skin Eye Candy (x86/x64) Altostorm Panorama Corrector 2.1 for Adobe Photoshop.

Javascript Resources. Frameworks & Libraries. JSbooks - free javascript books. User Research. UX. Ux / iu. UX. UI/UX. Ux patterns. UI. UX Design. Psychology. Understanding the Psychology of Twitter. Twitter has officially become the next big thing in terms of Internet social phenomena, so I can't resist writing about it... just like everyone else. Understanding the psychology of Twitter as a case study helps innovators learn how to better predict and even invent emerging white space market opportunities. And so, this is an exploration into the existential psychology of and underlying meaning - and meaninglessness - of Twitter, to understand its meteoric rise in the Internet world. First of all, if you've never used or even heard of Twitter, don't worry, you're not alone.

As of now, less than 10 percent of American Internet users actually Tweet, but it's growing like crazy: unique visitors to Twitter increased 1,382 percent year-over-year, from 475,000 unique visitors in February 2008 to 7 million in February 2009, making it the fastest growing social media site in the world. Essentially, Twitter is an automated service for sharing of short 140-character communications. Facebook's 'dark side': study finds link to socially aggressive narcissism | Technology. Importance of Social Media for Finding New Opportunities. Twitter pearls.

Freud. Social Networking. Big Thinkers - Sherry Turkle [Sociologist] (1 of 3) Facebook Tests Suicide Help With New “Help Centre” Diigo - Better reading and research with annotation, highlighter, sticky notes, archiving, bookmarking & more. Backgrounds. Premium & Free Design and Web Resources | Pixeden. 7900+ Mockup Design - Product Mockups | GraphicRiver.