Reciprocal Blog » Web and Tech http://reciprocalblog.com Champion Bloggers International Mon, 14 May 2012 11:00:03 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Web font hosting services – An Overview – by sprungmarker.de http://reciprocalblog.com/web-font-hosting-services-an-overview-by-sprungmarker-de/ http://reciprocalblog.com/web-font-hosting-services-an-overview-by-sprungmarker-de/#comments Fri, 11 May 2012 17:00:02 +0000 Dreamerr http://reciprocalblog.com/web-font-hosting-services-an-overview-by-sprungmarker-de/ Bookmarked: This is just a personal driven overview of web font hosting services and should not be understood as an authoritative attempt to classify the services – as it was mentioned to me. I needed an overview and there was none, so I made one. :) I provide a change log so far and I will try to keep informations up to date. If you want to be added or have further informations, just write me a note: webfont-services@sprungmarker.de.

Source: Web font hosting services – An Overview – by sprungmarker.de

]]> http://reciprocalblog.com/web-font-hosting-services-an-overview-by-sprungmarker-de/feed/ 0 How to Create Beautiful and Elegant HTML Lists Using CSS — Web Design, code, development — Konstruktors http://reciprocalblog.com/how-to-create-beautiful-and-elegant-html-lists-using-css-%e2%80%94-web-design-code-development-%e2%80%94-konstruktors/ http://reciprocalblog.com/how-to-create-beautiful-and-elegant-html-lists-using-css-%e2%80%94-web-design-code-development-%e2%80%94-konstruktors/#comments Thu, 10 May 2012 20:00:13 +0000 Dreamerr http://reciprocalblog.com/how-to-create-beautiful-and-elegant-html-lists-using-css-%e2%80%94-web-design-code-development-%e2%80%94-konstruktors/ Bookmarked: HTML list have become one of the most used HTML elements for marking-up various semantic content structures — navigation, comments and even image galleries.

This article will explain and show you how to style lists inside blog posts, articles or other basic HTML documents.

Source: How to Create Beautiful and Elegant HTML Lists Using CSS — Web Design, code, development — Konstruktors

]]> http://reciprocalblog.com/how-to-create-beautiful-and-elegant-html-lists-using-css-%e2%80%94-web-design-code-development-%e2%80%94-konstruktors/feed/ 0 9 Important XML Syntax Rules You Must Know | TutorialFeed http://reciprocalblog.com/9-important-xml-syntax-rules-you-must-know-tutorialfeed/ http://reciprocalblog.com/9-important-xml-syntax-rules-you-must-know-tutorialfeed/#comments Thu, 10 May 2012 12:00:03 +0000 Dreamerr http://reciprocalblog.com/9-important-xml-syntax-rules-you-must-know-tutorialfeed/ Bookmarked:

Source: 9 Important XML Syntax Rules You Must Know | TutorialFeed

]]> http://reciprocalblog.com/9-important-xml-syntax-rules-you-must-know-tutorialfeed/feed/ 0 Typograph – Scale & Rhythm http://reciprocalblog.com/typograph-%e2%80%93-scale-rhythm/ http://reciprocalblog.com/typograph-%e2%80%93-scale-rhythm/#comments Wed, 09 May 2012 11:00:03 +0000 Dreamerr http://reciprocalblog.com/typograph-%e2%80%93-scale-rhythm/ Bookmarked: This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you can play upon it.

Source: Typograph – Scale & Rhythm

]]> http://reciprocalblog.com/typograph-%e2%80%93-scale-rhythm/feed/ 0 Pearsonified’s Golden Ratio Typography Calculator http://reciprocalblog.com/pearsonified%e2%80%99s-golden-ratio-typography-calculator/ http://reciprocalblog.com/pearsonified%e2%80%99s-golden-ratio-typography-calculator/#comments Wed, 09 May 2012 11:00:03 +0000 Dreamerr http://reciprocalblog.com/pearsonified%e2%80%99s-golden-ratio-typography-calculator/ Bookmarked: Ratio Typography Calculator

