The Perfect Fanpage Profile Picture (+ FREE PSD) - WP4FB [message_box type="note" icon="yes" close="Hide"]When this post was post was published, WP4FB was only a simple WordPress theme that is not comparable to the current WP4FB WordPress plugin. The current plugin is a completely new product with many new features. Therefore, this post may be outdated. In this post I want to give away some tips on how to make the perfect fan page profile picture, as well as a FREE profile picture which you can use however you like, so keep on reading! Make use of the size The maximum size of a profile picture is 180 x 540 pixels. However, when you’re using multiple tabs (which appear under the profile picture) you should make sure the page navigation appears above the fold (thus make your profile picture slightly smaller than 540px). Include core benefits As mentioned, the profile picture is the first thing users will see when they visit your fan page. Create a striking thumbnail Include social proof Liking a fan page on Facebook is a social interaction.
MySQL MySQL (/maɪ ˌɛskjuːˈɛl/ "My S-Q-L",[6] officially, but also called /maɪ ˈsiːkwəl/ "My Sequel") is (as of March 2014[update]) the world's second most[nb 1] widely used[9][10] open-source relational database management system (RDBMS).[11] It is named after co-founder Michael Widenius's daughter, My.[12] The SQL phrase stands for Structured Query Language.[6] The MySQL development project has made its source code available under the terms of the GNU General Public License, as well as under a variety of proprietary agreements. MySQL was owned and sponsored by a single for-profit firm, the Swedish company MySQL AB, now owned by Oracle Corporation.[13] For commercial use, several paid editions are available, and offer additional functionality. Interfaces[edit] MySQL is a relational database management system (RDBMS), and ships with no GUI tools to administer MySQL databases or manage data contained within the databases. Graphical[edit] Command line[edit] Programming[edit] Features[edit]
CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly. FFFFALLBACK - A simple tool for bulletproof web typography. Kramer about to barge into Jerry's apartment. The view from the hallway. : pics Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix. In older browsers like IE8, nothing will break, just properties won’t get prefixed. Test the prefixing that -prefix-free would do for this browser, by writing some CSS below: Properties/values etc that already have a prefix won’t be altered. It’s not ideal, but it’s a solution, until a more intuitive way to deal with these cases is added in -prefix-free. Please note that in unsupported browsers like IE8, no such class will be added. Firefox (and IE?)
Mega Web Buttons Pack #1 Today we want to share our first set of easy-to-implement buttons called ‘Mega Web Buttons Pack’. In this set you will find 42 buttons which you can use easily on your website. We are using the WooFunction icon set released under the GNU General Public License. View demoDownload source Today we want to share our first set of easy-to-implement buttons called ‘Mega Web Buttons Pack’. Our first step is to add the following line of jQuery: This means that we will create a new ‘span’ element which is the holder for the button icon. If, for example, you want to add the ‘Chart’ button you need to add markup to your website: or the ‘Search’ button: In the CSS you can change the looks by, for example, changing the background color: and markup will be: etc. :) We hope you like our experiment.
Giles Milton: GOOD SHIP ZONG: THE MOST MACABRE INSURANCE CLAIM IN HISTORY It had been a grim sea voyage across the Atlantic. Dysentery, diarrhoea and small pox had already claimed the lives of seven crew members aboard the Zong. The slaves were suffering a far higher mortality rate. At least 62 had already died since leaving the shores of Africa. Every slave that died meant less profit for him. On 29 November, 1781, Captain Collingwood was struck by deeply macabre idea. His reasoning was callous in the extreme: if the slaves died of illness, their insurance value was lost. The Zong’s First Mate, James Kelsall, was appalled by the captain’s proposal. After much persuasion, Kelsell changed his mind and agreed with the captain and other officers. Captain Collingwood went below decks to select his ‘parcel’ of victims: on that first day, he decided to concentrate on the women and children, probably because he thought they would put up less of a struggle. He ordered another 36 were to be thrown into the seas, only on this occasion it proved more difficult.
CSS drop-shadows without images Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. This post is a summary of the technique and some of the possible appearances. Demo: CSS drop-shadows without images Known support: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ I’ll be looking mainly at a few details involved in making this effect more robust. After a bit of back-and-forth on Twitter with Simurai, and proposing a couple of additions to Divya’s and Matt’s demos using jsbin, I felt like documenting and explaining the parts that make up this technique. The basic technique There is no need for extra markup, the effect can be applied to a single element. The pseudo-elements need to be positioned and given explicit or implicit dimensions. The next step is to add a CSS3 box-shadow and apply CSS3 transforms. One of the pseudo-elements then needs to be positioned on the other side of the element and rotated in the opposite direction.
[ELI5] The implications, if any, for the rest of the US, of Puerto Rico voting to become a state. : explainlikeimfive The Top 8 Placeholder Services for Web Designers In the last year, there's been a wave of helpful placeholder services. What's a placeholder? Well, when you're working on a new website, isn't it a waste of time to use stock images, cropped to the right dimensions? A placeholder service allows you to automatically use a random image at the desired dimensions with minimal effort. In the last week, I've compiled a list - in no particular order - of what I consider to be the most useful and flexible placeholder services on the web. Certainly, for most of you, you'll end up picking one or two of the following to use in your own projects. 1 - PlaceKitten A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Usage Follow the placekitten.com url with your desired dimensions. 2 - Placehold.it A quick and simple image placeholder service. Note that, with this service, you set your dimensions more traditionally, rather than separating the widths and heights into segments. 3 - SheenHolders Conclusion
This cold-drip coffee machine looks like it belongs in a mad scientist's lab. Also it requires no electricity or filters. (scroll for pics) : Coffee