While browsers have gotten better at complying to the latest web standards and languages, many of the new CSS features still require browser-specific prefixes to properly display the content. PrefixMyCSS automatically adds the necessary prefixes to your CSS code so it will properly display in the major web browser. The tool allows designers to copy all of the CSS into one window and output a fully prefixed version of the CSS including comments. Prefix My CSS also includes options to control the spacing between the different CSS properties and the line spacing of the entire document for readability.
Adjusting the layout and design of a webpage can take up a serious amount of time due to the constant need to save, test and debug the appropriate code. CSS Terminal by Ben Barber is a browser bookmarklet that can input CSS rules directly into any current webpage, allowing a designer to get a live view of how changes or updates to the current CSS rules will affect the finished project. Once active in your browser, the CSS Terminal window will appear and apply any of the entered CSS rules immediately to the webpage as they are entered. The terminal window can be collapsed via the “ESC” or “Tab” key for a full view of the edited page.
Thanks to the prevalence of jQuery, content sliders or carousels have become a must-have for many websites. The crew at Egrappler has taken the content slider to the next level by creating a full-screen responsive slider to cycle through content and images in the largest possible format. Egrappler includes a fully packaged slider, complete with coding and slew of useful features that even non-programmers can use to add dynamic and interactive content to a webpage. A built-in “Category” function allows developers to quickly add content to the slider, while the responsive code ensures that the slider is functional on tablets and mobile devices.
Mobile is the wave of the future for web traffic. Don’t get left in the dust with a lackluster mobile product that fails to take advantage of touch-sensitive devices and the responsive design framework or function at all on a mobile device. Plunk App was developed by the ZURB team to help developers test out mobile products before putting them into use. Just upload a screenshot of a mobile webpage or application and Plunk will create a custom URL that can be used to test a product or distributed to a team of testers to analyze the functionality of the design. Plunk also includes features to test how users are interacting with a mobile design and exactly where they are touching.
With the widespread prevalence of social media, social icons have become a must-have feature of websites to ensure that visitors can share your content with friends and family on their own social media pages. Separate yourself from the rest of the pack with custom Twitter icons from Vincent Abry. While Mr. Abry’s designs are not licensed for commercial use, they can bring a spark of life to a personal webpage or blog. The icons incorporate the classic Twitter bird “Larry” for instant recognition while dressing up the icon with lighthearted images, icons and backgrounds.
Online forms provide a valuable avenue of communication for visitors to a website. However poorly coded form tables and outside influences like spotty Wi-Fi connections can turn filling out a form into a hassle for users. The Disaster-Proof HTML5 Forms tutorials aims to change all that by walking web-developers through the process of creating stable forms that utilize local storage to store form data even before it is submitted without cookies. The tutorial takes advantage of the new W3C Web Storage API that stores form data on the user side so it can be restored even if the user closes the tab or window.
The WordPress platform is constantly evolving to keep up with developing web standards and the latest web languages. Make sure your custom built theme is compatible with the latest version of the WordPress specifications with the Theme-Check Plugin. The tool can be especially useful for theme authors that plan on creating a premium theme or submitting a theme to the WordPress theme repository. Theme-Check runs a theme’s files through the same testing tools that WordPress.org uses, to gives theme developers a preview of whether their project will pass the latest WordPress.org theme standards and practices.
The latest CSS3 attributes for images gives web-designers unprecedented control over the front-end display of a webpage. With the new border-image property, designers are no longer limited to solid, dotted or dashed lines. The team over at HongKiat has put together the border-image property tutorial that takes advantage of the latest border attributes for creative ways to highlight images and photographs on a webpage. The tutorial walks designers through creating a wooden photo frame that is compliant with Chrome, Opera, Firefox and Safari browsers. It includes the necessary styling rules, slicing techniques and HTML markup to create dynamic borders for any image or graphic.
If you only occasionally convert documents to or from PDF try the free online PDF creator tool at PDFConverter.com. It is designed to print PDFs from any of over 300 document formats like MS Excel, PowerPoint, Word, Publisher, Notepad, JPEG, etc. Direct links to downloadable PDFs are sent to the user’s email address, after which all files are deleted from the provider’s server to ensure safety of information. You can also convert PDFs to PPT, Excel or Docs.