background preloader

Am I Responsive?

Am I Responsive?

http://ami.responsivedesign.is/#

Related:  webdesignMise en situations de mes réalisationsWeb development

Device Art Generator The device art generator enables you to quickly wrap app screenshots in device artwork. This provides better visual context for your app screenshots on your website or in other promotional materials. On many Android devices, you can capture a screenshot with a key-combination: Simultaneously press-and-hold Power and Volume-down. You can also take a screenshot in Android Studio. Note: Do not use graphics created here in your feature image or screenshots for your Google Play app listing. See the Google Play graphics guidelines.

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. Visual Hierarchy We have many words for the frustration we feel when an interface isn’t directing us to what we need to know. Loud, messy, cluttered, busy. These words have been appropriated from other parts of life, of course, but we need them to express our feeling of being overwhelmed visually by content on a screen or page. 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. How is the size of the box calculated exactly?

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. 50 incredible freebies for web designers, February 2015 Amazing designers and developers release new projects every day, that make us excited, inspired, and often more than a little impressed. Today we’re continuing our monthly roundup of the best free resources for web designers with a collection that includes plugins, galleries, icons, WordPress themes, templates and more tools than you can use in a month. If this collection is anything to go by, 2015 is shaping up to be an awesome year for web design resources. Enjoy! Icono

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. If you know of other useful generators out there, please share in the comments! 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. But using one of the many existing tools and services for user testing is a lot easier than creating your own.

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. With autocomplete support and the ability to move commands around quickly, Selenium IDE is the ideal environment for creating Selenium tests no matter what style of tests you prefer. 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 Second you can use the drop-down ‘storeText’ option.

Related: