background preloader

Original Hover Effects with CSS3

Original Hover Effects with CSS3

Animated Text and Icon Menu with jQuery Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color. View demoDownload source The inspiration for this menu comes from the website of the Pelican Miami Beach Hotel: The icons are taken from the incredible Noun Project that “collects, organizes and adds to the highly recognizable symbols that form the world’s visual language, so we may share them in a fun and meaningful way”. So, let’s get started! The Markup Our HTML will be an unordered list where each list item will contain an anchor element with the three elements inside that we’ll animate: The data-hovercolor will be used to set the color of the text on hover. Now, let’s make it stylish! The CSS Remember, we always reset our CSS with a reset.css that we’ll add to our main style. Now we’ll style the anchor.

Use WordPress as a CMS (Content Management System) If you're looking into WordPress as a Content Management System (CMS) for your website you came to the right place. Though there are many CMS options available, I'll explain why WordPress is one of the best. Price Range WordPress is an open source project, which means it was created by and for the community. It also means you are free to use it for any type of website without paying anyone a license fee. But not everything is free; WordPress has many features including a plugin architecture and a template system where anyone can develop and charge for their plugin or theme. Hosting WordPress won't run by itself, so you'll need a host to store and run it. Shared servers are shared by a number of different websites. Unlimited storage means unlimited, but don't get carried away with it. Don't let me scare you away from purchasing a shared server, because it could be all that you need. Now dedicated servers you pay twice as much for not as much. Control User Interface Upgrading WordPress Plugins

11 Quick Tips: Securing Your WordPress Site WordPress is the most used open-source platform nowadays for any type of websites: whether it is blog, CMS or any other custom solution. WordPress is naturally based on PHP (among other languages), so, as a PHP developer I always make sure to cover/apply some tips for WordPress to make secure and speedup the site which I develop. In this WordPress tutorial you will find tips and tricks for securing WordPress and otimizing your WordPress blog. This section will going to cover the tips related to securing your WordPress site. Tips includes protecting files, login restriction, WordPress admin restriction, database protection, etc. Security Tip 1: Stay Updated The most important tip for securing the self hosted WordPress websites is also the most obvious; WordPress provides updates with security fixes all of the time. Here's the real tip though: If you themes and plugins don't work with the latest version of WordPress, they're probably not all that secure to begin with ;) Conclusion

Building a Child Theme Update: The BP Default theme will no longer be activated in new installations and will be retired in the near future. This is an approach to child theming based on the BuddyPress Default theme. You may opt to choose a regular WordPress theme and take advantage of the BuddyPress Theme Compatibility introduced in version 1.7 which allows for nearly all WordPress themes to run BP templates within it’s theme and child themeing or customizing your BP templates by copying them to your theme/child theme easy to accomplish! Should you then still prefer to create your own child theme for the BP Default theme, read on The bp-default theme packaged with the BuddyPress plugin is a robust parent theme which includes network-centric template files in addition to special template files similar to what you would find in a regular WordPress theme. Child Themes: What is the point? Stylesheet changes Let’s Start Building! A. B. 1. 2.

WP-Members The default when viewing a blocked post - the plugin will deliver a login screen and registration form in place of blocked content (this default can be changed to other options). Admin Panel - Options Tab - the various option settings for the plugin. Admin Panel - Fields Tab - the plugin field manager allows you to manage (or delete) the installed extra fields and field order, and also add your own custom fields. Admin Panel - Dialogs Tab - the major dialogs that the plugin uses for error and other messages can be edited in the plugin's admin panel. Admin Panel - Emails Tab - all of the emails that are sent by the plugin can be edited in the admin panel. Posts > Edit Post - The plugin adds a meta box to the post/page editor allowing you to set an individual post to be blocked or unblocked (the opposite of whatver your default setting is).