Source: Pearsonified’s Golden Ratio Typography Calculator

]]> http://reciprocalblog.com/pearsonified%e2%80%99s-golden-ratio-typography-calculator/feed/ 0 Over 46 Powerful Geeklets and Scripts for the Geek Within You | Mac.AppStorm http://reciprocalblog.com/over-46-powerful-geeklets-and-scripts-for-the-geek-within-you-mac-appstorm/ http://reciprocalblog.com/over-46-powerful-geeklets-and-scripts-for-the-geek-within-you-mac-appstorm/#comments Wed, 09 May 2012 04:00:04 +0000 Dreamerr http://reciprocalblog.com/over-46-powerful-geeklets-and-scripts-for-the-geek-within-you-mac-appstorm/ Bookmarked: GeekTool is a small, yet remarkably powerful application that some neglect because of it’s steep learning curve. Thankfully for uniquely useful apps like GeekTool, there is always a community of users that make the app even better — and in this case simpler.

From basic to exceedingly complex, the following is an assortment of very useful, powerful and fun Geeklets and scripts that can help you get started with GeekTool. From weather, power consumption and productiveness to social, music and Internet, there are plenty of great Geeklets to try and enjoy. Just remember not to use too many Geeklets at once; your RAM will thank you.

Source: Over 46 Powerful Geeklets and Scripts for the Geek Within You | Mac.AppStorm

]]> http://reciprocalblog.com/over-46-powerful-geeklets-and-scripts-for-the-geek-within-you-mac-appstorm/feed/ 0 HTML KickStart – Ultra–Lean HTML Building Blocks for Rapid Website Production – KickStart your Website Production – 99Lime.com http://reciprocalblog.com/html-kickstart-ultra%e2%80%93lean-html-building-blocks-for-rapid-website-production-kickstart-your-website-production-99lime-com/ http://reciprocalblog.com/html-kickstart-ultra%e2%80%93lean-html-building-blocks-for-rapid-website-production-kickstart-your-website-production-99lime-com/#comments Tue, 08 May 2012 04:00:04 +0000 Dreamerr http://reciprocalblog.com/html-kickstart-ultra%e2%80%93lean-html-building-blocks-for-rapid-website-production-kickstart-your-website-production-99lime-com/ Bookmarked: HTML KickStart is an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10′s of hours on your next web project.

Source: HTML KickStart – Ultra–Lean HTML Building Blocks for Rapid Website Production – KickStart your Website Production – 99Lime.com

]]> http://reciprocalblog.com/html-kickstart-ultra%e2%80%93lean-html-building-blocks-for-rapid-website-production-kickstart-your-website-production-99lime-com/feed/ 0 Dirty Markup · Tidy and Beautify your HTML, CSS, and JavaScript code http://reciprocalblog.com/dirty-markup-%c2%b7-tidy-and-beautify-your-html-css-and-javascript-code/ http://reciprocalblog.com/dirty-markup-%c2%b7-tidy-and-beautify-your-html-css-and-javascript-code/#comments Mon, 07 May 2012 15:00:04 +0000 Dreamerr http://reciprocalblog.com/dirty-markup-%c2%b7-tidy-and-beautify-your-html-css-and-javascript-code/ Bookmarked: DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code. Just paste your code into the editor and press “clean”. Now supports HTML5!

Source: Dirty Markup · Tidy and Beautify your HTML, CSS, and JavaScript code

]]> http://reciprocalblog.com/dirty-markup-%c2%b7-tidy-and-beautify-your-html-css-and-javascript-code/feed/ 0 Email Testing and Email Preview – Email on Acid http://reciprocalblog.com/email-testing-and-email-preview-email-on-acid/ http://reciprocalblog.com/email-testing-and-email-preview-email-on-acid/#comments Thu, 03 May 2012 04:00:05 +0000 Dreamerr http://reciprocalblog.com/email-testing-and-email-preview-email-on-acid/ Bookmarked:

Source: Email Testing and Email Preview – Email on Acid

]]> http://reciprocalblog.com/email-testing-and-email-preview-email-on-acid/feed/ 0 Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2) http://reciprocalblog.com/word-2007-html-and-css-rendering-capabilities-in-outlook-2007-part-1-of-2/ http://reciprocalblog.com/word-2007-html-and-css-rendering-capabilities-in-outlook-2007-part-1-of-2/#comments Thu, 03 May 2012 04:00:05 +0000 Dreamerr http://reciprocalblog.com/word-2007-html-and-css-rendering-capabilities-in-outlook-2007-part-1-of-2/ Bookmarked: Summary: Learn about support for the HTML and Cascading Style Sheets specification provided by Word 2007 and Outlook 2007. Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2) provides instructions to install and use the Outlook 2007 Tool: HTML and CSS Validator. (24 printed pages)

