background preloader

Web development

Facebook Twitter

Web v hodnotě půl milionu. Za zlomek času, peněz i starostí. – solidpixels. Nejrychlejší způsob, jak vytvořit a rozvíjet profesionální web – solidpixels. Tabledo — Transform spreadsheets into sites. Dashboard. Landing pages - Popular. SKARLA | Pricing Tables. Webflow - Top Responsive Website Builder. 21 (Mostly) Free Web Usability Tools You Can't Do Without. 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. Free, freemium and premium tools are out there, with options for most budgets. Free And Freemium Tools A ton of free and freemium tools are out there to test your website’s usability and user experience. Ethnio Ethnio enables you to intercept visitors on your website and recruit them to help you with research (you can offer incentives to make participation more enticing).

Simple Mouse Tracking Mouse tracking is a great way to see how visitors are actually interacting with your website. Premium Tools (al) It's done. Pricing & Signup | Heatmaps, Usability & Analytics | ClickTale. Scrapy | A Fast and Powerful Scraping and Web Crawling Framework. Pricing. Free forever Hosting Free Unlimited products Unlimited stores Unlimited orders No hidden fees No commissions on orders LIMITED- Menu upload Free (Up to 100 items) POS APP- with branding Free Management iOS App Free Management Android App Free 3 templates Free Mobile responsive version Free SIgn Up Now 1 Time payment Hosting Free Unlimited products Unlimited stores Unlimited orders No hidden No commissions on orders iOS APP for ordering Included Android APP for ordering Included Custom domain Brand free Included Menu upload Free Up to 100 items Included Custom design for desktop or Mobile Included Brand free White label POS APP- with branding Free Management iOS App Management Android App Free 3 templates Free Mobile responsive version Free Buy Now.

Cliperado - Improve your support 500 screenshots at a time. SEO overview tool - The best free way to evaluate webpages online. 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. Features: Plugins. 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. Enter a variable name. Variables can be used by simply surrounding the variable name with ‘${ }’ Running this script will result in an insert of both variables separated with an ‘and’. Debug To debug a script insert a breakpoint. Run the test case. The button resumes the execution of the script.The button steps through the test case one action at a time.

XPath Selenium IDE can navigate html using XPath. You can verify your XPath by clicking the ‘Find’ button. Exporting Scripts Recorded scripts can be extracted into a number of programming languages. Run the JUnit test. This test will open two new Firefox windows to execute the tests. Conjure — Share designs, gather feedback, get approval. Best Web Gallery. PrestaShop: Logiciel e-Commerce pour Créer votre Boutique en Ligne. Wufoo · Online Form Builder! Quick Introduction to Moqups · Moqups. Samples - Wireframes made with MockFlow. Am I Responsive?

Examples

Ecommerce Software, Online Store Builder, Website Store Hosting Solution- Free 14 day Trial by Shopify. CKEditor.com | The best web text editor for everyone. Best UI PSD - Best UI psd | UI Design Development & Digital Photography. Tools - Compare the speed of two websites in 5 seconds. FROONT – design responsive websites in the browser. Blank Website Templates For Creative Minds. 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.

If there are any new tools, please feel free to share with us in your comments. CSS Cheat Sheets As simple tool as this may seem, the CSS Cheat Sheet can be very useful. Telerik Visual Style Builder Telerik Visual Style Builder is an online CSS customization tool that allows you to easily, point-and-click customization of skins for the RadControls for ASP.NET AJAX. CSS Type Set CSS Frame Generator. Mticket.cz. Tips on Web Page Designs. 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! Color Schemes A good color scheme is the cornerstone of a good website design. Color Scheme Designer 3Color Scheme Designer 3 has a really fantastic user interface that’s both attractive and easy to use. ColorSchemer Online V2ColorSchemer lets you create color palettes around RGB or HEX values, or using a color selector tool. KulerAdobe’s Kuler is one of the best color scheme tools available, with multiple options for both creating and finding color schemes.

Layouts There are CSS generators for almost everything. 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. I would recommend using the XHTML 1.0 strict doctype. Some developers consider it a tough choice because this particular standard is less forgiving than loose or transitional doctype declarations, but it also ensures that your code abides strictly by the latest standards. 2.

The <title> tag helps make a web page more meaningful and search-engine friendly. Take for instance, the following example: <title>Six Revisions - Web Development and Design Information</title> The example above appears like the following image in Google’s search engine results page: Primary CSS. 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? Here is a diagram: If you are a Firebug user, you might be used to the diagram like this, which does a nice job of showing you the numbers affecting any box on the page: Notice in both examples the margin is in the white.

The size of the box itself is calculated like this: What if these values are undeclared? If padding or borders are undeclared, they are either zero (likely if you are using a css reset) or the browser default value (probably not zero especially on form elements that are commonly not reset). The Default Width of Block Level Boxes Absolute Boxes with No Width Share On. HTML Website Templates for Advertising & Marketing.