PINIT: DESIGN - PSD - UI In this post we release a free , designed by SurgeWorks and released for Smashing Magazine and its readers. The main idea behind the kit is to speed up the prototyping of Facebook application UIs and Facebook fan pages, thus sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need. As usual, the kit is free to use in all projects, without any restrictions. The kit brings the Facebook vector icon and logo.
20 HTML Best Practices You Should Follow Most of the web pages you encounter is presented to you via HTML, the world wide web’s markup language. In this article, I will share with you 20 best practices that will lead to clean and correct markup. 1. Always Declare a Doctype The doctype declaration should be the first thing in your HTML documents. The doctype declaration tells the browser about the XHTML standards you will be using and helps it read and render your markup correctly. Eight great free SEO and Google Analytics tools All SEOs have certain tools and tricks that they use to monitor their client's performance and that of their competitors. At BrightonSEO several of the speakers revealed some of the free tools they have found most valuable, as well as some custom reports created for Google Analytics. This list is compilation of tools suggested by Auto Trader head of search and online partnerships Berian Reed; Forward3D head of SEO Danielle Fudge; and Koozai digital marketing executive Anna Lewis.
The CSS Box Model At the risk of over-repeating myself: every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We've talked about the positioning of these boxes a bit, and about their behavior. What we haven't talked about much is the box itself. UIKit - Modern UI components for a modern web The Dialog component is the basis of more specific components such the Confirmation Dialog. Example Click here to open a simple dialog that closes after 2 seconds.
13 Really Useful Online CSS Tools to Streamline Development CSS is nearly used on every modern website design. However, having to write and structure CSS code from scratch every time you have a project is extremely time consuming. Below, we present you with 13 amazingly useful CSS tools for hacking on writing time consuming code. We tried to place emphasis on unknown tools that every developer should have a looksy at, however don’t be surprised if we included a few known sources. We encourage you to find use of these tools and find ways to improve your development process. After all, developing websites shouldn’t be a task, it should be fun and rewarding. photoshop actions More Information - Free PSDs Today’s awesome and very neat freebie is a Photoshop action that will save you a lot of time! It’s a Photoshop action that takes your design (web design, logo design etc) and frames it in a niffty looking OSX style frame.
40+ Useful Online Generators For Web Designers Oct 11 2010 Generators can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Below are some useful generators to help you speed up your web design process. There’s everything from color scheme tools to complete layout generators included. Open Site Explorer Embed Graph TLD Distribution Chart - Showing the distribution of the TLDs your Linking Root Domains have (based off of the top 300 domains). A top-level domain (TLD) is the suffix at the end of a domain. Comprehensive Review Of Usability And User Experience Testing Tools Advertisement Usability and user experience testing is vital to creating a successful website, and only more so if it’s an e-commerce website, a complex app or another website for which there’s a definite ROI. And running your own user tests to find out how users are interacting with your website and where problems might arise is completely possible.
50 Best Award Winning CSS Design Websites Web design is the process of planning and creating a best CSS Design Websites. Text, images, digital media and programming elements are shaped by the web designer to produce the page seen on the web browser. Ideally, website designs should have valid XHTML and CSS. Today we are collection 50 best award winning CSS design websites for inspiration. I looked at over thousands of really inspirational websites design today so I thought that I would share some with you and then make a series out the idea. In this post you can find 60+ fresh websites for great inspiration for designers from around the web.
Selenium IDE Plugins Selenium IDE is an integrated development environment for Selenium scripts. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly record and play back tests in the actual environment that they will run in. Selenium IDE is not only a recording tool: it is a complete IDE. You can choose to use its recording capability, or you may edit your scripts by hand. The Barnes Foundation – Museums & Attractions – With Art Philadelphia™ A view of the new Barnes Foundation on the Benjamin Franklin Parkway in downtown Philadelphia. Credit: Photograph © The Barnes Foundation View of the Barnes Foundation from 21st Street. Credit: Photograph © 2012 The Barnes Foundation
Selenium IDE – Part II » Source Allies Blog In Part I we covered Setting UpRecording TestsPlaying Back TestsSaving Test CasesResuming RecordingSaving Test Suites All examples will use the sample site Store Value There are two ways to store values.First, you can define custom variables