サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
インタビュー
www.webdesignerdepot.com
Hey kids, you ready for me to tell you all about this newfangled thing called Bootstrap? Well get un-ready, ‘cause I’d never do that to you. It’s not that Bootstrap isn’t great, it’s just that if you work in web design, and you’ve been paying any attention at all, you already know about it. And if you don’t… well… welcome to the industry! We have some articles you may want to check out. For everyo
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
Animated page elements are super common on landing pages and startup websites. But they’re not always talked about in design circles because the idea of “animate on view” isn’t covered a lot. I use the phrase scroll-to-view because it seems like an accurate description. Basically as you scroll down the page new animated elements come into view. It’s not a technique that works for every website but
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
The majority of web navigation menus flow horizontally across the page. This comes from a history of traditional monitors being wider rather than taller. But with so much screen space it’s now possible for websites to use vertical navigation menus instead. And many of them look fantastic. These 10 examples of vertical menus are perfect to study for the unique design style and distinct usability. 1
This set of 100 nature icons designed by vecteezy.com is the perfect antidote to the austere, minimalist line icons used everywhere. Drawn in a friendly, clean, emoji-style, they’re perfect for social media, kids’ sites, and any project where you want to communicate health, innocence, and positivity. Our favorites include the round bee, the wild cactus, and the camp fire. You’ll also find a great
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,
It seems that, as a constituent of a design, backgrounds live in the shadows; however, that’s not entirely true. In times when CSS only began to make its first steps towards the world conquest, the background had already taken on the role of the main decorative element of the website. Nowadays the situation has not changed drastically. In most cases, it serves as a primary visual driving force tha
Who doesn’t love to travel? Whether it’s the charms of a Paris café, or the heights of Machu Picchu, we all love getting away from the daily norm. So we’re delighted to be able to bring you this awesome set of 60+ travel icons designed by Icons8. This set is sure to traverse any language barrier, featuring as it does, some of the most iconic sights, and sites, from around the globe. You’ll find a
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
50 incredible freebies for web designers, February 2015 Amazing designers and developers release new projects every day, that make us excited, inspired, and often more than a little impressed. Today we’re continuing our monthly roundup of the best free resources for web designers with a collection that includes plugins, galleries, icons, WordPress themes, templates and more tools than you can use
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
Designing a responsive form, 20 inspirational solutions [“ With so many new mobile phones, tablets and other devices coming out every day, designers have to be prepared to make common functions easy to do on these devices. The usual approach to this is responsive design. However, what some of us are still trying to figure out is how to use responsive design for things other than viewing.<\/p>\r\n
[“ 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
It is easy to say that 2013 has so far been the year of flat design. Even Apple, the driver of the skeuomorphic design trend for many years, is trying some level of flat design when it releases iOS 7 later this year. So are you ready to try it out as well? Not sure how to get started? WebdesignerDepot is here to help with a guide of flat design resources. We’ve put together a giant list of everyth
Looking for long shadow style icons? Good, then you came to the right place! Flat design has been continuing virtually unchallenged for some time now, and it’s started to develop sub-styles. One of the most popular new trends is long shadow design, and you’d have to have been living under a rock not to have seen it. Long shadow design is often abused by trend-chasing designers who want to seem hip
Give your flat design a boost with this Flattastic UI kit, designed by Vlade Dimovski, free to download and simple to use. The PSD is properly layered, with intuitive naming, making modifying it for your own projects a synch. The design features four pairs of complimentary colors perfect for any flat design: bittersweet, which is #FC6E51 and #E9573F; lavender, which is #AC92EC and #967ADC; grass,
This lovingly honed set, of 200 vector icons is fantastic for use on all manner of sites. With subjects ranging from science to entertaining, the vast scope of the icons means that you’re bound to find something useful. There are some really charming details that you don’t often find in free icon sets: there’s a lovely wiggle on the cord of the phone; the leaves of the cigar really bring out its s
[“ <\/p>\r\n Every great designer knows that the wrong font can totally change the direction of a project. It’s why we use Helvetica instead of Comic Sans and why we should stop using fonts like Lobster (yea…I said it!). Designers just have to know fonts.<\/p>\r\n Choosing the right font is a task. If you choose something too round, you risk making it look too youthful. Or if you choose something
[“ <\/p>\r\n It’s all about presentation. Ideas and concepts are great, but mean nothing if they cannot be properly communicated. To help others understand them, we may create prototypes or sketch out an idea to get to a meeting of the minds. Fortunately, in graphic design, we do that by creating mock-ups.<\/p>\r\n Most times when we create designs, it’s tempting to send a flat graphic, as is, to
次のページ
このページを最初にブックマークしてみませんか？
『Web Design Blog - Webdesigner Depot』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