Buddypress Group Documents for BP 1.5 and WP 3.3. | WP MS + Buddypress experiences This plugin lets users upload files into BuddyPress groups. A simple, install-and-go plugin. You can specify what file formats you accept via the Plugin options. The initial plugin of Peter Anselmohis is no longer available, and the old version is not compatible with WordPress 3.3. and Buddypress 1.5. So I start edited it in order to work with Wordpress 3.3. and Buddypress 1.5 and Chris Keeble made a great contribution, since version. Many thanks to the forum for debugging!!! Update (30/4/2013): Buddypress Group Documents for BP 1.7 Version (13/5/2012) for BP 1.5 Changelog Version (May 13, 2012) By Keeble Smith Ltd ( layout of sidebar (early closing of div) in some configurations Version (May 8, 2012) Minor fixes at style.cssNew strings in .pot file Version (May 5, 2012) Multple invalid HTML fixes and cleanup: In 0.4.3. version: In 0.4.2. version: Like this: Like Loading...

Jet Event System for BuddyPress !This plugin hasn't been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. The modern System of events for your social network. Ability to attract members of the network to the ongoing activities, etc. Event catalog Single Event Datepicker Widget on Site Wide Admin Panel Requires: 3.1, BuddyPress 1.2.8 or higher Compatible up to: 3.2.1, BuddyPress 1.2.9 Last Updated: 2011-7-17 Downloads: 30,765 Ratings 4.6 out of 5 stars Author Support Got something to say?

Roles and Capabilities Roles and Capabilities Languages: English • Español • Français • 日本語 • Português do Brasil • 中文(简体) • (Add your language) Description WordPress uses a concept of Roles, designed to give the site owner the ability to control what users can and cannot do within the site. A site owner can manage the user access to such tasks as writing and editing posts, creating Pages, defining links, creating categories, moderating comments, managing plugins, managing themes, and managing other users, by assigning a specific role to each of the users. WordPress has six pre-defined roles: Super Admin, Administrator, Editor, Author, Contributor and Subscriber. The Super Admin role allows a user to perform all possible capabilities. Summary of Roles Super Admin – somebody with access to the site network administration features and all other features. Upon installing WordPress, an Administrator account is automatically created. Roles A Role defines a set of tasks a user assigned the role is allowed to perform.

WordPress For Beginners: Understanding User Roles I have a role to write articles, someone else has a role to look over it and edit and deem as feasible for reading, but what does the role I have mean? Meta: Words or phrases marked in italic will be explained in future posts. You have a role of doing something wherever you are at or at whichever position you are, those roles are pre-defined and involve certain things that you can do and cannot do, some times we do break rules, however with software we usually cannot. Likewise with WordPress there are some roles that are pre-defined and have certain capabilities that you can use to assign to members of your site, in this post we will look at those roles and know what each of them mean. Subscriber Role What is Subscriber Role? A subscriber role is the most basic and default role that is assigned to any user that registers to the site, unless you of course change that by tweaking the settings. Best Practices for Subscriber Role? Subscriber Role in WordPress; Contributor Role Who is a Contributor?

BuddyPress - Le Tutorial complet en mode pas-à-pas Il y a quelques jours, le WordCamp me donnait l’opportunité de parler de mon plugin WordPress préféré : BuddyPress. Lors de ma conférence, je vous ai présenté globalement ce puissant moteur de communautés. Or le WordCamp, c’est aussi une rencontre communautaire, et je suis heureux d’avoir fait la connaissance de Fabrice (WP Formation WordPress) avec qui j’ai beaucoup échangé pendant ces 2 journées dédiées aux amoureux de WordPress. Il m’a notamment proposé de publier des "tutos" sur son site, et c’est pour moi l’opportunité de prendre le temps d’entrer un peu plus dans le détail de BuddyPress et ce de manière très opérationnelle. Je vous propose donc une série d’articles pour découvrir BuddyPress en mode tutorial pas-à-pas. Dans ce 1er épisode, nous allons commençer par créer un annuaire de membres pour notre site... @iMath Episode 1: Mettre en place un annuaire de membres WordPress Out of the box Petit rappel de ce que nous propose WordPress pour organiser les membres de notre blog : Tada !

noty - A jQuery Notification Plugin Hi! noty is a jQuery plugin that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue. (Optional) The notifications can be positioned at the: top - topLeft - topCenter - topRight - center - centerLeft - centerRight - bottom - bottomLeft - bottomCenter - bottomRight The API provides lots of other options to customise the text, animation, speed, buttons and much more. It also has various callbacks for the buttons such as opening and closing the notifications and queue control. Layouts & Demos Top Alert Success Error Warning Information Confirm TopLeft Alert Success Error Warning Information Confirm TopCenter Alert Success Error Warning Information Confirm TopRight Alert Success Error Warning Information Confirm CenterLeft Alert Success Error Warning Information Confirm Center Alert Success Error Warning Information Confirm Installation Try!

Securing Your WordPress Website - Smashing WordPress Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch. Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work. Security has become a foremost concern on the Web in the past few years. This increase in naughty behavior, however, has spurred developers to write better code, and framework vendors have implemented many functions to help coders in their battle against the dark side. Because data validation and sanitization is a big part of both security safeguards and normal user-input processing, by securing our code we will be not only protecting our behinds, but offering a better, more solid user experience. While a large part of this article is specific to WordPress, a sizeable chunk is about general practices that anyone can use. URL-Based Exploits Link Using .htaccess as a Firewall Link if (! (al)