background preloader

Web

Facebook Twitter

AddThis - The #1 Bookmarking & Sharing Service. VPS - Hackepedia. A VPS is an acronym for Virtual Private Server. It's virtual meaning it's an instance of an operating system within an operating system. There can be tens or hundreds of VPS's on one physical host. Also see vmware, jails Canadian Canadian hosting providers are becoming increasingly more popular over American as they must comply with privacy legislation (PIPEDA) whereas America is widely known for the US Patriot Act which is essentially the opposite of privacy. Prices mentioned were as of Jan 4, 2011, based on annual: LFCVPS $3/m! 247-Host $36-$119/m Cirrus hosting $19.99-$129.99 GoTekky in Montreal, PQ $19.95-$159.99/m - 12% SevenL $29-294/m Stardot hosting $22/m TinyVPS $5/m VPSVille Toronto, ON $10-50/m PerfoHost $19.95-$79.55/m German Hetzner Online Nuremberg?

Server4YOU Strasbourg, France €8.85+ Strato Berlin, Germany €7.90+ Panamanian Hub.org Inc. VPSlink $14/m. Responsive Web Design: What It Is and How To Use It - Smashing Magazine. Advertisement 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? 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. 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 Concept Of Responsive Web Design Ethan Marcotte1 wrote an introductory article about the approach, “Responsive Web Design992,” for A List Apart. Transplant this discipline onto Web design, and we have a similar yet whole new idea. Adjusting Screen Resolution Flexible Images (al) (vf) Handpicked free fonts for graphic designers with commercial-use licenses.

Wordpress

About Usability - Website Design. A website is a window into how your organization is run. Users assume that if you cut corners on your website, you also cut corners with your products and services. When users feel smart and sophisticated on your website, they tend to stick around. When users feel stupid, their blood pressure goes up, their heart rate increases, and they get a little hot under the collar. This visceral negative reaction begins to harm trust and brand perception almost immediately. Print Design vs. Web Design Everyone knows how to turn pages in a brochure. While there is a surface similarity between print graphic design and website graphic design, website design is much closer to product or industrial design than print design. There are many popular websites that are just plain ugly, but highly functional. For these reasons, usability should not be an afterthought in website design.

The benefits of planning usability into your project from the start are: A Model of Pervasive Usability in Website Design. Dos and Don‘ts Guide to Great Web Web Design. When followed, this guide will prove to be quite a valuable web design resource. From the inexperienced to the experienced, this guide has something for everyone. The Process of Great Web Design Just to make sure we are all on the same page, lets begin with the basic definition for "web design".

According to Wikipedia, web design is: "a process of conceptualization, planning, modeling, and execution of electronic media delivery via Internet in the form of Markup language suitable for interpretation by Web browser and display as Graphical user interface". The process of web design can be compared to the process of writing a research paper. All three stages of the design process are equally important. Stage 1: Conceptualization and planning This stage is skipped more often than the other two stages. There are a few things that you will need in order to effectively conceptualize and plan your website: To begin, grab your pen and paper or launch your favorite flowchart software. The Dos The Donts. How to Elevate Your Website Design Process and Results. This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a "choose your own adventure" novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way.

Adventure time! Introduction One thing you will notice as you proceed through this tutorial is how easily this website could be transformed to a blog about design, a software company's homepage or an open source community. Throughout this tutorial you will see a big emphasis on the design principles and useful Photoshop methods to improve your workflow and design of web sites. Final Image Preview Take a look at the image we'll be creating. Step 1 - 960 Grid System If you aren't already, skip over to 960.gs and familiarize yourself with the 960 grid system and why it is going to be so useful for this tutorial.

Step 2 - Working with the Grid Part I Enough design talk! Real Time Analytics | Lucky Orange. RSS to Email Tutorial. You know you should be sending email newsletters to your clients and customers on a regular basis. But you never find the time to write them, do you? The truth is, you’ll probably never find the time to sit down and write an email newsletter. That’s exactly why we created MailChimp’s RSS-to-Email tool. It takes content from your blog (or any RSS feed), and sends it as an email newsletter to your subscribers. Automagically. If you’re a heavy blogger, you’re probably wondering if it’s anything like Feedburner or Feedblitz or the other bajillions of RSS-to-email tools out there. But here’s the part that’ll make you really poop your pants.

Sound interesting? What is RSS? This is where I should give you an introduction to RSS. Anatomy of a blog post Before getting into the nitty-gritty of our RSS-to-email tool, it’s important to have a very basic understanding of how RSS works. In this tutorial, I’m going to use an article on the MailChimp Blog: New MailChimp Logo by Jon Hicks 1. 2. 3. Oh yeah. Simple Twitter Status Updates. The "Simple Twitter Status Updates" WordPress plugin automatically publishes a status on your twitter account when a post has been published, modified or commented by a user.

