How to automate a visual regression test | Web design | Creative Bloq: "Kevin Lamping shows you how to automate a test that will check your site's UI.
One of the biggest nuisances when releasing a product or feature are regressions in your codebase. Some functionality that was working just fine two weeks ago is now broken – and it's always the client who discovers the problem. Without automated testing, you're doomed to either:
Spend too much time manually testing functionality for every change
Run a greater risk of unknowingly breaking existing functionality
Despite this knowledge, many of us don't bother writing automated regression tests, as we feel it's just too much work to set up and maintain. Luckily that's changed. We can now write fairly comprehensive tests using a technique called visual regression testing.
Regressions occur when functionality stops working as expected. Usually this happens after a code change, but it can also occur due to changes in page content or time-based conditions (e.g. daylight savings messing up alarm clocks)."
'via Blog this'
All views are those of the author and should not be seen as the views of any organisation the author is associated with.
Monday 30 November 2015
Friday 27 November 2015
A beginner's guide to designing interface animations | Web design | Creative Bloq
A beginner's guide to designing interface animations | Web design | Creative Bloq:
"Motion design is a necessary skill for the modern web. With web animation really starting to hit its stride, everyone from UX designers to frontend developers needs an appreciation for what motion can add to their work.
Animated interactions are already commonplace in our native apps and operating systems. The web may be behind these platforms in its animation capabilities right now, but we're catching up fast thanks to the constant improvement of browsers' rendering and support of web animation options."
To read more on this go to: http://www.creativebloq.com/web-design/beginners-guide-designing-interface-animations-111517793
'via Blog this'
"Motion design is a necessary skill for the modern web. With web animation really starting to hit its stride, everyone from UX designers to frontend developers needs an appreciation for what motion can add to their work.
Animated interactions are already commonplace in our native apps and operating systems. The web may be behind these platforms in its animation capabilities right now, but we're catching up fast thanks to the constant improvement of browsers' rendering and support of web animation options."
To read more on this go to: http://www.creativebloq.com/web-design/beginners-guide-designing-interface-animations-111517793
'via Blog this'
10 best free HTML5 templates | HTML5 | Creative Bloq
10 best free HTML5 templates | HTML5 | Creative Bloq: "These free HTML5 templates will ensure your site looks great, and is bug-free and customisable.
If a website is disorganized, confusing, hard to read or just plain ugly, chances are, you're going to move on. And – if this poorly designed website is yours – guess what? You just lost a potential client.
Thankfully, when designing a website, you don't have to start from scratch. There are literally thousands of HTML5 templates available on the Internet. Some are free; some are not. Some are easy to work with; others – well, not so much."
To read more go to: 10 best free HTML5 templates | HTML5 | Creative Bloq
'via Blog this'
This work has been supported by funding from JISC.
If a website is disorganized, confusing, hard to read or just plain ugly, chances are, you're going to move on. And – if this poorly designed website is yours – guess what? You just lost a potential client.
Thankfully, when designing a website, you don't have to start from scratch. There are literally thousands of HTML5 templates available on the Internet. Some are free; some are not. Some are easy to work with; others – well, not so much."
To read more go to: 10 best free HTML5 templates | HTML5 | Creative Bloq
'via Blog this'
This work has been supported by funding from JISC.
How to get people to care about web performance | Web design | Creative Bloq
How to get people to care about web performance | Web design | Creative Bloq: "Etam increased conversions by 20 per cent by reducing its page load time. Netflix saved 43 per cent on its bandwidth bill by turning on GZip. These are the kinds of dramatic improvements that can be made by reducing load times and page weights, and they're great examples to use when you're trying to convince people that performance should be a priority.
To help you fight the good fight, web performance advocates Tim Kadlec and Tammy Everts have created WPO Stats (Web Performance Optimisation), a handy cache of sourced facts and figures that will enable you to build a hard case for putting performance considerations at the centre of your projects. Facts are tagged according to whether they're about UX aspects such as satisfaction or engagement, or business metrics such as conversions, traffic or revenue."
'via Blog this'
This work has been supported by funding from JISC. The site can be viewed at https://sites.google.com/site/emknorg/ or http://www.web-sustainablity.net/emkn/Survey about this material can be found at: http://www.eSurveysPro.com/Survey.aspx?id=67775a0a-336f-45a5-a222-2f1a6615752c please feel free to fill it in or http://www.eSurveysPro.com/Survey.aspx?id=cec22f0a-e467-4c15-a319-74d96bb8ed9d
To help you fight the good fight, web performance advocates Tim Kadlec and Tammy Everts have created WPO Stats (Web Performance Optimisation), a handy cache of sourced facts and figures that will enable you to build a hard case for putting performance considerations at the centre of your projects. Facts are tagged according to whether they're about UX aspects such as satisfaction or engagement, or business metrics such as conversions, traffic or revenue."
'via Blog this'
This work has been supported by funding from JISC. The site can be viewed at https://sites.google.com/site/emknorg/ or http://www.web-sustainablity.net/emkn/Survey about this material can be found at: http://www.eSurveysPro.com/Survey.aspx?id=67775a0a-336f-45a5-a222-2f1a6615752c please feel free to fill it in or http://www.eSurveysPro.com/Survey.aspx?id=cec22f0a-e467-4c15-a319-74d96bb8ed9d
Wednesday 25 November 2015
Understanding Color Psychology for Impactful Web Design - Designmodo
Understanding Color Psychology for Impactful Web Design - Designmodo: "It’s no secret that color psychology is used extensively in all aspects of design. From the colors used on day-to-day grocery items, to brand logos and website design, color is an important element that can convey a specific message to users."
'via Blog this'
'via Blog this'
Comprehensive Guide to Static Website Generators - Designmodo
Comprehensive Guide to Static Website Generators - Designmodo: "Most developers already understand how content management systems work. The popularity of WordPress has permeated the globe and become a staple for creating any blog.
However a growing trend is the use of static website generators for blogs or small websites. These are dynamic compilers that turn preprocessed code into static HTML/CSS/JS files that can be maintained on a server without a database. And while this may not be the best workflow for every site, there are many reasons why developers have been flocking to static site generators."
To read more go to: Comprehensive Guide to Static Website Generators - Designmodo
'via Blog this'
However a growing trend is the use of static website generators for blogs or small websites. These are dynamic compilers that turn preprocessed code into static HTML/CSS/JS files that can be maintained on a server without a database. And while this may not be the best workflow for every site, there are many reasons why developers have been flocking to static site generators."
To read more go to: Comprehensive Guide to Static Website Generators - Designmodo
'via Blog this'
Monday 23 November 2015
7 tips to help designers work better with coders | UX | Creative Bloq
7 tips to help designers work better with coders | UX | Creative Bloq: "It's not always easy to see mockups from a developer's perspective — but it is always useful.
Your duty is not just to create usable interfaces, but also to explain how they work to the people building them. This article will explain how to design collaborative mockups that developers will be able to understand. That means "big picture" design tips, but also some tools and external resources."
To read more on this please go to: http://www.creativebloq.com/ux/tips-help-designers-work-better-coders-111517899
'via Blog this'
Your duty is not just to create usable interfaces, but also to explain how they work to the people building them. This article will explain how to design collaborative mockups that developers will be able to understand. That means "big picture" design tips, but also some tools and external resources."
To read more on this please go to: http://www.creativebloq.com/ux/tips-help-designers-work-better-coders-111517899
'via Blog this'
7 common mistakes made with responsive mockups | UX | Creative Bloq
7 common mistakes made with responsive mockups | UX | Creative Bloq: "Jeremy Girard of Envision reviews the most common mockup mistakes when designing in RWD.
Responsive design is more than just a popular design trend, it's a practical response to the great browsing shift from desktop to mobile. To survive in the current state of the industry, web designers must support multiple screen sizes and devices, and a responsive approach (RWD) solves a lot of those problems."
To read more go to: 7 common mistakes made with responsive mockups | UX | Creative Bloq
'via Blog this'
If you would like to know more about the Junkbots project contact scott.turner@northampton.ac.uk
Responsive design is more than just a popular design trend, it's a practical response to the great browsing shift from desktop to mobile. To survive in the current state of the industry, web designers must support multiple screen sizes and devices, and a responsive approach (RWD) solves a lot of those problems."
To read more go to: 7 common mistakes made with responsive mockups | UX | Creative Bloq
'via Blog this'
If you would like to know more about the Junkbots project contact scott.turner@northampton.ac.uk
Wednesday 18 November 2015
6 quick things developers can do to improve performance | Web design | Creative Bloq
6 quick things developers can do to improve performance | Web design | Creative Bloq: "Developer and web performance expert Tim Kadlec shares six tips.
We're building some pretty fat sites right now. The average site is over 2MB, which is ridiculous – and in many countries very expensive."
'via Blog this'
We're building some pretty fat sites right now. The average site is over 2MB, which is ridiculous – and in many countries very expensive."
'via Blog this'
26 things to note before creating a website | Infographic | Creative Bloq
26 things to note before creating a website | Infographic | Creative Bloq: "Developing your own website is an exciting prospect. However, it's a big job, which requires a carefully considered decision-making process. A well-researched, planned approach will undoubtedly make life much easier, and this handy infographic from Pixaal will definitely help.
"
'via Blog this'
This work has been supported by funding from JISC. The site can be viewed at https://sites.google.com/site/emknorg/ or http://www.web-sustainablity.net/emkn/Survey about this material can be found at: http://www.eSurveysPro.com/Survey.aspx?id=67775a0a-336f-45a5-a222-2f1a6615752c please feel free to fill it in or http://www.eSurveysPro.com/Survey.aspx?id=cec22f0a-e467-4c15-a319-74d96bb8ed9d
"
'via Blog this'
This work has been supported by funding from JISC. The site can be viewed at https://sites.google.com/site/emknorg/ or http://www.web-sustainablity.net/emkn/Survey about this material can be found at: http://www.eSurveysPro.com/Survey.aspx?id=67775a0a-336f-45a5-a222-2f1a6615752c please feel free to fill it in or http://www.eSurveysPro.com/Survey.aspx?id=cec22f0a-e467-4c15-a319-74d96bb8ed9d
8 essential SEO tips for your online portfolio | Self promotion | Creative Bloq
8 essential SEO tips for your online portfolio | Self promotion | Creative Bloq:
'via Blog this'
All opinions in this blog are the Author's and should not in any way be seen as reflecting the views of any organisation the Author has any association with.
'via Blog this'
All opinions in this blog are the Author's and should not in any way be seen as reflecting the views of any organisation the Author has any association with.
Monday 2 November 2015
Why WIRED.com Migrated (And Why Your Site Should Too) | WIRED
Why WIRED.com Migrated (And Why Your Site Should Too) | WIRED:
IF YOU’RE IN engineering management, there’s almost certainly a ticket lurking at the bottom of your team’s Trello/Jira/Pivotal board. The details of the specific tasks vary, and if you’re lucky they don’t include “migrate 45,751posts from flat files and old JSPs to our current CMS” like mine did, but the general idea is the same: Clean Up Technical Debt.
Taken from: http://www.wired.com/2015/10/why-wired-com-migrated-and-why-your-site-should-too/
'via Blog this'
All views and opinions are the author's and do not necessarily reflected those of any organisation they are associated with
IF YOU’RE IN engineering management, there’s almost certainly a ticket lurking at the bottom of your team’s Trello/Jira/Pivotal board. The details of the specific tasks vary, and if you’re lucky they don’t include “migrate 45,751posts from flat files and old JSPs to our current CMS” like mine did, but the general idea is the same: Clean Up Technical Debt.
Taken from: http://www.wired.com/2015/10/why-wired-com-migrated-and-why-your-site-should-too/
'via Blog this'
All views and opinions are the author's and do not necessarily reflected those of any organisation they are associated with
Subscribe to:
Posts (Atom)