Source: Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)

]]> http://reciprocalblog.com/word-2007-html-and-css-rendering-capabilities-in-outlook-2007-part-1-of-2/feed/ 0 Email Testing and Email Marketing Analytics – Litmus http://reciprocalblog.com/email-testing-and-email-marketing-analytics-litmus/ http://reciprocalblog.com/email-testing-and-email-marketing-analytics-litmus/#comments Thu, 03 May 2012 04:00:05 +0000 Dreamerr http://reciprocalblog.com/email-testing-and-email-marketing-analytics-litmus/ Bookmarked:

Source: Email Testing and Email Marketing Analytics – Litmus

]]> http://reciprocalblog.com/email-testing-and-email-marketing-analytics-litmus/feed/ 0 The Photoshop Etiquette Manifesto for Web Designers http://reciprocalblog.com/the-photoshop-etiquette-manifesto-for-web-designers/ http://reciprocalblog.com/the-photoshop-etiquette-manifesto-for-web-designers/#comments Wed, 02 May 2012 20:00:05 +0000 Dreamerr http://reciprocalblog.com/the-photoshop-etiquette-manifesto-for-web-designers/ Bookmarked: This site lays out a number of guidelines for creating Photoshop files and workflows that are conducive to productivity and team collaboration. By following these guidelines, you make it easier for others to work with your files, and more likely that your project will go smoothly. Some of the things included are common-sense (proofread before exporting), but others aren’t necessarily something you’d think of if you’re not used to collaborating or working on big projects (use folders, keep logos as vector smart objects). It also includes helpful illustrations for each example, so there’s no confusion.

Source: The Photoshop Etiquette Manifesto for Web Designers

]]> http://reciprocalblog.com/the-photoshop-etiquette-manifesto-for-web-designers/feed/ 0 Styleneat – CSS Organizer http://reciprocalblog.com/styleneat-css-organizer/ http://reciprocalblog.com/styleneat-css-organizer/#comments Wed, 02 May 2012 11:00:06 +0000 Dreamerr http://reciprocalblog.com/styleneat-css-organizer/ Bookmarked: It organizes and standardizes your CSS – selectors, sub-selectors and properties – in a structure that makes it easier to define page areas and see how they relate to each other.

Source: Styleneat – CSS Organizer

]]> http://reciprocalblog.com/styleneat-css-organizer/feed/ 0 ProCSSor – Advanced CSS Prettifier http://reciprocalblog.com/procssor-advanced-css-prettifier/ http://reciprocalblog.com/procssor-advanced-css-prettifier/#comments Wed, 02 May 2012 11:00:06 +0000 Dreamerr http://reciprocalblog.com/procssor-advanced-css-prettifier/ Bookmarked: ProCSSor is a powerful (and wholly free) CSS prettifier that lets you format CSS in the exact way you want. It empowers you to turn your CSS into something that is visually more compelling, and with a minimum of effort at that.

Source: ProCSSor – Advanced CSS Prettifier

]]> http://reciprocalblog.com/procssor-advanced-css-prettifier/feed/ 0 Fluid Baseline Grid – A sensible HTML5 and CSS3 development kit http://reciprocalblog.com/fluid-baseline-grid-a-sensible-html5-and-css3-development-kit/ http://reciprocalblog.com/fluid-baseline-grid-a-sensible-html5-and-css3-development-kit/#comments Wed, 02 May 2012 11:00:05 +0000 Dreamerr http://reciprocalblog.com/fluid-baseline-grid-a-sensible-html5-and-css3-development-kit/ Bookmarked: The FBG system was built with typographic standards in mind and combines principals of fluid-column layouts, baseline grids and mobile-first responsive design into a resolution independent and device agnostic framework. It is packed with CSS normalization, beautiful typographic standards, corrected bugs, common browser inconsistencies and improved usability. You can finally have your cake and eat it too, all while making awesome websites.

