It’s so easy with the kinds of tools we now have to get the feeling of productivity, the sensation of productivity, without having to actually accomplish anything of merit or anything that we might actually find meaningful at the end of the day. — Jocelyn K. Glei, Offscreen 19 interview.
Do not rely on a software company, any software company, to provide you with a servoce for any length of time – especially one that is free. Investiscope wasnt free, but it should have been if it is suddenly shutting down. Obvisouly, the business mode didnt work. I encourage everyone to control their own data, […]
Link: Short note on improving usability of scrollable regions Making a [overflow:scroll] scrollable region operable for keyboard users is pretty simple. Add tabindex=”0″. The region will now be included in the focus order and when focused the keyboard user can scroll through the content. Nice tips on making overflow-scroll elements scrollable by keyboard.
Link: Your Life Is Tetris. Stop Playing It Like Chess. Chess comes with a set of prescriptions and best practices. 1. e4 is considered a strong opening move for white. 1. h3 is not. That’s because chess is a closed system. There’s no random constraints, no dumb luck. The pieces always move the same, and the […]
Link: The future of Parse Parse has agreed to be acquired by Facebook. We expect the transaction to close shortly. Rest assured, Parse is not going away. It’s going to get better. For less than 3 years, they already break their words.
When I discuss with web designers on what tech they use these days, people usually talk about Angular, React, Flux, GraphQL, Ember, Meteor… the list goes on. But I didn’t hear people talk about jQuery. When you learn those frameworks/libraries, you usually search the equivalent way on how to achieve something in that framework without […]
When I’m making todo list items, I always go back to the following essay from Ryan Singer to remind me the areas of concern. Link: Managing Product Development by Integrating Around Concerns The natural approach most people take at this point is to divide the work by role. They create a “design” todo list and a “programming” […]
Link: Refactor Until You Feel Almost Comfortable How do you know when you’ve refactored enough and when you’ve refactored too much? I asked Sandi Metz about this once; here is a paraphrase of her answer: “Refactor until you feel you are one step behind the solution you want. Avoid your comfort zone. And while you might see extractions […]
Link: Japanese bookshop stocks only one book at a time “This bookstore that sells only one book could also be described as ‘a bookstore that organises an exhibition derived from a single book’. For instance, when selling a book on flowers, in the store could be exhibited a flower that actually appears in the book. Also, […]
Webkit has disabled click delay on non-scalable web page in its nightly build 2 months ago. And here is an update with mention of the touch-action CSS property. Link: (Webkit) More Responsive Tapping on iOS Putting touch-action: manipulation; on a clickable element makes WebKit consider touches that begin on the element only for the purposes of […]
Link: The web accessibility basics And while I always thought that it is not so difficult to find resources about these basics, the recurrence of that question prompted me to finally write my own take on this topic. So here it is, my list of absolute web accessibility basics every web developer should know about. […]
Link: “Force enable zoom” in Opera 34 for Android Did you know that 61% of mobile sites don’t allow you to zoom? We’ve fixed that for you in Opera for Android 34, which we’ve released today. I always teach my web design students to allow scaling in mobile web. If you are making a web page, […]
Link: https://www.designernews.co/comments/193811 So basically, feature support is important. But for those in countries that don’t have unlimited (or essentially unlimited) internet access, Opera Mini’s data saver features are incredibly useful. It seems that people are using Opera Mini mainly because of the data saving. I’m in 1GB plan and every month I run out of […]
Link: Material Design: Why the Floating Action Button is bad UX design The search FAB thus distracts the user from an immersive photo-browsing experience. By taking up real estate on the screen, the FAB effectively blocks content. User dumazy posted on Graphic Design Stack Exchange about a problem he encountered when the FAB blocked the “favourite” star as well as […]
Link: CSS Toggle Switch The beauty of this CSS toggle switch is that it is accessible when JS/CSS is not available. The following is the HTML it uses. Which works when in HTML-only environment. I also demonstrated a customized checkbox.
Link: Introducing the IBM Swift Sandbox The IBM Swift Sandbox is an interactive website that lets you write Swift code and execute it in a server environment – on top of Linux! Each sandbox runs on IBM Cloud in a Docker container. In addition, both the latest versions of Swift and its standard library are available […]
In the post Engaging users with web, we see how we can use web technologies to build interaction with users. Link: WhatWeCanDo.today This website let you check how your browser supports the latest web technologies.
Link: Native or Not? The Untapped Power of Web Apps This essay lists what we can do on web, which is more powerful than you may expect. Of course the web has its limitation, but the web has its benefits too: Perhaps the biggest advantage the web has over native apps is how quickly users are […]
Link: Welcome Adobe Animate CC, a new era for Flash Professional To more accurately represent its position as the premier animation tool for the web and beyond, Flash Professional will be renamed Adobe Animate CC, starting with the next release in early 2016. In the past, the web had many characteristics and personality. But it also came […]
Link: Learning CSS Layout with Flexbox Froggy The goal of the game is to help the frogs get to their lilypads by writing CSS code. See if you can beat all the levels! A nice game to learn Flexbox: http://flexboxfroggy.com
The way people talk about Material Design makes it feel as through it’s a new discovery in design. There are interesting principles in there, but I don’t see why another company would want to adopt Google’s design guidelines. Outside of Google I don’t think it’s a huge thing, and I don’t really think about it […]
Link: Launch: Basecamp 3 I have been a fans of both the Basecamp product and the company behind it, formerly 37signals and now Basecamp. I clipped an interview to Jason Fried by OffScreen Magazine: We thought long about what it’d be like to concentrate on one product forever. We realised, through, that it’s not really one product forever. It may be one […]
Link: A vim Tutorial and Primer Vim as Language. Arguably the most brilliant thing about vim is that as you use it you begin to think in it. vim is set up to function like a language, complete with nouns, verbs, and adverbs. I learnt vim, but this would definitely be helpful if I have to […]
Re: 1Password Leaks Your Data Being a curious kind of guy I opened the file to see what was in there. The answer is the name and address of every item that I have in 1Password. Every single one. In plain text. You won’t have access to that HTML file, and the related JS code if […]
Link: OS X El Capitan License: in Plain English Slideshows made with Photo; same deal, don’t even think about using them for some commercial purpose. I have really thought about that, at least to use in my friends wedding. I cannot, don’t even think about it, just plain can’t, make money from MPEG/H.264/AVC videos I create. […]
Two quotes from Jason Fried on writing, from issue 12 of Offscreen Magazine. I guess I’ve grown to love it [writing] because it forces me to think and consolidate my thoughts. It forces me to be clear, to be able to explain what’s in my head to someone else. — Jason Fried The “bait for knowledge”: […]
Link: https://trac.webkit.org/changeset/191072 When a viewport is unscalable (specified through the meta viewport tag) we do not add a delay to our single tap gesture recognizer. When we set the viewport to unscalable, which means we want that web page acts like an app. So we shouldn’t make our web page unscalable just for the sake to […]
Link: The One Thing Jony Ive Remembers Most About Steve Jobs Quite honestly, what’s remained, I never would have predicted four years ago. What’s remained is almost unremarkable, but what’s remained is his very simple focus on trying to make something beautiful and great. And it really was simple. There wasn’t a grand plan of winning, […]
Link: Props in getInitialState Is an Anti-Pattern This isn’t really a React-specific tip, as such anti-patterns often occur in code in general; in this case, React simply points them out more clearly. Good tips on initializing values in constructor. There are difference between initialCount and count.
This week, the page Product strategy means saying No from Intercom is popular. Saying no is hard, but a great product manager isn’t afraid to make tough decisions to keep their product bloat-free. This reminds me the famous quote from Steve Jobs: “People think focus means saying yes to the thing you’ve got to focus on. But that’s not […]
Link: Why Do We Have repeating-linear-gradient Anyway? I like the idea of using repeating-linear-gradient to generate pattern. They look cool! background: linear-gradient(135deg, #000 .25em, #0092b7 0); background-size: .75em/sqrt(2) .75em/sqrt(2);
You may have heard of 900 months—The months you have assuming you’ll live until 75 years old. And you can draw 900 squares in a piece of paper: Link: Years You Have Left to Live, Probably Today I come across this website with a simulator on the probabilities for years left to live. It reminds me […]
Link: Issue 34 of The Modern Desk I’ve recently come across several interesting desk concepts, so I thought why not create a special edition of TMD all about desks, workstations and laptop stands. Nice desks. I first met a standing desk setup in person in my Finnish friend’s home. Recently I also setup my standing desk at […]
Link: The first draft is always perfect That’s right. The first draft is always perfect. perfect. Its only job is to exist. Like minerals. Like dirt. Like air. It just needs to be. All a first draft need be is an idea borne into reality. A first draft is something made tangible from nothing – its […]
Link: Adding Support for Custom Domains in Rails There are three main steps necessary for adding custom domain support to your Rails project: Have your users add a CNAME record pointing their domain to yours Update your routes to handle any custom domains. Add the controller logic to find resources using the custom domain For this […]
Link: Foundation 6: Leaner, Meaner and Cleaner Sass Yep, let’s start with the bottom line: when writing Sass, remember that you’re always one step removed from your CSS output. In general, we shouldn’t be producing crazy CSS that we would never write without Sass. A good reminder on what we should becareful when using CSS preprocessor. […]
Link: Browser Link Indicator I was wondering why there are no indicators in our browsers, letting us know if a link is internal or external. Same thought. That’s why we, web designer, should at least code our own external link indicator.
I clipped example of selling benefits instead of features. Here is another one. Link: Features vs. Benefits People don’t buy products; they buy better versions of themselves. As Jason Fried post on twitter: “Here’s what our product can do” and “Here’s what you can do with our product” sound similar, but they are completely different approaches. – Jason Fried
Link: Dealing with long words in CSS Final solution This solution will show hyphens for every browser supporting it and will break lines in every other browser – perfect. This is a useful technique when you need to deal with long words in your web design. For example, when you need to reference a long city name.
I came across this Flash website which was made in 2006. I miss those days with stunning websites. Link: Archive of Nike Air site In case you don’t have the Flash player, I captured the screen into the following video: Nike Air 2006 Flash Website.
Link: I’m Returning to Single-Tasking I’ve been a fan of Leo Babauta. I gave out his book to my friends as Christmas gifts. I just realise that I share similar single task strategy that he uses: One browser tab open. Know what I’m focusing on. Read to completion. One app on my phone at a time. Be mindful […]
Link: Quick Tip: Restore deleted documents from iCloud Drive To restore files, sign into your iCloud account through the browser, and go to Settings → Data & Security. You can then browse a list of files in the Recover Documents tab. Files are removed from Recover Documents after 30 days, so don’t wait long to restore something. A useful tip […]
I don’t know why every one is putting a large banner at the top of their web pages. I always think web site should present the important content at the top of the page, instead of a not-too-meaningful, actually often meaningless, large image, or video. As “Dear web designer, let’s stop breaking the affordance of […]
Link: CSS-Tricks: Remove Gray Highlight When Tapping Links in Mobile Safari This is a simple tricks but very useful if you’re trying to make a button in HTML looks like a real button in touch devices.Remove the tap highlight: and make the :active state works when user touches that element:
Good animation is invisible. You shouldn’t notice that you’re looking at animation. — Pasquale D’Silva https://medium.com/@stevenfabre/invisible-animation-ffa27d0b77e5 Can’t agree more on this. Animation should never distract the user. User should not notice any transition. Having an interface transition too short then user will surprise on the sudden change. Having it too long then user will notice […]
https://github.com/phanan/htaccess This .htaccess snippets list is a great resource. I never write my own .htaccess from scratch. I always start from a template. And this resource provides everything I need for my .htaccess setup.
Here is an example of selling benefits instead of features. Show people what they can do better, instead of what your application can do.From Highrise blog: You don’t need another address book; you need a way to keep potential deals from falling through the cracks. You don’t need another email client; you need to get better […]
From MacRumors: Jonathan Ive also shared details on Steve Jobs, saying that Jobs was “the most remarkably focused person” he’d ever met in his life. “You can achieve so much when you truly focus,” Ive said. “What focus means is saying no to something that with every bone in your body you think is a phenomenal […]
“Web experiences should respond to multiple contexts so that they’re meaningful to every reader, in every moment, on every device.” From The next big thing in responsive design. Makzan.net should respond not only to the screen size, but also respond to the readers. For example, it may show “Welcome back” for returning readers. It may store […]