サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
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
Animation is one of the key trends for 2018, but you don’t have to reinvent the wheel to add movement to your sites. We look at the best free animation libraries for web projects. You can build some crazy things with UI animations on the web. This is quickly becoming the norm for modern websites where user engagement is a big deal. If you look around you’ll find plenty of code generators and custo
Every website should be designed with a responsive approach. To keep you on the right track, testing early and often, with any of these responsive testing tools, will ensure that your design looks right on all browsers, and at all viewport sizes. Every modern website needs a responsive design. This does require more effort but the end result is worthwhile. I actually recommend testing your ideas w
8 Free WordPress Code Generators, Tools, and Webapps As WordPress pushes over 25% of the web it’s easily the most popular CMS to date. And that means more developers are building new websites & webapps on the WP ecosystem. To cut down on dev time you can build on the work of others by reusing code snippets, most of which come from free code generators online. But there are so many other tools buil
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,
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
It’s that time of the year when people all round the world gather in their homes, with their loved ones. They sing songs, consume beverages both warm and cold, and tell stories of the greatest portfolio sites they’ve ever seen. Then Jeffrey Zeldman comes down the chimney, hauling a bag full of books on usability. How great would that be, if it were true? This month’s theme is, if anything, the Fre
With hundreds of free JS libraries out there it’s tough to know where to put your energy. Some end up discarded or forked into new projects, while others grow rapidly and achieve widespread adoption. Most developers already know the big names like jQuery and React. But in this post I’d like to introduce twelve alternative JS libraries that are less well-known but rising rapidly. 1) D3.js Big data
This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want. CSS can get tricky, and you should too. And now, in no particular order, (almost) everything you’ll need
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
Hello readers! This month, the line between web design and art continues to blur as more designers adopt the post-modern aesthetic for their work. The concept of usability continues to gasp for breath. We could call it “post-usable design”, perhaps. This is why I try to feature some of the more normal-but-professional-looking sites in with all of the artsy stuff. But then, these are portfolios. Th
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
It’s just four years until the Tokyo Summer Olympics and Paralympics, and while the eyes of the sporting world may currently be set on Brazil, attention will turn to Tokyo once the torch is (literally) passed in 5 months. For any city, even bidding to host the biggest sporting event in the world is a huge expense. To justify the investment, a city needs the event to showcase it to the world, and a
次のページ
このページを最初にブックマークしてみませんか?
『Web Design Blog - Webdesigner Depot』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く