Laura Elizabeth never found color theory useful when trying to use color in her projects. Somewhat ironically, she’s been finding that the better she got at choosing and using color, the better she became in the theory behind it. In this article, Laura shares a simple color workflow that you can use in your next web project. I’ve never been a fan of color theory. I think it’s because I’ve always b
You can now have multiple designs right next to each other in Photoshop! In this article, Murdoch Carpenter will design an entire set of assets all at once. He will walk you through the basics of artboards and Generate. Then he’ll look at a real project in which he used these techniques together, making for a major time-saver. First up, artboards. What many Photoshop users have been hoping for — w
Everybody loves a nice set of icons, right? Today we collected some icon sets that you can use in your projects for free. The following collection offers both — payment provider icons just like summer goodness to help you over a rainy day. All icons can be downloaded and used for free. Enjoy! Free icons are a great way to spice up your work with small effort. While some of them are plain useful, o
Are you designing at “Retina” resolution in Photoshop? In this article, Murdoch Carpenter will walk you through the problems he faced in creating Retina mockups to be displayed on a tablet device. He will then explain a way to work that is easier and gives you better performance. This is about Murdoch’s experience with Photoshop, but it could be applied to Illustrator and other software. Throughou
The target simple selector is identified as .descendant.Two constraints are formed:.bar (and whatever extends it) must have the class .foo to be green,.descendant must be a descendant of .ancestor.Using this information, the @extend directive produces this ruleset: .foo.bar, .ancestor .foo.descendant { color: green; } The target selector .descendant now fulfills the constraint requirements: It has
To help balance the craving for visual simplicity with the need to keep websites easy to navigate, you can borrow some concepts from the world of wayfinding. In this article, Dennis Kardys will show you how you can apply these concepts to the mobile web. Keep in mind that every person who browses an application is making their way through a space — often an unfamiliar one. As the user embarks on t
Today’s icon set consists of a set of vector icons that represent monuments across the globe, so they can be literally used anywhere. This colorful set was carefully designed by Freepik and is completely free to use for commercial as well as your personal projects, including software, online services, templates and themes. You may modify the size, color or shape of the icons. Please always provide
New tools have emerged to address the challenges of responsive web design. And there is that’s been a leap forward in productivity for the team that Richard Knight works with. Its name is Webflow, and it could be the solution to the problems you face with static design comps produced in Photoshop and Fireworks. In this article, Richard will explore the advantages of Webflow and how you can use it
Most plugins try to do too many things, which makes it difficult for designers and developers to integrate them in their projects. Apple introduced the iPhone 5S, which was accompanied by a presentation website on which visitors were guided down sections of a page and whose messaging was reduced to one key function per section. Pete Rojwongsuriya found this to be a great way to present a product,
15 printed booksQuality matters. Our printed books deliver in-depth knowledge and expertise shared by experts from the industry. They are our editorial flagships — and the most recent one, Understanding Privacy is a practical guide on designing and building inclusive, safe experiences with privacy in mind. Written by Addy OsmaniPublished on January 2024Tags: Performance, Accessibility, Front-End S
Fortunately, learning is not limited to only a small minority of people anymore; it is not even limited to visiting a school or a university. The Internet makes it possible for us to distribute knowledge at a small price, and is full of web design resources to expand everyone’s knowledge on an enormous variety of topics. Since learning is a lifelong task that doesn’t stop after pursuing a certain
In this article, we feature a set of 54 flat icons created and designed by Nick Frost and Greg Lapin. If you are looking for a way to make your design fresh and expressive, then this freebie is the answer. It includes 36 icons drawn from a full commercial set available on Smallicons, plus 18 icons designed exclusively for Smashing Magazine. Today we are pleased to feature Smallicons, a set of 54 f
Many designers and design teams make the mistake of thinking that their work is done once they’ve completed the visual design stage, and this is where Specctr can help. Specctr is a plugin for Adobe applications, which transitions a visual design to production by enabling you to specify form and function. It automatically generates a specification and creates a blueprint for the design, which save
In this article, we are honoured to present to you Nice Things a set of 128 original, beautiful icons that Chris Behr came up with while playing around with the Shape tools in Illustrator. He casually divided a square into a grid and then randomly colored it. Then he combined the grid with a couple of icons that he had been doodling. Let’s see the results! Inspiration strikes at funny times. Chri
Time is a key factor in productivity. Working efficiently enables us to deliver better value at a competitive price. In this article, Melanie Lang presents a collection of tools, tips and tricks that will make your standard workflow as fast and practical as possible, so that you have more time for the exciting parts of the project. Ready? Here we go! Designing and developing can be time-consuming,
We are pleased to introduce Type & Grids, a free responsive HTML5 template by Jeremiah Shoaf. All of the content resides in a single HTML file, so setting it up is super-simple. Its extensive customization options set Type & Grids apart from other templates out there. Each type theme is meticulously handcrafted, with attention paid to the smallest typographic details. Today, we are pleased to intr
When people visit your website, you want it to stand out from the crowd, to be memorable. It is a reflection of the person or organization behind it. You want people to come back and use your website or get in touch with you. It has to be innovative yet functional. Ask yourself, what would make life easier for your user? A website has a personality — it is a reflection of the person or organizatio
As creators of products that will be consumed on Retina devices, we have to optimize our design and development workflow accordingly. Upon failing to find a tool that fits my design team’s workflow, Artiom Dashinsky created a set of two time-saving Photoshop actions for slicing graphics for Retina and standard displays. The great feedback from his team inspired him to share it with other designers
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く