The "Simple Twitter Status Updates" plugin is configured in with just a few easy clicks and gets connected to your twitter account using oAuth. That means: you dont need to give away your twitter password! Keep your followers up-to-date with what happens on your blog! Features Automatic twitter status updates from your blogTwitter authentication using oAuth (don't give away your twitter account password)Prefix and suffix for every status updateAutomatic URL shortening using bit.lyEvent log (see what the plugin is doing) Requirements WordPress 3.0 or higherPHP 5.2 or higherPHP extension CURL version 7.0 or higherPHP save mode must be turned OFFThe php.ini value OPEN_BASEDIR should be empty (should not be a problem but sometimes is one) Other Bannerweb Plugins.

Twitter Comments - Twitoaster. Analytics360. WordPress SEO Plugin. Compare Yoast SEO Premium to the free version Yoast SEO Premium vs Yoast SEO Free NEW – Now includes Local SEO, Video SEO and News SEO plugins Cover your SEO needs with Yoast SEO Premium. Whether you're a business owner, news publisher, agency or content creator, Yoast SEO Premium equips you with all the tools and help you need to gain visibility and attract visitors to your website.

Find other ways to optimize your website for SEO No comprehensive SEO solution. (Beta) Get AI-powered suggestions to optimize your content Get suggestions to optimize your content and apply changes at a click! No AI You have to manually optimize all your content yourself. (Beta) Generate high-quality SEO titles and meta descriptions with Yoast AI Get optimized SEO titles and meta descriptions for search and social to increase your click-through-rates. You have to manually write and optimize all your SEO titles and meta descriptions yourself. Optimize for up to five keyword synonyms by adding variants 24/7 support.

Google Analyticator. Google Analyticator is back! Google Analyticator adds the necessary JavaScript code to enable Google Analytics logging on any WordPress blog. This eliminates the need to edit your template code to begin logging. Google Analyticator also includes several widgets for displaying Analytics data in the admin and on your blog. For a video explaining the simple installation process, please visit the new home of Google Analyticator. Features Google Analyticator Has the Following Features: For more information, visit the Google Analyticator plugin page. If you have a great idea on how to improve the plugin, we would love to hear from you at the Google Analyticator Feature Request page A big thank you from the whole community to Ronald for all the hard work he put into this plugin.

We also would like to thank our translators: Polish - Michał Mleczko from Turkish - Cansın Çağan Acarer from. WP Super Cache. This plugin generates static html files from your dynamic WordPress blog. After a html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts. The static html files will be served to the vast majority of your users, but because a user's details are displayed in the comment form after they leave a comment those requests are handled by the legacy caching engine. Static files are served to: Users who are not logged in.Users who have not left a comment on your blog.Or users who have not viewed a password protected post. 99% of your visitors will be served static html files. If for some reason "supercaching" doesn't work on your server then don't worry.

The plugin serves cached files in 3 ways (ranked by speed): Mod_Rewrite. If you're new to caching use PHP caching. Recommended Settings PHP caching.Compress pages.Don't cache pages for known users.Cache rebuild.CDN support.Extra homepage checks. WordPress.com Stats. Google Analytics for WordPress. WordPress SEO. A tutorial to higher rankings for WordPress sites This is the original WordPress SEO article since 2008, fully updated for 2022! WordPress is one of the best content management systems for SEO.

But even though it gets a lot right “out of the box,” there’s much more that you can do to improve your performance. It’s time to focus on WordPress SEO! Optimizing your site using the tactics and best practices outlined in this article will help you improve your rankings, gain more subscribers or sales, and have a better website. Because you should ingrain proper SEO in all aspects of your online marketing and PR, this guide covers quite a lot of ground! Before we start… This article assumes that you’re using our Yoast SEO plugin, which adds more features and SEO tools to WordPress. Read more: How much does Yoast SEO cost? Most of the principles will still apply if you’re using another SEO plugin. Table of contents Get your basic WordPress SEO right Want to learn how to build your own WordPress site? Basic Maths: a theme for WordPress. Color Scheme Designer 3.

Ultimate CSS Gradient Generator - ColorZilla.com. Olark | Real-time chat and monitoring of your website visitors through Google Talk and Jabber. Concrete5 - Free CMS | Open Source Content Management System.

Ruby

Css. MaxCDN | Content Delivery Network | CDN. The anatomy of a WordPress theme. Index.php – home The index file controls what the homepage of your WordPress theme looks like. By default it is a loop that queries and then displays the most recent blog posts, with a link in the bottom to view previous posts. Alternately, you can specify in wp-admin -> settings -> reading to have the home page be a page you created yourself in WordPress. In that case, you specify a different page/URL for the regular blog posts to appear on, and that page is generated by index.php. single.php – individual posts The display of individual posts in your WordPress theme is controlled by a little file called single.php. You can specify if you want sidebars (and which you want), if you want it to look different than the other pages on the site. page.php – individual pages Page.php controls what pages look like. WordPress also allows you to create different page templates within your WordPress theme for different types of pages.

Archive.php, category.php, tag.php – archives The Loop comments.php. Aza on Design. Dear Internet, You’ve made some pretty cool things in the past. Nyan cat and Robot Unicorn Attack are rainbowy good. What The Fox Say and that Game of Thrones song are both sing-it-for-your-neighbors-from-your-shower catchy. Cards Against Humanity is a delightful exploration of boundaries via kinetic poetry. But, there’s a major strategic area you’ve overlooked, Internet. Internet, you need to make a board game—think space strategy, a la Eclipse—where the ships/pieces are printed in real time. You start with no pieces and as the game opens, you build lots of weak little ships. As you know, Internet, any good board game needs a limit resources for which to compete. The game would come with a set of pre-designed models to be printed. This is just a quick braindump of the thoughts I had in the shower while thinking about you, Internet.

I hope this time next month I won’t still be disappointed in you, Internet. Continue Reading » | 26 ♻ Retweet. VOSPE - The Controversial Resource for Start Ups, Design and Web Apps.