Zozo Tabs - Fully Responsive and Touch-Enabled jQuery Tabs plugin New Features in Zozo Tabs 6.5 (18 March 2014) ZOZO TABS 6.5 - jQuery Tabs Plugin comes with some awesome new features to the table including Flat Theme Pack Extension, enhanced core css and themes, more intelligent responsive feature. Keep in touch Headhesive demo - Mark Goodyear Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action How we effectively use Trello for project management Trello is an incredibly versatile tool for project management. It’s flexibility allows for it to be a simple tool for personal organization or a powerful engine for product development with large teams. In this article we share how we use Trello, along other interesting use cases from different startups. Basic Trello overview Trello is a task management app that gives you a visual overview of what is being worked on and who is working on it.
Responsive Website Design What is Responsive Website Design? A responsive website is a single website that adapts to the device of each unique visitor, whether desktop, smartphone, or tablet. A responsive website dynamically re-sizes its content and imagery for a variety of different screen sizes in order to ensure the website is effective and easy to use on any device. Why should I use Responsive Website Design? Rapidly growing mobile usage
Making a SVG HTML Burger Button Note: works in safari, chrome, firefox (mask opacity is iffy) Hamburger buttons are used to symbolify hidden menus all across the world, but when I came across this pretty awesome transition of a hamburger button by CreativeDash, I challenged myself with recreating it HTML. First thoughts. Having never worked with animating SVG before I had a couple of ideas of how I wanted to approach the animated path. Original Idea: One path.
Off-Canvas Menu Effects Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations. View demo Download source Today we’d like to share a couple of styles and effects for off-canvas menus. The off-canvas sidebar is widely used and we have already created some effect inspiration before. Annual Report 2014 Jan 2014 11-18 january 2014 Grüne Woche and GFFA in Berlin Visual feedback and bug tracking for Trello User management An automatic user data export and role-management from Trello. Comments and statuses
Responsive Web Design: Using Fonts Responsively Typography is one of the most important aspects of responsive web design, and optimizing your fonts for mobile devices is an absolute necessity if you want your content to be palatable across all screen sizes. Fortunately, the process of building flexible fonts is not very difficult. When we talk about flexibility (which is the guiding principle in this case), we cannot overlook the specified size of the font we’ve chosen to adapt for our responsive website. We may use different metrics for this purpose, including pixels, ems, rems, or percentages. Choosing the right metric is critical for designing a malleable, responsive interface. In this continuation on responsive web design, I’ll explain how to manage dynamic fonts responsively, and I’ll analyze all of the aforementioned metrics, comparing the strength and weaknesses of each choice.