はてなブックマーク

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,

New design tools are like new toys. You are probably always looking for elements to make your life easier. Here we have them. From new releases to updated documentation to open source code from Kickstarter to a few funky typefaces, this roundup is packed with design goodies. Almost everything on the list this month is free, with a few high-value paid apps and tools. They’re sure to be useful to de

Every month we bring you the best new apps, frameworks, design and mobile resources, business resources, and more. Here we are at the end of 2016, and we’ve compiled a roundup of the best of what we’ve featured this year, a total of more than 50 resources, carefully curated to make sure it’s the best of the best! Much of what’s on the list this year is free, with some low-cost, high-value apps and

Hey there! We are proud to return fully stacked with a collection of resources and tools that will make the most out of your web design/development skills. We are committed to bring you the best of the best in terms of freebies, we’re sure you’re gonna enjoy them. 50 vector flat style icons pack A great set of 50 beautifully crafted flat style icons that come available in PSD, AI, SVG, PNG and EPS

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.

Hey there! We are proud to return fully stacked with a collection of resources and tools that will help you make the most of your web design/development skills. This month we have an appealing 3D text effect, an awesome flat emojis set, various UI kits for Sketch, a full Bootstrap 4 GUI pack, some amazing typefaces, a modern landing page template and a clean restaurant PSD template, WordPress them

So far, 2015 has been a bumper year for fonts, with dozens of new designs going live. There are a couple of dominant trends, both carried over from last year. The first is the ongoing influence of lettering that gives us great typefaces like Gallow Tree. The other is a love of expressive geometric sans, in designs like Ohmega Sans. Today, we’ve compiled a list of the best free fonts that have been

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