博客 RSS 訂閱

joshua-johnson 頭像

Joshua Johnson - Beyond The Boring: The Hunt For The Web’s Lost Soul

Has web design lost its soul? And is responsive design to blame? These questions, posed by my friend and colleague Noah Stokes, are provocative to say the least. After all, the responsive web has ma

Responsive Design , Showcases , Layouts , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Smashicons – A Carefully Crafted Iconset in 4 Styles [Freebie]

Today, we’re happy to release a very large icon set: the freebie contains 500 icons in four editable variants: outlined, solid, webby and flat, covering all sorts of various categories. The icons al

Icons , Freebies

收藏 評論

victoryocco 頭像

Victor Yocco - Think Fast! Using Heuristics To Increase Use Of Your Product

People have many tough decisions to make; whether they should use your application or website to accomplish a task shouldn’t be one of them. Your design team can take advantage of our knowledge of t

ux , Psychology , Product Strategy , Business

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: July 2015

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a m

Wallpapers , Graphics , templates

收藏 評論

steven-bradley 頭像

Steven Bradley - Design Principles: Compositional, Symmetrical And Asymmetrical Balance

A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye s

Graphic Design , Design Principles , Creativity , Inspiration , Design

收藏 評論

daniel-pataki 頭像

Daniel Pataki - Rapid Front-End Prototyping With WordPress

Prototyping is one of the best things that can happen within a project, yet it is extremely underutilized. Prototyping makes a project better suited to users, elevates user experience, increases the

wordpress , workflow , Prototyping , Techniques (WP)

收藏 評論

david-newton 頭像

Dave Newton - Efficient Image Resizing With ImageMagick

The way responsive images work is that an appropriately sized image is sent to each user — small versions for users on small screens, big versions for users on big screens. It’s fantastic for web pe

performance , workflow , optimization , Responsive Images

收藏 評論

maggie-macnab 頭像

Maggie Macnab - How Geometry Influences Logo Design

Galileo knew it. Every ancient culture that left traces of knowledge in their art knew it. Basic shapes compose the fundamental geometry of the universe. We can take credit for a lot of things, but

Graphic Design , Design , Logo Design

收藏 評論

jimcowart 頭像

Jim Cowart - Qualities Of Good Flux Implementations

It has been an exciting year for my team. Last year we kicked off a project using React, and over the course of the project we’ve learned a lot about React and Flux — Facebook’s recommended architec

Frameworks , coding , Javascript

收藏 評論

nickschaeferhoff 頭像

Nick Schäferhoff - A Detailed Guide To A Custom WordPress Page Templates

I like to think of WordPress as the gateway drug of web development. Many people who get started using the platform are initially merely looking for a comfortable (and free) way to create a simple w

wordpress , templates , Techniques (WP)

收藏 評論

stephenpetrany 頭像

Stephen Petrany - How To Create An Advanced Photoshop Animation

While animation in Photoshop is not a new concept, it definitely has come a long way in the last few years: The Timeline panel has been overhauled, video layers have been introduced, as has the abil

animation , Photoshop , Tutorials , Graphics

收藏 評論

jonathansuh 頭像

Jonathan Suh - Responsive Typography With Sass Maps

Managing consistent, typographic rhythm isn’t easy, but when the type is responsive, things get even more difficult. Fortunately, Sass maps make responsive typography much more manageable. Writing

Responsive Design , Typography , coding , Css

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 40 Responsive Sports Icons [Freebie]

Free icons are always great to spice up our work with minimal effort. Today, we’re happy to release a free set of 40 sports icons in four styles and six formats. Each icon in this set comes in four

Icons , Freebies , templates

收藏 評論

maggie-macnab 頭像

Maggie Macnab - How To Use A Nature Logo Pattern – Effective Logo Design Part 2

There are only a handful of fundamental patterns that create all of the natural diversity around us. Nature’s patterns perform three basic tasks that get the work of the universe done by moving, sto

Graphic Design , Design , Logo Design

收藏 評論

paul-boag 頭像

Paul Boag - How To Deal With Redundant, Out-Of-Date And Trivial Content ROT

Publishing content to the web is expensive. I know what you’re thinking: no, it’s not; it costs nothing, especially when compared to print. And you would be right, from a certain point of view. The

Content , Content Strategy , Business

收藏 評論

sarahdrasner 頭像

Sarah Drasner - Practical Techniques On Designing Animation

Animation, like any other facet of the web, must be designed. As web developers, we think about the effects of typography, layout, interaction, and shifting viewports, but when incorporating animati

animation , Graphic Design , ux , Design

收藏 評論

maggie-macnab 頭像

Maggie Macnab - Logo Design Theory, Part 1: Symbols, Metaphors And The Power Of Intuition

No designer creates wow work 100% of the time. There’s no question that creating good design takes significant exertion, but generating the wow factor in your work can also be fairly effortless. Man

Graphic Design , Graphics , Design , Logo Design

收藏 評論

mattreamer 頭像

Matt Reamer - Fitting After Effects Into A UX Workflow

We all aim to be as agile as possible in today’s fast-paced web design world, while also remaining thoughtful of the end user and those we work with. After Effects is a great tool that enables us to

workflow , Tools , ux

收藏 評論

bryanjames 頭像

Bryan James - The Making Of “In Pieces”: Designing an Interactive Exhibition With CSS Clip Paths

Web-based interactive experiences are widely used in the modern age for a variety of reasons, predominantly for the advertising of premium high-street products and services. After discovering the li

Techniques , coding , Css , Case Studies

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: June 2015

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a m

Wallpapers , Graphics , templates

收藏 評論

nicoamarilla 頭像

Nico Amarilla - How To Use Autoloading And A Plugin Container In WordPress Plugins

Building and maintaining a WordPress plugin can be a daunting task. The bigger the codebase, the harder it is to keep track of all the working parts and their relationship to one another. And you ca

wordpress , php , Techniques (WP) , plugins

收藏 評論

marko-dugonjic 頭像

Marko Dugonjić - Benton Modern, A Case Study On Art-Directed Responsive Web Typography

Having the ability to set legible body copy is an absolute must, and we’ve come a long way with web typography since the dawn of web design. However, I feel like we have allowed the lack of variety

Responsive Design , Typography , fonts , Design

收藏 評論

dirk-weber 頭像

Dirk Weber - The Art Of SVG Filters And Why It Is Awesome

After almost 20 years of evolution, today’s web typography, with its high-density displays and support for OpenType features, is just a step away from the typographic quality of the offline world. B

Responsive Design , coding , Css , svg

收藏 評論

colleenroller 頭像

Colleen Roller - Designing For Explicit Choice

If you’re a UX designer, you’ve probably designed a lot of forms and web (or app) pages in which the user needs to choose between options. And as a designer, you’re likely familiar with best practic

Forms , ux , Interfaces , Usability , Design

收藏 評論