background preloader

6 free mobile device emulators for testing your site

6 free mobile device emulators for testing your site
The percentage of all web usage that comes from smartphones and other mobile devices is growing, and it won’t be long before mobile internet users overtake desktop and laptop users in terms of web traffic. So it’s a cardinal sin to ignore mobile users when you’re developing a website. One of the most important things you can do to make a website mobile-friendly is to test it on multiple smartphone and tablet platforms. Luckily, mobile emulators make it easy to do this. A mobile phone emulator lets you check the responsiveness and functionality of the website across different mobile platforms, such as iPhone, iPad, Android and BlackBerry, without actually having the devices in hand. iPad Peek To ensure your website is compatible with the most acclaimed tablet on the market, you can try it out on iPad Peek. iPhone Tester As the name suggests, iPhone Tester is one of the most popular mobile emulators for iPhones. Mobile Phone Emulator MobiReady Responsivepx Screenfly By Rohit Singhal Related:  outils pour site webonlineTesting Tools

Converting your text to vector graphics in PowerPoint – When text goes wrong in PowerPoint 2003 | PowerPoint. Responsibly. In Tutorial on August 30, 2013 at 4:56 pm I recently ended up converting some text in a PowerPoint presentation to vector shapes after a major corporation discovered that, of the thousands of employees who were running PowerPoint 2010, there were a few stragglers on 2003 and some of the kerned text (kerned text means the spacing between letters is adjusted) was dropping to the next lined (kerning is lost in PowerPoint 2003) Figure 1 shows the original design. Figure 2 shows what happens when someone using PowerPoint 2003 opens the file. Figure 1 Figure 2 Converting the text to vector shapes allowed us to keep the same kerning instead of forcing us to adjust it (and not look as good) for the few that were on PowerPoint 2003. Did you know that you can use PowerPoint to create vector shapes using a built-in PowerPoint tool? Here’s how. Step 1.Type text Step 2Draw a Rectangle large enough to cover the text Step 3Bring the text to Front so you can see it Step 4Select the Rectangle and the text

Scaffolding Need reasons to love Bootstrap? Look no further. By nerds, for nerds. Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!) Mapfaire. Creer facilement une carte avec des reperes Mapfaire est un outil Tice qui permet de créer très facilement une carte géographique en ligne en la personnalisant avec des points de repère. Il existe plusieurs outils de ce type, mais Mapfaire sort du lot par sa simplicité de mise en oeuvre et d’utilisation. Cet utilitaire en ligne utilise la cartographie de Google Maps. Vous pouvez ainsi choisir de créer soit une carte classique en 2D soit une vue satellite. L’utilisation on l’a dit est on en peut plus simple. Une fois la zone localisée, il ne vous reste plus qu’a placer les points de repère que vous souhaitez en cliquant sur la commande « Add a point » en bas à droite de votre carte. La navigation d’un point à l’autre de votre carte peut se faire de manière assez pratique grâce à une liste des points crées qui s’affiche en haut à gauche de votre carte. Une fois satisfait de votre création, il vous faut sauvegarder votre carte. Dans la classe. Mapfaire est un outil en ligne gratuit. Lien: Mapfaire

Verde Overview Verde is an integration test and application health verification framework for ASP.Net MVC. Integration tests are intended to automate verifying the different components of your application such as databases, web services, etc. are working together correctly. Unlike test runners integrated into Visual Studio or standalone applications, the Verde framework runs tests directly within your web application; leveraging the same configuration settings, security permissions, network topology, etc. This allows exposing issues that may not otherwise be encountered until an end-user actually starts using the application. Verde is intended to complement a robust suite of unit tests; the unit tests ensure all the individual units of work function correctly, while integration tests ensure everything works together. The easiest way to add Verde to your project is via NuGet - PM> Install-Package Verde Getting Started Writing Tests Basic ViewResult More Details

JSE Mega Menu - Joomseller Wiki This is a step by step guide on how to edit your main menu to add more value to your website. Please note that we only describe menu item setting that related to our Mega Menu. For the complete understanding of Joomla! Menu Management, please refer to other document as: Before process to the next part, please make sure that you installed and enabled our plugin: System - Megamenu Framework (plg_system_megamenu.zip) Our Mega Menu use Image that set for a Menu Item as the icon. After you’ve just installed Mega Menu, the menu hasn’t showed as a complete Mega Menu yet. In this section we’ll show you how to display submenu of Megamenu like a complete Mega Menu: First, please take a look at below picture, it shows the structure of the Menu and what it’ll display. There are two things you have to do: Setting up columns in parent Menu Item for Megamenu Grouping sub items for Team Sport, Snow Sports and Extreme Sport. Setting up columns in parent Menu Item Detail:

Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Many people trying to use GGS were also confused by the lack of predefined code for working with the grid.

Map creator online to make a map with multiple locations and regions Using a load test plugin to limit the number of tests run in a load test - Bill Barnett's blog Normally the number of iterations of the inner tests (usually web tests and unit tests) run during a Visual Studio Team System (VSTS) load test is determined by the duration of the load test. However, some users which to control the number of inner test iterations exactly. There is not direct support for this in VSTS, but it can be accomplished using a load test plugin. Note that if the load test is run on a test rig with more than one load test agent, the number of test iterations specified will be run on each of the agents. using System;using System.Collections.Generic;using System.IO;using System.Text;using Microsoft.VisualStudio.TestTools.LoadTesting; namespace Plugins{ /* This class is a sample load test plugin that allows you to limit the number of test iterations that are run during a load test. 1. * In the load test editor, select the top-most node in the load test tree. #endregion }}

cufón - fonts for the people Initializr - Start an HTML5 Boilerplate project in 15 seconds! Beautiful web-based timeline software Isolating Code Under Test with Microsoft Fakes Microsoft Fakes help you isolate the code you are testing by replacing other parts of the application with stubs or shims. These are small pieces of code that are under the control of your tests. By isolating your code for testing, you know that if the test fails, the cause is there and not somewhere else. Stubs and shims also let you test your code even if other parts of your application are not working yet. Fakes come in two flavors: A stub replaces a class with a small substitute that implements the same interface. Requirements Visual Studio Enterprise Typically, you would consider a Visual Studio project to be a component, because you develop and update those classes at the same time. As a general guide, use stubs for calls within your Visual Studio solution, and shims for calls to other referenced assemblies. Other considerations are: Performance. Static methods, sealed types. Internal types. Private methods. Interfaces and abstract methods.

Related: