Tutorial: Getting Started With jQuery Animations
“jQuery. No doubt you have heard about this popular JavaScript library. It has taken the throne of all the JavaScript libraries out there because of its many features and easy syntax. Today, I will show you one of the simpler uses of jQuery: you can animate things. this will be the focus of today’s tutorial.
Before we begin, you should learn one very important thing: this next snippet of code.”
What is Responsive Web Design And How Can I Use It?
“Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course.
In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option?
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.”
Extending the Functionality of WordPress (Part 2)
“Previously, we brought you a handful of ways to expand on the functionality of any WordPress based site using some inspired plugins and/or themes to elevate this CMS beyond its humble beginnings as a blogging platform. With ways to turn WP into a Discussion Forum, an Online Shop, and a Helpdesk. Today, that mission continues.
Excerpt from Part One
Theme designers and plugin developers have been pushing the boundaries of what WordPress can do for some time. This has accelerated since the introduction of Custom Post Types into the WordPress core as it allows developers to use WordPress in a lot of weird and wonderful ways.
Today we will begin showing you examples of themes and plugins that let you use WordPress in ways you may have never thought possible.
As we mentioned last week, in this installment we will show you how to extend the possibilities of your WP site to make it a Wiki, an Arcade, a Job Board, a Membership based site, a Review site, or just a Q&A site. Now let’s get at it.”
How To Create Flexible Images And Media In CSS Layouts
“A flexible layout isn’t all that flexible if some of the component parts are fixed. Text easily reflows as it’s container resizes, but what about images and other media? How do we make them flexible to keep our layout flexible?
Last week we talked about elastic layouts and flexible grids. Next week we’ll look at media queries. We’re building toward responsive layouts by discussing each of the 3 parts necessary for responsive design in a separate post.
All the credit here belongs to Ethan Marcotte and I recommend his post on flexible images. I also highly recommend Ethan’s new book on responsive design.
Also Richard Rutter has set up a page experimenting with flexible images using max-width that’s worth checking out.”
Why You Should Start Using HTML5 & CSS3 Today
“For a while now, we have taken notice of how many designers are reluctant to embrace the new technologies such as CSS3 or HTML5 because of the lack of full cross-browser support for these technologies. Many designers are complaining about the numerous ways how the lack of cross-browser compatibility is effectively holding us back and tying our hands keeping us from completely being able to shine and show off the full scope of our abilities in our work. Many are holding on to the notion that once this push is made, we will wake to a whole new Web full of exciting opportunities just waiting on the other side. So they wait for this day. When in reality, they are effectively waiting for Godot.
Just like the elusive character from Beckett’s classic play, this day of full cross-browser support is not ever truly going to find its dawn and deliver us this wonderful new Web where our work looks the same within the window of any and every Web browser. Which means that many of us in the online reaches, from clients to designers to developers and on, are going to need to adjust our thinking so that we can realistically approach the Web as it is now, and more than likely how it will be in the future.
Sometimes it feels that we are hiding behind the lack of cross-browser compatibility to avoid learning new techniques that would actually dramatically improve our workflow. And that’s just wrong. Without an adjustment, we will continue to undersell the Web we have, and the landscape will remain unexcitingly stale and bound by this underestimation and mindset.”
Extending the Functionality of WordPress (Part 1)
“For a platform that started its life as solely a platform for blogging, WordPress has come a long way over the last few years. It’s certainly earned the right to be known as the most popular Content Management System (CMS) on the net with speculation that between the self hosted script and its hosted service WordPress.com, it powers over 25% of the web (WordPress.com exceeded 50 million websites last week!).
Theme designers and plugin developers have been pushing the boundaries of what WordPress can do for some time. This has accelerated since the introduction of Custom Post Types into the WordPress core as it allows developers to use WordPress in a lot of weird and wonderful ways.
Today we will begin showing you examples of themes and plugins that let you use WordPress in ways you may have never thought possible. Most of the newer themes and plugins in this list use custom post types however some older scripts still use a custom solution.”
Create An HTML/CSS Mobile Web App Using Sencha Touch
“The world of mobile app development is quickly becoming a crowded and complicated space, especially for those outside of the development niche. Which development platform should I use? Do I go native or Web-based? Which devices should I plan for? Can I build my mobile website by hand or should I use a pre-built package? The questions are endless.
As a designer, my job is to help my clients answer these questions. I try to stay in the category of knowing enough to be dangerous, and I keep tabs on the latest mobile development trends, one being the growing popularity of mobile Web apps.”
Learning To Use The :before And :after Pseudo-Elements In CSS
“If you’ve been keeping tabs on various Web design blogs, you’ve probably noticed that the :before and :after pseudo-elements have been getting quite a bit of attention in the front-end development scene and for good reason. In particular, the experiments of one blogger namely, London-based developer Nicolas Gallagher have given pseudo-elements quite a bit of exposure of late.
To complement this exposure (and take advantage of a growing trend), I’ve put together what I hope is a fairly comprehensive run-down of pseudo-elements. This article is aimed primarily at those of you who have seen some of the cool things done with pseudo-elements but want to know what this CSS technique is all about before trying it yourself.
Although the CSS specification contains other pseudo-elements, I’ll focus on :before and :after. So, for brevity, I’ll say ‘pseudo-elements’ to refer generally to these particular two.”
Google SEO Basics for Beginners
“As many of us web developers already know, Google is rated by many as the number one search engine in the world. We personally know that our websites get about 90% of their search engine traffic direct from Google searches.
Getting indexed by Google can be a pain, but getting highly placed rankings for specific keywords seems to be the nut that not many web developers without SEO (search engine optimization) experience or seo training can crack.
Today we’re going to give you an informative primer on the basics of search engine optimization techniques many of which we use everyday to optimize our websites and stay ahead of our competitors.”
[Go to full article]