Source: Fluid Baseline Grid – A sensible HTML5 and CSS3 development kit

]]> http://reciprocalblog.com/fluid-baseline-grid-a-sensible-html5-and-css3-development-kit/feed/ 0 GitHub · Social Coding http://reciprocalblog.com/github-%c2%b7-social-coding/ http://reciprocalblog.com/github-%c2%b7-social-coding/#comments Wed, 02 May 2012 11:00:05 +0000 Dreamerr http://reciprocalblog.com/github-%c2%b7-social-coding/ Bookmarked: GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over a million people use GitHub to build amazing things together.

With the collaborative features of GitHub.com, our desktop and mobile apps, and GitHub Enterprise, it has never been easier for individuals and teams to write better code, faster.

Source: GitHub · Social Coding

]]> http://reciprocalblog.com/github-%c2%b7-social-coding/feed/ 0 LESS « The Dynamic Stylesheet language http://reciprocalblog.com/less-%c2%ab-the-dynamic-stylesheet-language/ http://reciprocalblog.com/less-%c2%ab-the-dynamic-stylesheet-language/#comments Mon, 30 Apr 2012 19:00:04 +0000 Dreamerr http://reciprocalblog.com/less-%c2%ab-the-dynamic-stylesheet-language/ Bookmarked:

Source: LESS « The Dynamic Stylesheet language

]]> http://reciprocalblog.com/less-%c2%ab-the-dynamic-stylesheet-language/feed/ 0 Emailology – The Science of Looking Good in the Inbox http://reciprocalblog.com/emailology-the-science-of-looking-good-in-the-inbox/ http://reciprocalblog.com/emailology-the-science-of-looking-good-in-the-inbox/#comments Wed, 25 Apr 2012 20:00:19 +0000 Dreamerr http://reciprocalblog.com/emailology-the-science-of-looking-good-in-the-inbox/ Bookmarked:

Source: Emailology – The Science of Looking Good in the Inbox

]]> http://reciprocalblog.com/emailology-the-science-of-looking-good-in-the-inbox/feed/ 0 CSS Gallery | CSS Design for Web Design Inspiration : CSS CHIMP http://reciprocalblog.com/css-gallery-css-design-for-web-design-inspiration-css-chimp/ http://reciprocalblog.com/css-gallery-css-design-for-web-design-inspiration-css-chimp/#comments Wed, 25 Apr 2012 20:00:19 +0000 Dreamerr http://reciprocalblog.com/css-gallery-css-design-for-web-design-inspiration-css-chimp/ Bookmarked: CSS Chimp is a CSS gallery that was lauched to provide Fresh and innovative web designs from around the world. Web designers and developers can submit there inspirational web designs which inspire other web designers to designs new and innovative web designs.

CSS Chimp is run by Charan Kanwal Singh who is just an ordinary web designer who loves to play with pixels. The idea behind the CSS chimp is get along with the latest trends and designs.

Source: CSS Gallery | CSS Design for Web Design Inspiration : CSS CHIMP

]]> http://reciprocalblog.com/css-gallery-css-design-for-web-design-inspiration-css-chimp/feed/ 0 Removing spacing from around tables in Outlook 2007 and 2010 – Blog – Campaign Monitor http://reciprocalblog.com/removing-spacing-from-around-tables-in-outlook-2007-and-2010-blog-campaign-monitor/ http://reciprocalblog.com/removing-spacing-from-around-tables-in-outlook-2007-and-2010-blog-campaign-monitor/#comments Wed, 18 Apr 2012 22:00:09 +0000 Dreamerr http://reciprocalblog.com/removing-spacing-from-around-tables-in-outlook-2007-and-2010-blog-campaign-monitor/ Bookmarked: Finally getting atop an annoying email rendering bug gives geeks like us near-endless, t-shirt removing satisfaction. Especially when it’s plaguing our newsletters. In this instance, our adversary was 3px spacing to the left and right of tables with align=”" applied to them. The stage was Outlook 2007 and 2010. While this has been a long-running issue, things really came to a head when I was coding our latest email newsletter, only to find that two text boxes nested in a table would not sit alongside each other, thanks to said gaps:

Source: Removing spacing from around tables in Outlook 2007 and 2010 – Blog – Campaign Monitor

]]> http://reciprocalblog.com/removing-spacing-from-around-tables-in-outlook-2007-and-2010-blog-campaign-monitor/feed/ 0