Most of the time, we develop websites without understanding what the browser is actually doing under the hood. How exactly does the browser render our web pages from the HTML, CSS and JavaScript that we create? Google’s PageSpeed Insights tool can be very helpful when trying to profile a web page and find areas for improvement. You simply enter the URL of the page that you want to test, and the tool provides you with a list of performance suggestions. Fortunately, the solution to this problem is simpler than it seems! The answer lies in the way that the CSS and JavaScript are loaded in your web page.
Read more…
While animations may have great visual appeal, they also make app experiences more intuitive and engaging. Animation can make an app feel more fluid and responsive by providing feedback on user interaction. This means that, for designers, creating authentic animations is increasingly becoming a part of the job description. Whether you’re a designer, product manager, developer or anyone else working on a product, Keynote is a great way to communicate ideas quickly. The speed, gentle learning curve and quality of output all make it an ideal tool for your arsenal.
Read more…
Implementations usually involved either using an external image editor to create multiple images for multiple values of the pie chart, or large JavaScript frameworks designed for much more complex charts. Although the feat is not as impossible as it once was, there’s still no simple one-liner for it. However, in this article, Lea Verou will show you that there are many better, more maintainable ways to achieve it today.
Read more…
All too often we forget that applications are built by real people with opinions, ideals and fears. When a whole company is formed around a single product that’s about to get relaunched, there’s a lot of tension — after all, these people rely on that product’s success for their own financial security. This is the story of redesigning the UX for a popular calendar tool on Android: Business Calendar. Günther Beyer & Nino Rapin are sharing this story because everyone’s standing on the shoulders of giants and this is their small contribution to better information design thinking. They hope they’ve learned enough in this project to make you a little smarter, so that you can make us smarter in turn. Thank you.
Read more…
In this second part, Yury Vetrov will show you how he made his “Bootstrap on steroids” more powerful. A framework like this has many benefits, but the main result is a transition from large redesigns every couple of years to constantly updated designs. We can spend more time evolving a product rather than doing endless design maintenance. Moreover, product designers stop thinking in screens and become less like “Photoshop/Sketch people”.
Read more…
Quantity queries and quantity ordering are advanced concepts and might be scary for beginners. However, as we move presentational styling away from programming languages and into CSS, we should use these tools more and more. Even as many members of our industry explore content queries, we can now use quantity queries to modify the order of content simply by counting. If you had to create a table of items, you might assume that JavaScript would be the best solution — just loop over the items, and if there are more than three, update the styling. But what if I told you could do it with CSS alone?
Read more…
As developers, we know how important it is to sharpen our tools and continually add new ones to our workflow. The command line is one of the best tools you can master as a developer. With tools like Grunt, Gulp and Bower leveraging the increase in productivity that comes with working in the command line, we are seeing it become a much more friendly and comfortable place for beginners and experts alike. In this article, Wes Bos provides insight into some of the best tools to use in your day-to-day workflow in the command line and gets you started with a totally customized setup.
Read more…
Today, Rachel Andrew will be taking a look at how to build a simple yet robust workflow for developing sites that require PHP and MySQL. She’lI also demonstrate a process for using a hosted service to deploy files in a robust way to your live server. By the end of this article, you should be in a position to develop one or many sites locally, using a setup similar to how the site will run on the live server. You will deploy in the confidence that what ends up on the live server is exactly what should be on that server — no more, no less. Once you understand this type of workflow, you can explore how to streamline it further, making time to do more interesting things than fight with servers and hosting!
Read more…
The number of Flux implementations available can feel overwhelming, but overall Jim Cowart finds it an encouraging development. Solid and successful patterns like Flux will, by their very nature, encourage multiple implementations. In this article, Jim will take a look at some of the key lessons he has learned about React and Flux. Whether you’re new to React and Flux, or going as far as building your own Flux implementation, Jim thinks you’ll not only enjoy this journey, but find some thought-provoking questions and wisdom you can apply in your own endeavors.
Read more…
There are various ways to approach responsive typography and consistent vertical rhythm, and they are not limited to my suggestion. However, Jonathan Suh finds that this works for him more times than not. Managing consistent, typographic rhythm isn’t easy, but when the type is responsive, things get even more difficult. Fortunately, Sass maps make responsive typography much more manageable. This is where Sass maps and loops are powerful: They’ve helped him manage z-index values, colors and, as you’ll see in this article, font sizes.
Read more…
