A few months ago, Simon made the switch from Photoshop to Bohemian Coding's Sketch 2 as his design tool of choice.
In this article, Simon introduces a few of Sketch's key features and tries to explain why they make life easier for him as a designer, compared to using Photoshop.
Is Sketch the future of web design apps? Is Photoshop now redundant in the web design world? Read on and see what you think!
We're delighted to announce that the third edition of our eBook, "Master Mobile Web Apps with jQuery Mobile", is now out!
The third edition is fully updated for jQuery Mobile 1.1 and 1.2, including all the data attribute changes, API changes and other improvements to the framework since 1.0. Some of the great new features covered in the book include:
- Vastly improved toolbars and transitions
- A brand new popup widget
- Mini form elements
- A new, more customizable loading spinner
- Slider and listview improvements, and
- An improved ThemeRoller tool.
We've also updated the CityChums app in Chapter 13 for PhoneGap 2.1, Xcode 4.5 and the new 4-inch Retina display on the iPhone 5, and we've tweaked it so it runs more smoothly.
Find out more and grab your copy today!
Many firms are very scared of social media, fearing that they will be rubbished in front of the whole world. The truth is, you can expect a certain amount of criticism when you open yourself up on social media, but you have to regard it as an opportunity to interact with and better get to know your customers. Done right, it can enhance brand loyalty like no other medium.
In this article, Simon Meek shows how a firm can turn a really grumpy, publicly moaning customer into a happy, more loyal one, using nothing but the power of Twitter!
In this article, Simon looks at how web design and build workflows have changed for him over the last eighteen months.
From visual design tools to wireframes, responsive design and working with live data, the landscape has changed significantly in terms of tools, focus and workflow.
Read about how these and other changes have affected Elated's in-house designer.
While a responsive layout isn't too hard to create, things can get fiddly once your layout starts getting more complex. On top of that, there are cross-browser issues to deal with, as well as setting up nice defaults for typography, colours, buttons, forms, menus, and so on.
This is where frameworks like Foundation come in. Foundation gives you a responsive grid, cross-browser CSS, and good-looking default settings for all sorts of page elements.
In this introduction to Foundation, you'll get an overview of Foundation's features, and see how you can use the framework to rapidly prototype and build your next website. Enjoy!
One recent library that's growing in popularity is Knockout. Using Knockout, you can build complex user interfaces in a fraction of the time that it would take you to code everything by hand.
In this tutorial, you learn Knockout from the ground up. You explore the key concepts behind Knockout, and learn how to create interactive web pages quickly and easily. At the end of the tutorial, you work through a complete "product selection" example that shows how to use Knockout in practice.
Since publishing Matt's tutorial Build a CMS in an Afternoon with PHP and MySQL last year, many readers have asked how to add an image upload feature to this CMS.
In this tutorial, you learn how to do exactly that. You'll modify the CMS code so that an image can be uploaded for each article. The CMS then displays the image when viewing the article page, and also creates smaller thumbnail images for the article list pages.
Along the way, you'll learn all about how file uploads work in PHP, and how to manage uploaded images on a server.
The tutorial includes the full CMS code - including image upload support - as a downloadable zip file.
It's giveaway time again here on Elated! This week, you can win a digital copy of "The Best 365 Websites Around the World (2011)" from the lovely folks over at Awwwards. We have five digital copies of this beautiful eBook to give away.
Enter now for your chance to win a copy!
Templates are a great way to separate your website's code from its design. In this tutorial you'll explore Mustache, a relatively new and very simple template system that you can easily use to create HTML templates.
Along the way, you'll see plenty of code examples that show you how Mustache works. At the end of the tutorial, there's a complete example that uses Mustache, along with jQuery, to create a simple Ajax-based product list page.
The latest version of jQuery Mobile, 1.1, has just hit the streets, and it has some great new features and improvements over 1.0. In this article you'll get a quick run-down of jQuery Mobile 1.1, and all that it has to offer you as a mobile web developer.
You'll look at improved fixed header and footer toolbars; enhancements to page transitions; new transition effects; loading spinner improvements; cute mini form elements; and lots more!