博客 RSS 訂閱

dean-hume 頭像

Dean Hume - Understanding Critical CSS

The web is slow, yet there are a few simple strategies to make websites faster. One of them is inlining critical CSS into the `` of your pages, yet how exactly do you do it if your site contains hun

performance , optimization , coding , Css

收藏 評論

matthewray 頭像

Matthew Ray - How To Deploy WordPress Plugins With GitHub Using Transients

If you’ve worked with WordPress for a while, you may have tried your hand at writing a plugin. Many developers will start creating plugins to enhance a custom theme or to modularize their code. Even

wordpress , workflow , Techniques (WP) , plugins

收藏 評論

trine-falbe 頭像

Trine Falbe - Designing Web Interfaces For Kids

Kids spend a lot of time online, and their cognitive and physical limitations present many challenges to them when they do so. Pair that with poorly designed content and dark patterns, and you have

ux , Interfaces , Psychology

收藏 評論

mattward 頭像

mattward - So You Want To Crowdfund Your Startup App?

If you’re a developer, you know how hard funding and traction are to come by. Most software startups try crowdfunding and fail — they’re doing it wrong! To crowdfund your app, and supercharge your b

Marketing , Apps , Income , Business

收藏 評論

nikolaymorev 頭像

Nikolay Morev - myMail App Case Study: Developing For Apple Watch Without The Device

How do you write a useful app for the Apple Watch? In what ways does it differ from coding for iOS? And what if you don’t have a Watch on hand to test with? Before the launch of the Apple Watch, ou

mobile , Devices , Apps , Case Studies

收藏 評論

laurenjung 頭像

Lauren Jung - Designing Custom Images For Your Online Content, Faster!

Visual elements are a huge part of online publishing. Whether you are creating social media updates, blog posts, eBooks or slide decks on SlideShare, if your post contains images, then you’ll get ex

workflow , Graphics , Publishing , Responsive Images

收藏 評論

hamzasiddiqui 頭像

Hamza Siddiqui - Keynote Animation – How To Prototype UI

Whether it’s playful refresh states, subtle icon movements or complex transitions, beautiful animation is all around us. Once considered an aesthetic luxury, animation is now used so commonly in mo

animation , workflow , mobile , Tools , coding

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: August 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

收藏 評論

drewminns 頭像

Drew Minns - Constructing CSS Quantity Queries On The Fly

Often within a project, the presentation of our content changes based on certain needs. We see this when we use media queries to change our styles based on the user device. CSS quantity queries foll

Techniques , Tools , Css

收藏 評論

lea-verou 頭像

Lea Verou - Designing A Flexible, Maintainable CSS Pie Chart With SVG

Pie charts, even in their simplest two-color form, have traditionally been anything but simple to create with web technologies, despite being incredibly common for information ranging from simple st

Techniques , coding , Css , svg

收藏 評論

marli-mesibov 頭像

Marli Mesibov - How Copywriting Can Benefit From User Research

I’ve often heard there are four stages along the road to competence: unconscious incompetence, conscious incompetence, conscious competence, and unconscious competence. Most of us begin our careers

User Research , ux , Copywriting

收藏 評論

guentherbeyerninorapin 頭像

Günther Beyer & Nino Rapin - Making Time: Redesigning A Calendar Experience For Android

In UX design, few things are more intricate than time and personal time management — only a good arsenal of mobile design patterns and information architecture principles can save you. This is the s

ux , Android , coding , Case Studies

收藏 評論

colleenroller 頭像

Colleen Roller - How To Moderate Effectively In Usability Research

As UX professionals, we know the value of conducting usability research. But UX research initiatives — even when designed well — are not perfect. A lab study to test a website, for example, would ne

User Research , ux , Usability

收藏 評論

michellebarker 頭像

michellebarker - Smarter Grids With Sass And Susy

If you’re a designer, you’ll know that grids are your friends. More often than not, they’re the vital architecture that holds a beautiful design together; they create rhythm, structure your page, le

sass , Grids , Layouts

收藏 評論

yuryvetrov 頭像

Yury Vetrov - Product Design Unification Case Study, Part 2: “Burger-Driven” Framework

In the first part of the case study about Mail.Ru Group product design unification, I described our first approach — a mobile web framework. Aside from creating a unified visual style and interactio

workflow , Frameworks , ux , Process , coding , Case Studies , Product Strategy

收藏 評論

drewminns 頭像

Drew Minns - Quantity Ordering With CSS

Here is your mission, should you choose to accept it: create a table of items. Each item should span a third of the content area, with the fourth item starting on a new row, much like floats. Howeve

flexbox , Techniques , coding , Css

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 60 Lovely Workspace Illustrations [Freebie]

Today we’re happy to release yet another freebie: a set of 60 lovely workspace illustrations of items that many web and graphic designers use every day: tablet and desktop computers, Apple Watches,

Icons , Freebies , templates

收藏 評論

kyleracki 頭像

Kyle Racki - An In-Depth Guide To Launching Your Own Podcast

Podcasting has experienced a renaissance in the last couple of years. According to RawVoice, which tracks 20,000 shows, the number of unique monthly podcast listeners has tripled to 75 million, up f

Community , workflow , Podcasts , Resources

收藏 評論

wes-bos 頭像

Wes Bos - Become A Command-Line Power User With Oh My ZSH And Z

The command line is increasingly becoming a part of every web developer’s workflow. With tools like Grunt, Gulp and Bower leveraging the increase in productivity that comes with working in the comma

workflow , Productivity , coding

收藏 評論

rachel-andrew 頭像

Rachel Andrew - A Simple Workflow From Development To Deployment

In this article I’ll be taking a look at how to build a simple yet robust workflow for developing sites that require PHP and MySQL. I’ll show you how to use Vagrant to create and run a web server on

workflow , MySQL , php , Web Development , coding

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Web Design Is Dead. No, It Isn’t.

Every now and then we see discussions proclaiming a profound change in the way we design and build websites. Be it progressive enhancement, the role of CSS or, most recently, web design itself being

Web Design , Opinion Column , Design

收藏 評論

sven-lennartz 頭像

Sven Lennartz - Material Design Icons, Goodies And Starter Kits

It’s always great to have a little toolbox with just the right tools waiting for you when you need them. What if you are about to start working on a new project which should apply the material desig

Material Design , ux , Android , Resources

收藏 評論

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

收藏 評論