- 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
- 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
- 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
- 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.