How to get started with ImpressPages

Once upon a time, someone decided to see what would happen if you merged a powerful open source PHP framework with a drag‘n’drop content editor designed for non-technical users. As it turns out, you get ImpressPages. ImpressPages began as more traditional CMS, with an emphasis on user-friendliness. The content editor was also drag‘n’drop, but I recall that the rest of the interface seemed confusing to me. It seemed as though they were trying to cram in everything anyone might need in a CMS,...

jQuery 3.0 & jQuery Compat 3.0 are announced

If you’re working in web development you probably fit into one of two categories of developer: You think jQuery is the best thing since sliced images and you couldn’t get through the week without it; or, you think jQuery is a bloated crutch used by people too lazy to learn real JavaScript. However you feel about jQuery, there’s no denying the impact it has had on the industry, and the changes rung in by the Web’s most popular JavaScript library. So this week’s announcement of jQuery 3.0 is...
CSS

How to make a ghost button in CSS3

With Halloween just a few days away, this seems like the perfect time to explain how to create an incredibly simple ghost button, in pure CSS. These buttons are referred to as ghost buttons because they have just an outline and let whatever is behind them show through. They’re incredibly popular with startups, because they have a minimal simplicity that fits that style of site. They’re also super easy to make, and can add real impact with just a few lines of CSS. To build one, the first thing you need...

10 free jQuery mobile menu plugins

One of the biggest headaches you’re likely to encounter as a developer is cramming a designer’s gigantic menu onto a mobile screen. There are options open to you: you could repurpose the menu for mobile, you could compact it with JavaScript, you could even reposition it with CSS. But thanks to the amazing jQuery community, you probably don’t need to. There are dozens of jQuery mobile navigation solutions available, all of which have been designed to solve the problem of menus that don’t fit...
CSS

How to use CSS3 animation

In CSS3 we have two ways of creating animations: We have CSS Transitions that allow us to create some simple effects for things like hover; and we also have CSS Animations for more complicated effects. We can in fact create pretty much any animation we want using pure CSS and since it works with keyframes it uses a system we are already used to seeing in software like After Effects and Flash. In this article I'll get you through the basics of animating with vanilla CSS.   Browser support ... CSS Animations...
CSS

How to use CSS3 transforms

CSS has developed exponentially in a relatively short time. From a language that began with simple style choices, we’ve developed a sophisticated way of laying out content. CSS3 has tons of amazing features, and one of the key aspects is the ability to modify an element using CSS Transforms.   Browser support ... Browser support for transforms is actually fairly extensive; 2D transforms are supported by all major browsers, including IE9 and above; 3D transforms are supported by all modern...

How to create your first jQuery plugin, part 2

In the first part of this tutorial we created a very simple jQuery plugin, but the main problem with what we created was that the user didn't have any control over how the tooltip would appear, and in this second part we will create the necessary code to allow the user to change the defaults and replace them with their styles.   Creating our options ... The first thing we need to do to allow the user to pass their own styles when calling the plugin is change the code we use to name the plugin, our code was: $.fn.tooltipMe...

How to create your first jQuery plugin, part 1

Creating your first jQuery plugin means that you’re no longer a beginner. You can now create something that you can use over and over again, or even package and sell to other developers. It may seem hard, but in reality creating a jQuery plugin is actually a simple process. In this article I’ll show you how simple by creating a simple tooltip plugin.   The markup ... Any jQuery plugin requires some kind of markup and in our case all the plugin will need to be able to run properly is an anchor tag that...
Load more
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress