Change Logs
- Issue 17 of Web Design Readings
New issue on start using flexbox and lazy web design. - Start using flexbox today
New note: Start using flexbox today. - Put your script after content
New note: Put your script after content by default. - Lazy Design
Added a new note in web design scrapbook: Lazy Design. - Issue 16 of Web Design Readings
The latest issue is out: Issue 16—How browser renders, hamburger menu, active state and smart SVG. - Gray highlight and active state
Added a link for disabling the gray highlight and enable the active state in mobile Safari. - A demo of CSS Quantity Selector
I created a demo of using CSS Quantity Selector that applies styles based on the amount of elements. - Issue 15 of Web Design Readings
I published the latest issue of Web Design Readings on typography, ES6 JavaScript, CSS quantity selectors and minimal viable product. - Issue 14 of Web Design Readings
Published Issue 14 of Web Design Readings — Pay what the temperature is, customize Google map style, web design copy writing. - New note on the invisible animation
A note on animation should be invisible to user. - Web design note – Found a mozilla easter egg
Found an ascii art of hiring message in MDN’s console. - Issue 13 of Web Design Readings
I published the Issue 13 of Web Design Readings – .htaccess repo, CSS object-fit, CSS-only sprite sheet animation. - A demo on object-fit
I created a demo of the CSS object-fit. - Found a .htaccess resource repo.
I found a useful .htaccess resource repo. - New note on iOS dev – Portrait upside-down
I think every iPhone app should support portrait upside-down. - New note on Web Design – Twitter’s fav icon with CSS steps function
Added a note on Twitter's fav icon animation. - New note on Web Design – Basecamp’s 404 page
A note on the nicely crafted 404 file not found page by Basecamp. - Issue 12 of Web Design Readings
I published the issue 12 of Web Design Readings, with articles on the art of alt, flexbox syntax, JavaScript equality and a fun 3D website. - On 60fps mobile web
Added a note on the 60fps mobile web with canvas. - Simplified the site structure
I simplified the site structure into 2 sections: apps and know-hows. - Learning Foundation for App
Here is a note on learning the grid system of Foundation for App. - Web Design Readings – Issue 5 and 6
The issue 5 and issue 6 of the Web Design Readings are out. Please subscribe this newsletter to show your support if you enjoy it. Many thanks! - Weekend Web Design Readings
Recently I publish a weekly newsletter for web design. The latest one is issue 4 which focuses on CSS. You can find the past issues in the archive. - Focus means saying No to phenomenal ideas
I post a new thought “Focus means saying No to phenomenal ideas” in productivity category. - Added iOS Dev Scrapbook
I added a section called iOS Dev Scrapbook which contains snippets of iOS development tips and hints. - Page navigation
I recently added a page navigation at the top of the course material. It allows faster navigation between course pages. - New essay
I added a new essay. It’s the story of how I became the current myself. - Removed Disqus
Removed Disqus comment box. Now I encourage readers to use Twitter for comments and discussion. - Style update
I changed to a new font-face for better readability, new style sheet built from scratch for fewer lines of code, minimal JavaScript for faster loading and rendering. I believe web design is about polishing every detail, for both visual part and the code. So I’ll keep improving both. - Mobile Web Design Course
Added chapter 4 and chapter 5 content. - New course
Added new course: Mobile web design. - Layout improvement.
I improved the footer, fixed misc bugs on heading, and fine tuned the font-face. - Reorganised content on home page.
- Added chapter 8 jQuery mobile to the course Introducing Web Design.
- Added live chat
Added live chat that's powered by FirehoseChat. I encourage you, my premium readers, to ping me for any questions. It's me answering the chat personally. - Added chapter 6 to Introducing Web Design course
Added Chapter 6 – Introducing Ruby on Rails to the web design course. It demonstrates how to make a simple customer relationship management system. - Style Updates
Updated the font to Minion Pro. Also added canvas animation for testing. Expect to have more animated and interactive things here. - Added chapter 5 of “Introducing Web Design”
Added chapter 5 of “Introducing Web Design”. - Added a zoom in/out feature to tutorial images.
Designed to be scroll friendly and minimal. - Added a new section: Learning CreateJS
Following my latest book and video course that feature the CreateJS library, I created a new section to further discuss how we can make HTML5 games with the CreateJS suite. - Updated styles
Updating the style to make it 3-columns grid for content. - New thought
Added a new post: Sharing of my career path. - Adding a new course: Introducing Web Design
- Added license to Text.
Now text are in CC BY-NC 4.0 license. Code snippets remain to be MIT license unless specified. - Updated the font from Bitter to FF Tisa Pro.
The heading looks better. - Updated the PhoneGap course with code projects based.
- Added chapter 12 to the Mobile Web App dev course
Added chapter 8 to the Mobile Web App dev course. - Separated chapter 9 of mobile app course into two chapters.
- Added a thought on how Writer Pro fits my usage.
- Added chapter 9 to the Mobile Web App dev course
Added chapter 9 to the Mobile Web App dev course with jQuery mobile list view. - Added page for my latest HTML5 Games Dev video course.
- Added a short note on the Amazon’s 3D book flipping effect.
- Added chapter 8 to the Mobile Web App dev course
Added chapter 8 to the Mobile Web App dev course with jQuery mobile list view. - Added CoffeeScript notes to lab as a starting point of this Chinese book.
- Added two books to Learning Resources of Mobile web app dev course.
- Updated the diff tools.
- Added chapter 7 to the Mobile Web App dev course
Added chapter 7 to the Mobile Web App dev course with jQuery mobile list view. - Added chapter 6 to the Mobile Web App dev course
Added chapter 6 to the Mobile Web App dev course with jQuery mobile list view. - Added two more books to the Learning Resource of Mobile Web App Dev course.
- Enhanced footer navigation to show the title of the next/prev page.
- Mobile web app dev with PhoneGap
Added a list of learning resources. - Updated the heading font again.
Changed to Museo 700 now. A beauty heading font by Jos Buivenga (exljbris). - Updated the heading font.
It was Oleo Script. It is now Bevan. - Added chapter 3 to Mobile web app dev course.
The main dish in chapter 3 is creating a “Rain or Not?” app that tells the user to bring umbrella or not that day. - Course note for Ruby on Rails and Mobile Web App Dev
These several weeks, I have been busying on writing the course notes for my lectures in Macao. They includes Ruby on Rails and Mobile Web App Dev. I am using these notes directly in my classes. After the classes, I will try to think how I can polish it for self learning purpose for the readers. Actually I have been teaching iOS dev for 2 years, with quite a lot of notes in slide format. In some days I may put them online with notes added. May be. - Post Updated
Updated the Get focus tips: Unplug the A/C Power post with an illustration and a highlight quote. - New Post
Added an old post: Get focus tips: Unplug the A/C Power. - Setting up the site with initial pages.
