はてなブックマーク

CSS Grid and CSS Flexbox are complimentary web layout technologies that have been hotly anticipated for years. However, despite some superficial similarities they are actually used for very different tasks; they each solve a very different set of problems. In an ideal scenario, you may find that you employ both for different layout tasks. In this post we’ll look at their differences, look at how t

The market is overcrowded with web tools and services, today it’s easy to launch your own product and everybody is playing the game. It’s good to have competition but some of these solutions are far from being excellent in terms of functionality, safety, and support, but the pricing is the same as premium solutions, so it’s hard to judge which to use. Testing them all, and picking the best takes t

Animation is one of those trends that has got its claws into web interfaces. Its popularity fluctuates, but it’s always there somewhere, as an essential component in any web site. From tiny, barely visible, loading spinners, to whole page transitions like a movie experience, animation reaches into every area of our designs. For designers looking to incorporate animation, there are a wealth of opti

Every SaaS product and subscription website needs a great pricing table. It’s the easiest way to share information with potential buyers and explain the differences in your plans. But with so many websites running pricing tables they can get a little stale. These designs are some of the best I’ve found with fresh trends, color schemes, and a clean experience that encourages user interaction. If yo

Just a decade ago user interfaces that used animations were avoided, being most often associated with popups and flashing ads, but this has changed. Today details of interaction design and animation make a fundamental difference on modern websites and in modern apps. This mindset shift is clearly expressed in Zurb’s statement: We’re no longer just designing static screens. We’re designing for how

As Sketch 44 exits beta, we take a look at one of Sketch’s best features: the huge selection of open source plugins. The Sketch community is wildly supportive and you can find tons of amazing plugins that’ll radically improve your workflow. In this post I’ll cover the 12 best Sketch plugins that every designer should have. 1. Sketch Measure Sketch Measure helps designers organize and outline their

When it comes to web design, and especially UI design, icons play a crucial role. When used properly, icons can enhance almost any website design by adding visual interest and appeal. However, creating icons from scratch every time you start a new project is both time-consuming and impractical. Luckily, the web is full of great resources and you can find plenty of high-quality icons available for

When I was a kid I was desperate for a Polaroid camera: to be able to take a photo and see it—almost—right away was fantastic to me. With ‘normal’ cameras, you had to wait until you finished the whole film, then you had to take it to get developed, and that could take a week. So, quite often, by the time you got to see your photos, the connection to them was a little more distant. With polaroids,

2016 has been one of the best years for type design in decades. The lettering craze has pushed a lot of illustrators towards digitizing their work. There’s a ton of great font software available these days. And with typography now recognized as one of the most important aspects of a website, everyone wants in on the act. In past years we’ve seen a few narrow trends dominating, but so far this year

Hey there! Here we are again with a huge selection of freebies for you to enjoy. Scroll down and you’ll find tons of amazing icons, texture effects, fonts, templates, and themes. Go ahead and download it all. Enjoy! Flat office vector icons An amazing set of 150 flat, responsive icons that are delivered in EPS, PDF; SVG, and 4 sizes of PNG (16, 30, 40, and 80 pixels) featuring a different design f

There’s no need to talk up WordPress since everyone is aware of its vast potential. Instead, we're going to talk about some of the plugins. Some of them are vital, like a plugin for improving SEO or caching the site; others are optional, like a plugin for reCaptcha integration. Among the latter category, you often stumble upon plugins designed to help site owners keep up with recent design trends.

On the modern web there are numerous techniques that can be used to create interesting interactions, but the simplest and most elegant is usually CSS, and specifically the additions that came with CSS3. Back in the old days, we had to rely on JavaScript for this kind of effect, but thanks to ever-increasing support for CSS3 across browsers, it’s now possible to set up effects like these without an

How to create a scrollable splash screen with CSS3 and jQuery A great way to catch the attention of a visitor to your website is a "splash screen" or an "intro screen". However, making a successful one is very difficult for one simple reason: splash screens easily irritate users. Splash screens can work if they appear quickly and are easily dismissible. They can be visually striking, and beautiful

It’s been a busy month for theme designers & developers as a large number of new themes were released, making this a great time to update your site if it is in need of a new look. Some of the overall trends in web design are showing through in theme design as well: flat design and big photos rule. Every month we'll be bringing you our pick of the best free WordPress themes released in the previous

In 2013, we covered a ton of new apps, resources, and more for designers and developers. In fact, we covered hundreds of resources! So rather than you having to go back through our archive of posts, we’ve gathered up the best of what was new over the past year in one place! We’re not including everything (after all, some resources are no longer available, sites may have changed hands, apps may no

We all love exciting new typefaces, and 2013 has been a bumper year for type design. So, with 2013 coming to a close, we’ve put together this list of the best fonts in the last 12 months. For each month we’ve debated long and hard, and eventually nominated a 1st place, 2nd place, and runner up. What do they win? Nothing but our admiration, and kudos for a job well done. The eagle eyed amongst you

One of the most important things about creating a brand is making sure everything is cohesive. Once a brand pinpoints their values and how they'd like to be perceived, they have to make sure all their touchpoints refer back to these values. What's of extreme importance is the look of a brand. In order to make sure this stays fairly consistent, brands should have corporate identity guides or brand

[“ The art of creating a website these days is learning how to create an online experience. Many of these experiences are extensions of a brand or person and are relayed via different colors, fonts, etc. Thanks to awesome advancements in technologies, we can do a lot of stuff with our websites that we couldn’t do a few years ago. We are taking the experience from dry and drab to fun and fab.<\/p>\

WordPress, one of the most popular blogging and website platforms in the world, accounts for thousands of new blogs and websites every day. One of the best ways to get up and running quickly — especially if you don’t have much design or development experience — is to use a theme. And some of the very best themes out there are completely free! Every month we’ll be bringing you our pick of the best