 - Exchange Links 1 hour 13 min ago
With the help of this module site administrators can share links between other site administrators.
- Reply sandbox 4 hours 35 min ago
This is a sandbox to develop things for http://drupal.org/project/reply
- dynatree 4 hours 39 min ago
Future home of the implementation of http://code.google.com/p/dynatree/ to create tree menus.
Alternatives
http://drupal.org/project/jstreehttp://drupal.org/project/dhtml_menu
- Entity bundle plugin 5 hours 20 min ago
This API module allow developers to build an entity type which is attached to strong behaviors.
- Commerce Emporiki Bank 6 hours 41 min ago
Adds a payment method to Drupal Commerce to accept credit card payments through the Emporiki Bank (Greek bank) API via XML (not redirection).
Provides options to select the live or the test Emporiki Bank environment and also to have money authorized only or authorized and captured.
Works with euros, dollars and pounds. If there is need for more currencies, please contact me sending me the currency code and I'll add them.
This project is maintained and sponsored by netstudio, a Drupal E-Commerce solutions company in Athens, Greece.
- Bot GitHub 6 hours 46 min ago
Unlike Bot Commit, this module does not react to repository changes. It is a lookup tool in the fashion of the Bot Project URL lookup.
This project provides an integration between GitHub and the Bot module. More specifically it makes GitHub a Bot Project provider by utilizing the patch in #969294: Make issue-tracking integration extensible (for Redmine), following the example of Bot project Redmine.
This module currently has support for Commits and Branches. Additional Github-related tricks may be added later.
It depends on the php-github-api library, which for now must be copied into the module directory.
What Does It Do?
Paste of a git commit url gets commit data.
Shorthand syntax allows request of commit and branch information.
Configurable prefix for the commit or branch name.
Per-channel default for the GitHub account/Organization namespace.
Per-channel default for the GitHub repository.
Ability to specify a repository to override the channel default.
Ability to specify user account & api key for authenticated GitHub requests. This allows the Bot to pull information about otherwise private repositories.
De-duplication and 5-item flood control per line.
A commit request might look like: Grayside: ~0a6fc5129b, %master
or Grayside: ~bot_github:0a6fc5129b
And produce: GitHubBot: Commit "Issue #1042: Create an Awesome GitHub Bot integration." by Grayside, http://github.com/Grayside/fakeproject/0a6fc5129b (47 IRC men$ GitHubBot: Branch "master" last updated on Fri, 03 Feb 2012 15:03:31 -0800, https://github.com/Grayside/fakeproject/tree/master (2 IRC mentions)
- Media: Responsive 8 hours 45 min ago
This module adds a responsive images view mode when inserting images using the Media module browser.
The view mode sets images to have a width of 100% and it will also use core image styles to shrink the image to the maximum width of your widest layout. Max-widths are set on images whose orignal source is less than this maximum width to prevent upscaling.
Tested with 7.x-1.0-rc3 of Media.
|  - NodeOne: Trimmed RSS for Planet Drupal 3 hours 4 min ago
People like their Planet Drupal in different style. According to a rather non-scientific survey, two thirds prefer to get the Planet feed with full posts and two thirds reads the feed in some kind of reader. I belong to the third that prefer the stream of posts to be trimmed to a maximum length -- it makes easier for me to scan for new posts when their lengths doesn't vary between one paragraph and five screen lengths. There has been some discussion about introducing customizable teaser length on Planet Drupal, but has proved difficult to actually get it going. While waiting for this, I whipped up a Yahoo! pipe that takes the RSS feed and trims the posts to a length that you can set yourself. If you're interested, feel free to use http://pipes.yahoo.com/itangalo/drupalplanettrimmed?_render=rss in the reader of your choice. Add "&length=500" to trim the post length to the number of characters you like -- default is 1000. (The trimming is "dumb", so no respect is taken to tags. Sorry.) I hope this can be useful for someone more than me. (Note: I know the webmasters on drupal.org is working hard and doing a great job. This forked feed is in no way an attempt to say that the webmasters aren't doing a good job, nor a way to try to draw people away from drupal.org. It is just a way to share something that I find useful with others.) Interested in more smart Drupal feeds? Check out the "full modules" Twitter account or RSS feed and the "sandbox modules" Twitter account/RSS.
- Friendly Machine: Hey Drupal, You Forgot Something 4 hours 26 min ago
The most basic function of a content management system is the ability to create a page. However, this fundamental activity of website building is often an unexpected hassle for new Drupal users. Yeah, I'm talking about the lack of a built-in rich text editor.
I know there are some strong feelings in the Drupal community about this, but let me try to persuade you that whatever the philosophical or technical reasons for not including a default editor, they're hurting adoption of Drupal and needlessly creating a usability issue for those who are evaluating the platform.
What Happened To Me
Most of the reasons I have heard for not including a default editor involve respecting user choice. This is a fine sentiment, but let me illustrate the problems it can create when someone is evaluating Drupal.
First, a little context. I've been building websites since 2000. Although I'm a competent coder and have slogged my way through a custom module or two, I've never really enjoyed that aspect of building a site and come more from a design and marketing perspective. I have an MBA, not a degree in computer science, and that's the lens I look through when thinking about websites.
A few years ago, an organization I work for had a site that had grown increasingly difficult to manage so we decided to take a look at content management systems. We were working in a .NET environment and had both DotNetNuke and Umbraco on the list, but we also wanted to consider the "Big 3" PHP platforms - WordPress, Joomla and Drupal.
It fell to me to evaluate these platforms, write up a recommendation and do a brief demo of the top two choices. I started with Joomla because my boss had heard great things about it. I installed it and added a few pages, tweaked some configuration options - you know, took it out for a test drive. I repeated this process one by one until I came to the last platform, Drupal.
The install seemed to go smoothly...so far, so good. I went to create a page and...hold on a second. I think something went wrong in the install. Where is the text editor? Maybe I need to turn something on?
Ten minutes of clicking through the admin pages.
OK, time for Google.
Oh, I see! You need a module called WYSIWYG. Strange that they don't include that. All of the others did. Well, no big deal. Modules don't seem too hard to install.
Ten Minutes Pass...
WYSIWYG is installed! Now let's create that page!
Uh...no editor. What the hell? Back to Google.
Looks like I need to add the actual editor. Wow, there are a lot of choices. Also a lot of debate on which one is best. Guess I'll just go with TinyMCE. People seem to like it.
Whew! That was a bit of work but finally I've got an editor in there - let's make a page!
Wait...why can't I add an image? Where is the upload? Oh. I have to install another module.
Check that, two modules - IMCE and IMCE Wysiwyg Bridge.
Are you *!?#ing kidding me? All of this to make a basic page!?
A Few Things to Consider
Before you tell me how stupid it was of me to not do A or B, consider that my experience is not that uncommon. You see, the Drupal community is dominated by developers, really good developers who embrace complexity and who love nothing more than to muck about with code and get their hands dirty. Installing and configuring a few modules is nothing. Actually it's kind of fun, right?
Unfortunately, there are a large number of people involved in building websites who don't feel this way.
There is a common complaint about the quality of Drupal themes and they are often contrasted unfavorably with WordPress themes. Have you ever considered the possibility that Drupal usability may be playing a role? How can this be, you ask?
Web designers are very influential in the CMS decision making process in many firms and certainly among consultants. They generally just want things to work. If a content management system is a hassle for them, they will naturally tend not to recommend it. Instead, they will choose a CMS that will allow them to spend more time working on the parts of their job they love - designing themes, for example.
The marketing department also likes to have a lot of input into the website. After all, in the large majority of cases, the website is a marketing platform. How do you think they feel about a CMS that seems hard to use right out of the gate?
A Unforced Error
When Drupal 7 was nearing release, I read about all of the usability improvements that were on the way. Finally, I thought, Drupal will get a text editor by default!
Obviously, that didn't happen and it remains a blemish on what are some really great improvements to usability. In fact, had an editor been included by default, I honestly think that Drupal 7 would compare very well to WordPress 3 with regard to usability.
Now, some folks might mention using an installation profile that includes an editor. That's not really a solution when you think about it. People who are new to Drupal are going to download the default install or perhaps from Acquia (also, very surprisingly, no editor). Installation profiles are generally for people who are already familiar with Drupal and are looking for a time saver.
An analogy I think is appropriate is with product packaging. Think about Apple and how they package their products and how that affects the buyer's experience with the product. The first 20-30 minutes a person spends with a CMS is very similar. The product speaks to the user. Some may marvel at the flexibilty and power of Drupal. Many others may try to create a simple page and wander off in frustration thinking, "Drupal is too hard."
It doesn't have to be that way.
Can't We All Just Get Along?
Obviously, I didn't give up on Drupal during that evaluation process and have since become an ardent supporter. But I've always wondered why - virtually alone among all the CMS platforms - Drupal continues to omit a default text editor.
I would like to appeal to the Drupal community for two things.
First, please support the inclusion of a default text editor in future versions. CK Editor, YUI, TinyMCE - it doesn't really matter. Just pick something. It can always be switched out later. Including an editor by default will go a long way toward making a good first impression with new users.
Second, let me say how much I respect Drupal developers and the amazing CMS they have built. I only ask that you leave a little room at the table for some of the other important stakeholders that may not always feel heard within the community. I'm talking about the designers, the marketers, information architects, copywriters and even executive decision makers who work together to build great websites. There are more of us out here than you may think. And we would like a default editor, please. It will make the job of selling Drupal to new users much easier.
And that's a good thing for everyone, don't you think?
- Acquia: Drupal Gardens adds content access control, image tools, bulk operations, and more! 13 hours 49 min ago
This is the 21st in our series of Drupal Gardens 'What's New' posts, and we think this one is especially worth celebrating. Need to restrict valuable content on your site to only privileged users? Want to crop, rotate or resize uploaded images in your posts? Wish you could click to perform bulk delete or other operations on lists of users, content or media? Long for better control over how comments are displayed on your site? With this release, we've got you covered.
A lot went into making these features simple, but powerful. For content access control, we started with the powerful Taxonomy Access Control module, and worked with maintainer Jess (xjm) to make it easier to assign access permissions with an alternative user interface. In addition, we created the TAC Redirect 403 module that allows custom upsell pages for different categories of restricted content. For cropping, rotating and resizing image media we created the Media: image editing module. For bulk operations we added the Views Bulk Operations module and worked with maintainer Bojan Živanović (bojanz) to simplify the UI. For comment customization, we created the Comment Goodness module. As usual, the patches and modules developed for these features were donated back to drupal.org so the entire community can benefit. We hope you find them useful!
*/
*/
The Drupal Gardens service was updated on Jan. 30th with the following new features and enhancements: Crop, rotate, and resize images in the WYSIWYG editorContent editors can use the WYSIWYG editor to rotate, crop, and scale images on the fly. To learn more, see Crop, rotate, and scale embedded images. Customize how comments are displayedNow you can sort comments per content type and customize commenting labels. For a YouTube-like comment experience, you can sort comments by ‘Newer first’ which also moves the comment form to the top of the comment stream. To learn more, see Customizing comments and sorting. Eliminate repetitive site administration tasks with bulk operationsFor Basic subscription plans or higher, save time and eliminate repetitive administrative tasks by extending your views with Views Bulk Operations. With this feature you can select multiple items in a view (e.g. content, users, media, etc) and click to bulk delete, bulk publish, and more. To learn more, see Applying bulk actions to view items Restrict access to your site's content to privileged users.For Professional subscription plans or higher, Drupal Gardens provides fine-grained access control to your site’s content using Taxonomy-based access control. With this feature, you can define access control rules describing which users (by role) can view, edit, or delete content. Then you can apply these access control rules to any content you want. Optionally, you can allow some users to see a teaser of the content, but then redirect them to another web page when they try to view the full version of content in order to upsell them or provide information about how they can get access to your premium content. To learn more, see Restricting access to site content. For a complete list of what's new, including updates to Drupal modules and bug fixes, see the release notes.Tags: acquia drupal planetdrupalgardens
- Mediacurrent: When disaster strikes, strike it back 19 hours 2 min ago
I knew the moment my laptop didn't wake from sleep mode something was amiss. Having retired to my office safe haven for the evening I just wanted to wrap up a few items, log my time and call it a night - the basic end to any Drupal developer's day. My Macbook, however, had other plans.
It was the quintessential nightmare for those of use who live on our computers, a dream we often visualize as worse-case situations but often do nothing to lessen the pain of actualities: a complete computer crash with limited hope of a reboot. But despite the Macabre vibe usually surrounding such thoughts, it's something that doesn't always have to be the ultimate disaster.
- Appnovation Technologies: Date Localization 19 hours 41 min ago
I am working on a multilingual site which requires me to localize the date format for each enabled language.
Here are the available languages and their date formats:
* Spanish(es) - j de F, Y
* German(de) - j. F Y
* Japanese(ja) - Y年n月j日
In order to achieve this, I have enabled date_locale and its dependencies(date_api, locale).
Here are the steps that I took in order to localize the date format:
1) Navigate to "Site Configuration" > "Date and time" > "Formats" > "Add Format".
2) Create the custom format for Spanish and Japanese languages.
read more
|  - Manage Your Money to Avoid Freelancing Failures 22 hours 47 min ago
Business is always about monetizing one component from among a host of other important things. The reason behind every business is to make money or generate revenues. Given the inherent focus on revenues, when launching a business or a site, it is critical to understand how to manage finances, which is one of the major factors for successfully maintaining a site or running a business. In addition, when maintaining a website, it is important to consider factors such as the unique selling product, the main idea, and employees—namely, freelancer or full time, salaries, bonuses, and funding.
Most website owners try to handle freelance staff for their convenience, but many times freelancers fail during the early stages. This article discusses all these factors about managing money, including why most freelancers fail early to provide guidelines about monetizing your business.
Before moving into the details about managing finances, you need to understand that any business or website needs time to grow; only after a period of time will money come in based on the generation of the value of your product. You need to sell something useful and valuable and that will bring you money in return. If you want to make money, quality is the main requirement. Managing finances is vital once you start earning money from your business. The following discussion explains the issues faced after money starts coming in and how to handle these issues. In addition, tips for handling money as a whole across your business will be included.
What is There to Manage?
It takes time for a business or site to grow, and you should always be prepared for the early failures that will result from a business. An owner needs to be patient enough to overcome such failures in order to sustain and work harder to welcome success in the future. If you are the only one maintaining your website, then losses will not be as financially significant; instead the loss will be in your effort, hard work, and time. However, if you are managing a staff, you will face financial losses as well. In the latter case, you need to handle your monetary issues carefully and manage your finances cautiously. To overcome such a crisis, it is imperative to have sufficient capital—long before you start a website. In addition, it is imperative to analyze and develop a strategy to balance your finances. Research your competitors, discuss the issues with experts and make your own plan. Do not be afraid to experiment. You need to experiment with new things and take some risk at times to succeed, subsequently analyzing the outcomes. The risks are important pebbles that need to be considered in order to move further.
The first important factor to bring money through your website is to make it popular and accessible to the audience. You can do so by advertising your site in a variety of ways, such as newspapers, other popular blogs, advertising banners and posts, and emails to generate name recognition. You can also use Google adsense which is currently one of the major marketing tools, although it comes with its own challenges.
There are many ways through which you can make your products sell and your effort count. One of the important factors in blogging is to brand it. One can brand a blog using various techniques, such as deciding the correct name and the correct content. In order to sell your content or products, you can try selling related products, thereby attracting an audience and offering them something valuable to share. You can experiment with selling products online. The following examples will help you understand this better.
If you are an educational website, try selling books or ebooks online. You can also make a smaller attempt by selling solved question papers or term papers, research projects, and so on. There are many sites that earn revenues by selling related products, such as Lifehacker.com, huffingtonpost.com, and zenhabits.net.
If you are a website focused on custom products, you can sell a few custom products online. For example, provide options for users to customize a t-shirt, mug, or card online; after you create it, deliver it to them. This is an easy way of generating reviews and has been used by many merchandise sites.
If you are a website related to digital goods, you can sell digital products online such as software, music tracks, videos, and images. One example of using this method is photojojo.com.
All these ways of selling products do work for earning revenues. In order to sell these products online, you need to use certain resources to deal with the payments. Thus, you can generate revenue by advertising and selling products online. Both of these methods do work, and many sites benefit from them. These are ways of earning revenues or making efforts to create an income.
Once you are generating revenues, suppose you are making a sum of money and are handling a staff of employees to make it greater. Many website owners choose freelance staff over regular salaried staff in order to avoid factors like office space, holidays, and provident funds. However, there are many incidents where freelancers fail in the early stages. Before encountering this failure, first let’s understand the reasons why most freelancers fail early. Such understanding will help you resolve such issues and handle the finances for freelances in order to ensure success.
Major Reasons for Freelancers Failure
While dealing with a freelancer team you might face a host of financial issues. Even after paying your freelance staff you might see failures. In that case, first try to understand why your staff is failing and then try to resolve the identified issues. The following points summarize the most frequent reasons for freelancers’ failures.
When you hire freelancers, you are not interacting with them face to face. You either mail or phone to speak about your requirements. If you are not clear and direct in making your initial points, you might fail to ensure that the freelancers understand your goals, which will lead to failure. Even if you feel that you are making yourself clear, the other parties might fail to understand that the information. Therefore, make sure that while sending information or listing your requirements you are mentioning guidelines with clear and simple language. Also highlight the major guidelines. Moreover, keep interacting with your team regularly and ask them for feedback in order to improve the understanding between you and your employees.
Freelancer teams usually work in their own space and might not be as target and time conscious as a salaried team. Therefore, clarify the deadlines before assigning the project itself. Mention the target and specify the time limit. Do ask about the team’s convenience, but make sure that you define a time limit as well. This will help them to be aware of the deadline and complete the work within the fixed time.
Defining a time limit helps a freelance team be more time conscious; however, it might also hamper your quality product. Therefore, try to strike a balance between the two. Also make the need for quality clear to the team during the initial stage. You can also do a quality check before handling the project to verify how your team will work in the future.
Freelancers often fail due to a lack of financial security or payment issue. If you are maintaining a freelance team, make sure that you pay them at the correct time. Otherwise, they might feel a lack of security, which will lead them to quit or adopt a less serious attitude toward the work.
Most freelancers use their own personal computers or laptops to complete their work. Their computers might not have enough RAM to support high memory software, which might cause a host of issues in the middle of the work. Therefore, if your project requires high memory software or files, clarify with your freelance team before starting the project. This will help avoid messy issues in the middle of the project.
One of the major reasons for freelancers’ failures is the lack of reliability from both sides. Mutual trust and understanding are always required between an employer and an employee, and the importance becomes more evident in the case of a freelance team. Appoint persons you trust and try to assign small projects initially to check both efficiency and quality. You can hire from referrals or go to online sites that provide good freelancers, such as odesk.com and freelancer.com. In addition, when you hire a team, it is your responsibility to take care of their finances and maintain them in a timely manner. As they are not your regular salaried employees, they might fail to trust you if you ignore your responsibilities.
Handling a freelance team is not very difficult if you follow certain rules. One of the most important rules is to interact with the team regularly. You need touch base with you team throughout the project to ensure that they work efficiently and build up their trust. Even after completing the project, maintain a minimum level of interaction so that your team does not feel left out and move away, which might hamper your future projects.
While building regular interactions with your freelancer team, make sure that you do not overdo it. You do need to interact regularly, but you should understand your limits as well. Don’t make your interactions an irritation for your team. This might again result in losing your team or other adverse effects.
Most freelancers also fail due to lack of quality checks throughout the process. If you are dealing with daily or weekly reporting, it is your responsibility to make a quality check regularly for every report. If you fail to do so and complain about it later or after completing the project, it will hamper the process in two ways. First, your project will be affected and might lead to wasted time. Second, when you ask the team to rework a project after its completion, your team will take it as an extra headache and you might end up losing the team.
Freelancers also fail in many cases due to a lack of interest stemming from many problems. Therefore, it is important to keep a clear picture of everything in the beginning so that they can effectively respond if they are not fascinated with the project.
Freelancer teams work from their own space and use their own resources. However, there might be a time when you can help them with resources without much effort. Don’t hesitate to do so. For example, if your freelancers require some references to work on your project, try to provide them yourself, thereby reducing their extra work. This will help them work more comfortably on your project.
These are the major reasons that freelancers fail. The points mentioned above and their supporting solutions are some of the more common issues. Try to analyze the factors and make your list of do’s and don’ts to make sure that your freelance team doesn’t fail. As the previously discussed factors indicate, interacting with the team and demonstrating reliability are keys to success. The latter is related to managing your finances with your freelance team, as discussed in the following section.
How to Manage Your Finances
Most website owners hire a freelance staff during the initial stages of the business for their own convenience and to avoid issues related to employing a regular salaried staff. Freelance staff members are definitely helpful, although they are not without their disadvantages. Freelancing comes with its own demerits (and can fail early in the process, as previously demonstrated). One of the most difficult issues in managing freelancing is based on monetary issues. The following recommendations make managing your finances easier.
Time is one of valuable assets for freelancers; as their work is based on time, time counts against the money they earn. Your failure as a website owner to finance your freelance team on time might hamper your business. Unlike a regular office team, freelancers work in their own space, meaning face-to-face contact is limited; consequently, both sides can lose trust in the other side. Therefore, from the beginning of your project, maintain invoices between you and your freelance team, which will help deal with payment issues professionally and will avoid misunderstandings. Invoices are used for accounting purpose and contain an invoice number, the amount payable, and details of freelancers’ name and address as well as the status of the payment. Manage your invoices even after payment is completed for future reference. You can also mention clauses on your invoice regarding payment modes so that neither you nor your team faces any payment issue while or after completing the work.
Freelancers often fail due to miscommunication. Both the employee and employer should share interactive sessions and build a good foundation of understanding. Failure due to misunderstanding can cause freelancers to abandon the work in the middle of the project, which will harm your business both financially and professionally. You might not be able to afford the loss of the team in the middle of the work. Therefore, it is beneficial to sign an agreement or contract with the freelance team, stating the major requirements therein. Such a contract might identify the time by which the work has to be completed, payment to be made in installments or at the completion of the work, and repercussions for leaving the work in the middle of the project. Maintaining contracts or agreements will help you avoid future monetary issues by helping you manage your finances better and will enable you to control the quality of the work through your own quality check efforts. Moreover, it is always beneficial to maintain paperwork along with your freelancing team. This will be helpful not just for you but for your team as well. Such an agreement or a contract will help them gain trust in you and also make them serious about the work, promoting the feeling of responsibility, which they will work hard to maintain. This approach will further avoid failures of freelancing due to the lack of seriousness.
You should also make the most of online banking or PayPal accounts, which is a very easy way of transacting money. When you are managing quite a number of freelancers, maintain a separate account for their payment. It is beneficial to maintain separate accounts for personal and professional dealings, which will help you maintain a balance between payment and income.
If you are new to hosting a website, you might need certain guidance regarding managing salaries for your freelance team. Consult with your friends and colleagues regarding payment issues. You can also check through salary.com, which helps both employers and employees make salary decisions. You can get an idea regarding how much to pay for a particular job against a specific time. The salary you offer or request might slightly differ as well based on experience, so keep track of your salary history to ensure a balance over time. Although more pay will cause you losses, less pay will make your team less serious about your work and result in more losses in the long run. Thus, it is always advisable to decide on a salary together (i.e., employer and employee). As money is the main root of every business, managing it properly will help build a healthy relationship with your team.
Conclusion
This article has outlined some of the fundamentals for managing finances for you freelancing team. Ultimately, quality is the only way to bring money to your website. Focus on providing quality work for your website and don’t compromise based on finances. Maintain accurate records for your entire business, including expenditures, investments, payment records, and income sources, to avoid monetary issues in the future. Most importantly, understand that it will take time to grow your business. A few losses in the early stages are natural; analyze such losses to understand and address them as quickly as possible. Interact with your freelance team, and do not panic if they make initial failures; rather, try to make them understand their faults and overcome them. Trust them to gain trust from them and be responsible toward them as an employer to make them responsible for their work. Managing finances will be easier and simpler within a healthy relationship; therefore, try to build one with your freelance team and maintain it throughout the process to build a healthy and successful business.
Image Credits
Lighting a tuft of straw
- What’s So Great about Digital Photography? 3 days 3 hours ago
Before digital cameras, the only way to get a digital image was to take a picture with a film camera, get the film developed, then have the photographic print or slide digitized using a scanner.
Digital cameras eliminate the time needed for developing and scanning. When you own a digital camera, you can skip the darkroom and go strength to the desktop.
Photography, Then and Now
Before we take a closer look at digital photography, let’s pause and take a look back at photography’s roots.
The term photography has been around for little more than 160 years. The word is derived from the Greek words photos (light) and graphein (to draw) and was first coined by scientist Sir John Herschel in 1839. Two scientific processes, one optical and the other chemical, combined to make photography possible. Interestingly, both processes existed for hundreds of years before photography was invented.
The Optical process: Using Light to create Images
The equipment that became the foundation of modern photography was nothing like today’s cameras. The forerunners of today’s cameras were created from darkened rooms. Light came in through a small hole in the room’s window shade or wall, causing an upside-down image of what was outside to appear on the opposite wall. This device was called a camera obscura, which means “dark room” in Latin.
This is how a Camera Obscura works
The concept of the camera obscura has been around for thousands of years. It is believed that the great Greek philosopher, Aristotle (384-322 B.C.), knew the principle behind the camera obscura, as did the Arabian scholar, Hassan bin Hassan, who in the tenth century described in his manuscripts what can be considered a camera obscura.
Later, Leonardo da Vinci (1452-1519) wrote about the uses of a camera obscura and depicted one in a drawing dated 1519. During the same period, a Venetian named Daniel Barbaro recommended that the camera obscura be used as an aid to drawing and perspective. And in 1558, Giovanni Battista Della Porta wrote a book called Natural Magic that told of the camera obscura being utilized as a tool by draftsmen and illustrators. From that time onwards, it is thought that many artists employed the camera obscura, including Dutch artist Johannes Vermeer (1632-1675) and British artists Joshua Reynolds (1723-1792), first president of the Royal Academy of Art in London, and Paul Sandby (1725-1809), a founding member of the Royal academy.
As time went by, the camera obscura grew similar in size. Made from a wooden box, it had a lens attached at one end and a mirror at the other. The mirror was positioned at a 45-degree angle, with a glass plate above it. By placing a piece of thin paper over the glass, an individual could trace the image projected there.
The Camera Obscura below is in the collection of historical apparatus of the National University of Ireland in Galway. It was used for sketching; the tracing paper was placed on the missing glass inside the folding hood, and a 45° mirror inside the box reflected the image onto the paper.
The Chemical Process: Bringing Images to Paper
In the seventeenth century, Robert Boyle, a chemist and founder of the Royal Society, reported that silver chloride turned dark under exposure, but he mistakenly believed that it was exposure to air-rather than exposure to light-that caused this to happen.
During the 1700s and 1800s, several peoples were experimenting with photosensitive materials. One of these, a German physicist named Johann Heinrich Schulze, discovered in 1727 that light could be used to change substances. He experimented with silver, nitric acid and chalk, and found that bright sunlight turned the mixture to black. Although his discovery, in conjunction with the camera obscura, provided the basic technology for photography, it was not until the nineteenth century that photography came into being.
In the early 1800s, Frenchman Joseph Niepce discovered that exposing bitumen, an asphalt-like substance, to light caused it to harden. He coated metal plates with bitumen, and then exposed them to light inside a camera obscura. After an exposure of eight hours, the plate was washed and dipped in acid, which etched the exposed metal. The last step was to coat the plate with ink and strike it on paper, producing a print of the original image. Niepce named this process heliography. Niepce is regarded as having produced the first permanent photographic image.
View from the Window at Le Gras (La cour du domaine du Gras) was the first successful permanent photograph, created by Nicéphore Niépce (born Joseph Niépce) in 1826 at Saint-Loup-de-Varennes.
At about the same time that Niepce developed heliography, another Frenchman, Louis Daguerre, a successful commercial artist, was experimenting with the same process. Niepce and Daguerre formed a partnership in 1829, but Niepce died a few years later. Daguerre continued to exposing the silver to iodine fumes, creating a silver-iodide salt that made the plate photosensitive. He put the plate in the camera obscura and exposed it to light. The silver-iodide darkened, but eventually the entire image turned black.
Quite by accident, deguerre found a solution to his dilemma. One day he left an exposed plate in a cabinet where mercury was stored. When he removed the plate, he realized that the developing had ceased and the image had stopped darkening. He named his invention the daguerreotype. When Louis Daguerre showed the first daguerreotypes to the public in the winter of 1838-1839, Parisians were amazed by the amount of detail they contained. Some likened looking through a telescope. Daguerre’s rival for the title of inventor of modern photography, William Henry Fox Tablot, had his detail of a daguerreotype.
At about the same time that Daguerre was developing the daguerreotype, Englishman William Henry Fox Talbot was experimenting with a similar process. However, Talbot used paper instead of metal plates and produced a “negative” image. He then took the paper negative, waxed it to make it translucent, and photographed it to produce a “positive” image. He called the resulting positive-negative process collotype. Talbot is sometimes hailed as the father of modern photography, since the basis of the process he developed is used in photography today, but unquestionably Daguerre, too, was an essential contributor to photography’s development.
The Women’s Perspective
Although the originators of modern photography were mostly men, women were also experimenting with the photographic process during the nineteenth century. While William Henry Fox Talbot was developing the positive-negative process, his wife was conducting her own experiments, which she detailed in writing in 1839. And in major American cities, a growing number of women were working with daguerreotypes. In 1850, one periodical declared that in New York there were 71 daguerreotype studios, with about 11 women employed in them.
Women were attracted t photography because in the 19th and early 20th centuries it was one of the few professions deemed acceptable for their participation. There were also many women enjoying photography as a hobby. Camera clubs were formed, and various art salons began to exhibit the work of amateur women photographers.
One notable female photographer was Gertrude Stanton Kasebier (1852-1934). Having studied at Pratt Institute in New York, she originally planned to be a portrait painter. However, she became interested in photography while student and her first solo exhibit took place in 1896 at the Boston Camera Club. Soon after, she opened a portrait photography studio in New York City. Her work became popular and she went on to be a founding member of the Photo-secession group, the Pictorial Photographs of America, and the Women’s Federation of the photographer’s Association of America.
Although histories of photography may focus on the men who pioneered the field, it is good to remember that women, too, played a part in its early days.
Daguerreotypes’ Popularity Spreads
Daguerre’s process spread throughout the world, with the first daguerreotypes being made in America in 1839. At first the process of creating an exposure was quite lengthy. Moving objects could not be recorded, and it was difficult to obtain portraits.
Above is the first daguerreotype made by Louis Daguerre himself, claimed to be the first to complete the full process.
Individuals in Europe and the United States began experimenting to improve the optical, chemical and practical aspects of the daguerreotype process to make it more workable for creating portraits. In 1840 Alexander Wolcott opened a “daguerrean parlor” in New York where he created tiny portraits using a camera having a mirror instead of a lens. Wolcott’s daguerrean parlor was the earliest known photography studio.
Josef Petzval and Friedrich Voigtander, both of Vienna, revolutionized the daguerreotype process. Petzwal produced a portrait lens that was about 20 times faster than had been previously used, and Voigtlander reconstructed Daguerre’s wooden box into one that was smaller and easier to transport. At about the same time, Franz Kratochwilz, another Viennese, developed and published a chemical acceleration process that increased the sensitivity of the developing plate. With these valuable improvements, exposure time was reduced to 20 to 40 seconds, and daguerreotyping became a flourishing business, especially in the United States.
Eastman Instrumental in Modern Photography
In the latter part of the 1800s, American George Eastman advanced the photographic process to such an extent that his influence is still felt today. In 1879 he invented an emulsion-coating machine that enabled the mass production of photographic dry plates, and in 1880 he began to manufacture them. In the early 1880s Eastman began experimenting with emulsion-support bases other than glass. Working with a colleague, he developed a roll film holder, a flexible film, and a machine to produce the film. They layered the film with gelatin emulsions on a paper backing, and then stripped off the backing after development.
By 1885 Eastman American Film, the first transparent film negative was introduced. 3 years later, Kodak was born, and the Kodak Camera was introduced. The camera, which sold for $25, came loaded with 100 exposures on a film roll. Once all of the film had been used up, the camera was sent back to the Eastman Dry Plate and Film Co. in Rochester, New York, for developing. One year later, Kodak #2, the first commercial transparent roll film, was brought to market.
An advertisement of the first model of the Kodak camera from ‘The Photographic Herald and Amateur Sportsman (1988-89)’
The Eastman Dry Plate and Film Co. became the Eastman Company in 1889, and then Eastman Kodak Company of New York in 1892. In 1895 the Pocket Kodak camera was announced, followed in 1900 by the first mass-marketed camera, the Brownie, which sold for $1. And with the Brownie, photography was no longer the province of only a few. With its wide availability and affordable price, the Brownie camera allowed even regular Joes to take up photography. This was the beginning of Americans’ love affair with the snapshot.
The Digital Debate
Which are better: traditional film (analog) cameras or digital cameras? This issue is hotly debated, and it appears that the definitive answer will remain elusive for some time. Depending on whom you talk to, digital cameras are the be-all and end-all, and everyone who is anyone is rushing out to buy a digicam. But there are diehard traditional photographers who are quick to maintain that the quality of photographs produced by digital cameras cannot match the quality provided by a film camera, at least not at the same price point. In a nutshell, these are some of the specific points being hotly debated:
Are digital prints as good as 35mm prints? Some folks think digital prints are actually better! With a 2-megapixel camera, digital prints can rival 35mm prints in quality. Working with a good printer, you can produce astounding images.
The ability to edit on the fly is one f the main draws of the digicam. Rather than having to wade through poor shots and discard them, you can quickly delete any bloopers from your camera, leaving only the cream of the crop in memory.
It’s just plain fun. There is something tremendously appealing about using a digital camera. It’s partly the instant gratification that comes from being able to upload your memory card immediately after a shoot. It also known that you can effortlessly share your pix with anyone, anywhere, thanks to the internet and e-mail. Free photo-sharing websites also make it enjoyable and easy to share photos with online albums.
The chance to have some creative recreation with your photos using a software program is another strong draw of digital photography. No more darkrooms. Now with the help of your computer, you can enhance your photos in a million different ways. Or you can make greeting cards, illuminate personal or business newsletters, or add pizzazz to your website.
Now for the flip side:
Film is available everywhere; memory cards are not. If you are traveling far from home, it may not be as easy to pick up more memory cards as it would be to buy more film. And it’s certainly not as cheap. You can’t just pop into a convenience store to stock up on memory cards. If you are travelling to a remote area, you won’t be apt to find CompactFlash or Microdrives available if you need them. Instead, you will need to make a rather substantial investment in memory before ever leaving home.
Many photographers believe that film still offers better resolution than digicams.
Digital cameras run into problems when you are shooting in low-light locations. Film offers greater sensitivity to light, allowing the photographer a greater chance of getting a good shot in low light. With your digital camera, you may need to add extra sources of light in order to get a good photo.
Digicams run into parallax problems more frequently than film cameras.
There are more lenses available for 35mm cameras. Fewer lenses mean fewer ways to be creative with your digicam.
Film cameras provide quicker shutter response than digital cameras, resulting in better sport and action shots.
Benefits of Going Digital
Not everyone needs, or wants, a digital camera. If you are satisfied with your film camera, you may not want to purchase a digital camera. This is especially true if you do not own a computer and are not planning to purchase one soon or at all. But there are some distinct advantages to digital photography, which you should consider before making your decision. Many folks find that it pays to have both a 35mm SLR camera and a digital camera. Here is why digital photography is so appealing:
It’s the wave of the future
Using a digital camera means experimenting cutting-edge photography. About every 3 or 4 weeks, a new model digital camera makes its appearance in the marketplace. And digital cameras’ capabilities are expanding at what seems like the speed of light. In fact, remarkable audio and video machines are being manufactured.
No more film
With digital cameras, you don’t need to spend money on film or agonize over what type of film will best meet your needs. And if you are careful with your camera’s storage, you will never again find yourself wanting to take that beautiful sunset but powerless to do so because you just used up your last roll or film.
Big savings
No more film means no more processing costs. Think of the amount of money you will save over the course of a lifetime on processing alone if you go digital. Although the price of a digital camera might be higher than the price of a comparable 35mm camera, not having to continually invest in film represents big savings.
Instant gratification
As soon as you shoot a picture, you can immediately check the image. The immediate gratification of digital photography sure beats the time you used to spend waiting for your film to be developed, or developing it yourself in a darkroom. Also, being able to check your shots while in the field means you can delete “outtakes” as you go along, leaving you with only the best images at the end of the day.
Creative control
Even with the all of the benefits described above, one of the main reasons a photographer is swayed to purchase a digital camera is for the creative freedom it provides. Buy a digital camera, and your computer acts as your digital darkroom, allowing you to manipulate your images in a variety of ways. For instance, you can eliminate red eye, change the background of a picture, add or subtract images, turn black-and-white image into color, crop or rotate your picture, and undertake hundreds of other modifications-all with the click of a mouse.
Share the joy
With your digital camera and e-mail, you can quickly and easily share your photographs with relatives and friends around the globe. And now many websites allow you to set up albums of your images for others to view at their leisure. Just imagine how pleased Mom, Dad and Aunt Isabel will be when you e-mail them the latest snapshots of your bouncing baby.
It’s good for business
If you’re a small business owner, a digital camera can be a lifesaver. For instance, real estate agents can quickly snap a photo of a property and e-mail it to a client or download it to their website. Photographers and journalists can send images to their editors, whether they’re in the next town or halfway around the globe. Antiques dealers who market their goods on auction websites such as eBay can download images and get auctions rolling the very same day. For many professionals working in a variety of businesses, a digital camera can become an indispensable tool.
The Other Side of the Coin
Even with all the benefits that digital cameras have to offer, these are some drawbacks to digital photography that you also should consider before running out and buying your own digital camera. Depending on how you utilize a camera, the level of skill you possess, and your dexterity with a computer, digital photography can seem heaven-sent or a total turnoff.
Image quality
To produce a film-like quality photo, a digital camera would need to be filled with so many chips that its price would be astronomical. If you are going to enlarge an image to poster size, you may be better off using an analog camera to take the shot. However, if you plan to use the image for a website or your personal online album, the digital camera will work just fine for you.
Darker images
Digital cameras are not as sensitive to light as film cameras. Outdoors, you probably won’t run into a problem. But indoors you may find that it is more difficult to get a decent exposure with a digital camera. Even with flash, you may need to add more lighting.
Distorted color
Sometimes a digital camera gets the color wrong. It won’t be drastic mistake, such as red lake or a purple sun, but you might get orange instead of yellow, or purple instead of blue.
From SLR to Digital
Silicon Film technologies, inc. has developed an electronic film cartridge, called (e)film, which allows a 35mm SLR camera to capture digital images. The electronic film cartridge is an insert that fits into the back of a 35mm SLR body. It uses 65 MB of nonvolatile flash memory to capture and store up to twenty-four 36-bit digital images and can be reused thousands of times. With (e)film you can go digital without the expense of purchasing a new camera, plus you can use all of the lenses, flash units, and filters you already own.
Commercial Uses for Digital Photography
The pros know that digital cameras can provide some benefits that analog cameras cannot. Here is just a sampling of how professionals in many fields use digital cameras and digital images to make their jobs easier and improve the work they do:
Photographers use digital cameras in the studio to shoot everything from fruit to fashion. They can quickly check the resulting image, and adjust as necessary. Once shot, images can be manipulated via image-editing software, and then e-mailed to clients and vendors.
Journalists love digital photos because they can be immediately transmitted to their editors via telephone lines or wireless connections. Once in the hands of their editors, the images require no lab processing; they can be used at once. The low resolution of digital cameras is not a problem for newspapers because they use low-res printing.
Scientists use digital cameras to take videos and photographs through microscopes.
Law enforcement agencies love the quick processing, easy enhancement, and online distribution of digital images.
Doctors and dentists find digital cameras handy for snapping before and after shots of patients. The results can be used for reference, attached to patient charts, or submitted with insurance claims.
Astronomers have used digital image sensors for years. In 1997 NASA’s Pathfinder spacecraft carried to Mars a surface rover called Sojourner. Two digital imaging sensors helped Sojourner negotiate the rough surface of the planet. The orbiting Hubble Space Telescope has a CCD detector with a 1,600 X 1,600 pixel array.
Is Digital For You?
In the end, it’s your call whether or not a digital camera is right for you. Once you’ve sized up your needs and considered both the pros and cons of going digital, you’ll be able to determine if a digital camera should be part of your future.
Although no one can predict the future, it seems likely that the trend of manufacturing cameras with more pixels will continue. Look for better resolution and higher-quality photographs. Also, camera manufacturers are likely to improve digicams so that the amount of shutter lag is reduced.
Image Credits
Wikipedia
Digital vs Film camera
Giving a second warning
Businessman pointing thumb down
- 50+ Creative Examples of Websites Designed With HTML5 4 days 4 hours ago
The web is constantly evolving. New and creative websites are being created every day, pushing the limitations of HTML in every direction. HTML4 has been around for nearly a decade and now its time to move forward. To give authors more flexibility and interoperability, HTML5 is proposed as the next major revision of HTML.
It works on just about every platform, is compatible with older browsers, and handles errors gracefully. You can create powerful, easy-to-maintain, future-proof web pages. Many common tasks are now simplified, putting more power in your hands.
In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational designs that are coded in HTML5.
The main purpose here is to stimulate your creativity and to inspire your imagination to create awesome designs because your website represents you and your brand.
You may be interested in the following modern trends related articles as well.
HTML5: Worth the Hype?
Can Flash Move Forward?
70+ Inspirational Examples of Websites Designed With HTML5
Single Page Website Designs- 70+ Fresh Examples
80+ Excellent Examples of Creative Contact And Web Form Designs
90+ Brilliant Fresh WordPress Site Designs for Design Inspiration
Please feel free to join us and you are always welcome to share your thoughts that our readers may like.
Don’t forget to and — for recent updates.
What is HTML5
HTML5 is being developed as the next major revision of HTML (HyperText Markup Language), the core markup language of the World Wide Web. HTML5 is the proposed next standard for HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. It aims to reduce the need for proprietary plug-in-based rich internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight, Apache Pivot, and Sun JavaFX.
For those, who don’t know what is HTML5? And what it can do? Then follow the link below for detail introduction.
HTML5 From Wikipedia
Dive Into HTML5
A vocabulary and associated APIs for HTML5
Creative Examples of Websites Built Using HTML5
Throughout history, great artists always found new ways to show their creativity to express themselves and create new trends and techniques to remark their work apart from the rest of the crowd. The Definition of design is more critical in modern terms as now design is a way of communication; and, more specifically, Web design is a well define platform for showcasing your skills. There is no ‘Good’ and ‘Bad’ in design. It always defined as ‘Different’.
La Moulade
Anna Safroncik
Green Campus Guide
Scandalous Dirt
Dataveyes
Social Summit
Nikevision
Shoppub
Art4Web
Thrivesolo
Learn Lake Nona
Brandberry
Black5
Acumen Fund
Mezcal Buen Viaje
Veloster
Kiplin
Create Digital Media
Visions of Beauties
Ala
Sony Tablet
Ascension Latorre
Dondup
Flow Festival
Crypteks
Massive Digital Creative Agency
Luhsetea
Abitofextra
Hall88
The Lounge
Polaroid
Pub Design
Inze.it
Slavery Footprint
Dotfusion
Jessica Caldwell
Beetle
Festival
All Together Now
Rally Interactive
Protest
Fashion Photography
Neotokio
255 Creative
Hyper
Divups
Adventure World
Asiance
Michelberger Booze
NeverBland
Uchitomi
Beautiful Explorer
Zeitgeistbot
Vivas Communication
Find Something Missing?
While compiling this showcase, it’s always a possibility that we missed some other great HTML5 design resources. Feel free to share it with us.
- The Psychology Of Color In Design 5 days 3 hours ago
Have you ever wondered why you seem to be getting hungrier while waiting to place your order at a fast food place or why you eat faster that any human should ingest that poison? Have you ever heard of a “power tie” in business?
There are things that excite the human senses. Aromatherapy and the sense of smell bring about mood and emotional change. Taste, touch and audible sensations bring about the same changes, so it’s no surprise that visuals also bring about emotional changes in humans. Color is light and light is energy. Scientists have found that actual physiological changes take place in human beings when they are exposed to certain colors. Colors can stimulate, excite, depress, tranquilize, increase appetite and create a feeling of warmth or coolness. This is known as Chromodynamics.
In 1666, English scientist, Sir Isaac Newton, discovered that when pure white light passes through a prism it separates into all of the visible colors. Newton also found that each color is made up of a single wavelength and cannot be separated any further into other colors. Color has the power to suggest mood and emotion and, used the correct way, you can move people to become excited, fearful, playful, relaxed and powerful.
The big fast food giants have similar colors for their brands, which stimulate and excite. Oddly enough, Whataburger, a smaller chain, uses muted colors for a friendly retro feel. Coke also uses the power of a warm red, giving the feel of a lazy summer day. Which website entices you the most?
Our personal and cultural associations affect our experience of color. Colors are seen as warm or cool mainly because of long-held (and often cross-cultural) associations. Yellow, orange and red are associated with the heat of sun and fire; green, blue and violet with the coolness of leaves, sea and the sky. Warm colors seem closer to the viewer than cool colors, but vivid cool colors can overwhelm light and subtle warm colors. Using warm colors for foreground and cool colors for background enhances the perception of depth and suggests peace and tranquility. Warm colors in the foreground and cool colors in the background can suggest a sense of foreboding.
Look at this photo of the five U.S. Presidents. Which one commands more respect from the colors they wear? Don’t go by their records as Commanders-in-Chief or you’ll say, “none!”
Several ancient cultures, including the Egyptians and Chinese, practiced chromotherapy, or using colors to heal. Chromotherapy is sometimes referred to as light therapy or colorology and is still used today as a holistic or alternative treatment.
In this treatment:
Red was used to stimulate the body and mind and to increase circulation.
Yellow was thought to stimulate the nerves and purify the body.
Orange was used to heal the lungs and to increase energy levels.
Blue was believed to soothe illnesses and treat pain.
Indigo shades were thought to alleviate skin problems.
Although red, yellow and orange are in general considered high-arousal colors and blue, green and most violets are low-arousal hues, the brilliance, darkness and lightness of a color can alter the psychological message. While a light blue-green appears to be tranquil, wet and cool, a brilliant turquoise, often associated with a tropical ocean setting, will pop more to the viewer’s eye. The psychological association of a color is often more meaningful than the visual experience of the elements themselves.
Why Color Choice Is So Important To Your Designs
It’s more than just the emotional factor of the colors you choose. Colors act upon the body as well as the mind. Red has been shown to stimulate the senses and raise the blood pressure, while blue has the opposite effect and calms the mind and body.
The natural palette screams calm, harmony and “green movement.”
People will actually gamble more and make riskier bets when seated under a red light as opposed to a blue light. That’s why cities with gambling institutions use a lot of red neon lights.
How often have you stopped to admire a flowerbed in full bloom? Expert gardeners arrange the flowers according to their color for extra vibrancy. With a little knowledge of good color relationships, you can make colors work better for you in your business graphics and other applications.
A smart use of a limited color palette by the American Express Company. The Inc. website is plain, neutral and boring. The AmEx ad stands out as the most important element on the page. True blue, it inspires confidence and the burst of color makes it hard to look at anything else.
Studies have also shown that certain colors can have an impact on performance. Exposing students to the color red prior to an exam has been shown to have a negative impact on test performance. More recently, researchers discovered that the color red causes people to react with greater speed and force, something that might prove useful during athletic activities.
Black is the color of mystery, authority, power and evil. It is popular in fashion because it supposedly makes people appear thinner. It is also considered stylish and timeless. Black can also be accented with any other color as it is the ultimate neutral color, albeit the most powerful.
White is cleanliness, sterility, innocence and purity. White reflects light and is considered a summer color. White is popular in decorating and in fashion because, as with black but at the opposite end of the spectrum, it is light, neutral, and goes with everything.
Red is the most emotionally-intense color. It is the color of blood, the color of the devil, Mars (the God of war) but also the color of a Valentine Day heart. Red stimulates a faster heartbeat and breathing. Red ties are known as “power ties” and are favored by CEOs and politicians. Red cars, according to police statistics, are popular targets for thieves. In decorating, red is usually used as an accent to draw attention in a room or for a doorway.
The most romantic color, pink, which is a shade of red, is more tranquil and considered feminine. Candy is often pink and it is a color that inspires happiness.
A friendly and inviting candy store’s website makes your mouth water and your teeth hurt just by looking at it. A bright, retro feel brings up happy emotions.
Blue, as the color of a clear sky and a deep ocean, is one of the most popular colors. It causes the opposite reaction as red. Blue causes the body to produce calming, tranquilizing chemicals, so it is often used in bedrooms. Blue can also be cold and depressing. Fashion consultants recommend wearing blue to job interviews because it symbolizes loyalty. People are more productive in blue rooms. Studies allege that weightlifters are able to handle heavier weights in blue gyms.
Green symbolizes nature and the current recycling, save-the-planet movement. It is the easiest color on the eye and is reported to improve vision. It is a calming, refreshing color. People waiting to appear on TV sit in “green rooms” to relax. Hospitals often use green because it relaxes patients. Dark green is masculine, conservative, and implies wealth. It is also a color of luck as in a four-leaf clover.
Yellow is a happy, cheerful color that draws attention, especially when paired with a strong contrasting color. While it is considered an optimistic color, people lose their tempers more often, and babies will cry more, in yellow rooms. It is the most difficult color for the eye to take in, so it can be overpowering if overused. Try looking at a yellow wall of a website for a long period and you will most probably get a splitting headache. It is believed, however, that yellow enhances concentration and that it speeds metabolism.
Purple is the color of royalty and connotes luxury, wealth, and sophistication. It is also feminine and romantic. However, because it is rare in nature, purple can appear artificial and often causes a “vibration” when not used in a proper color palette.
Brown is solid, reliable and is the color of earth. It is abundant in nature but varying shades have very different emotional responses. Light brown implies genuineness while dark brown is similar to wood or leather. Brown can also be sad and wistful. Brown is often considered a “male” color.
The Mix Of Colors
In the same way that one color can appear different in different surroundings, two similar colors may appear to be identical under some conditions. Even though the two symbols are actually slightly different tones, the contrasting backgrounds cause our brains to think that they are the same color. This effect is harder to control, but be aware of it because it can affect your graphics in hidden ways.
The feeling you get when looking at bright complementary colors next to each other is a vibrating or pulsing effect. It seems that the colors are pulling away from each other. It’s caused by an effect called “color fatiguing”. When one color strikes a portion of the retina long enough, the optic nerve begins sending confused signals to the brain. This confusion is intensified by the complementary colors.
The BoingBoing logo, a warm red, will have different effects as the color is changed. The heart-pounding yellow is a little too bright (although the contrast is attention grabbing) and the pure violet at the bottom is too dark and vibrates, which will cause the viewer to move off the site more quickly.
Mixing brilliant complementary colors gets attention, but should be used with restraint. The effect is disconcerting and can make your eyes feel like they’ve been shaken around.
If you want to use complementary colors without causing discomfort, you can outline each of the colors with a thin neutral white, gray or black line. The outlines separate the two colors, which help your brain keep them separated.
When two very similar colors touch in an image, both colors appear to wash out and become indistinct. This is because the borders between the colors are difficult to distinguish and your brain blurs the colors together.
Personal Preferences
Color preference is subjective. If you face a committee of critics of your design, you will receive several different requests for color changes… for completely different colors. People have a connection with certain colors due to their experiences with objects of those colors. A person who has positive experiences with a favorite blue toy as a child will generally like the color blue even later into life.
This works in a negative manner as well. Facing a committee with a line of designs, a marketing person refused to allow a cherry red to be used. It was an integral part of the design as it was part of the client’s branded style guide, so some argued the color was appropriate. After point and counter point was argued to exhaustion, the marketing person admitted her aversion to the color was from a girl who wore that color of lipstick who had tormented her in school. Irrational to others but not to her, as the color made fear and anxiety well up in her. The committee did look past her preference and she constantly complained about the client’s products, not allowing any of them to be placed in her office… although we would hide them in her desk drawers and messenger bag.
By the same token, the red and green colors are ignored by designers suffering even the slightest color blindness as those two colors hold the most common problems in color blind individuals.
Most probably a standard background picked up by the designer of this site, the mix of colors detracts from the site content. Sites with colorful content (art and products) should use neutral colors to frame the color that will be within the images themselves. More often than not, sites are either white or black to allow the focus to be on the colorful content.
If you’re going to trash someone else for bad web design, first make sure your color choices aren’t bloody awful!
Yes… everything about this site, done to show an example of a bad website, is an abomination against mankind. How long can you look at it before losing your lunch?
A strong visual with the all-black background — perhaps a bit too strong for the subject? While Harley-Davidson leans on their black and orange brand colors, and it works well for them, beware of using too strong of a dark palette. It can be striking but also a bit heavy and give the viewer a sense of dread and claustrophobia.
The WORLD WIDE web demands smart choices for a web design. In China, red indicates luck, while in Nigeria and Germany it means the exact opposite. International corporations, at least the smart ones, will study colors and the effect they have on different cultures. Losing an entire population of consumers due to using the wrong color is a huge hit on profit and brand awareness.
What are YOUR personal preferences? Too often a designer will lean on his or her personal likes or dislikes for a color palette and that can ruin a great design with ineffective colors for the end user. We need to put away the convention of personal choices when designing for the demographics of the consumer and that can be difficult.
Making The Right Choices
A friend of mine was the creative director for a large corporation that encouraged innovation not only in design but demanded color palettes out of the ordinary. He confided in me that they used candy for their color palettes.
“We scanned a pack of Easter-color M&Ms and then used it for our spring line,” he told me while we sat in his office. “I’ve also used Jujyfruits, Skittles and Sour Patch Kids!”
So, who says that’s a bad way to create a palette? There are color generators and books with color breakdowns for designers to use. One can scan a piece of textile, a photo of a beautiful sunset, an ocean scene or a handful of dirt, sand or a piece of wood and create a palette of colors that will blow away viewers. Just be mindful of the colors used as you would the placement of elements. In design, everything, all elements, type, color and images are drawn together to elicit a response from the viewer/consumer. They all must work in harmony, just like the colors in nature.
- Create A Jeans Vector in Illustrator 1 week 1 day ago
Adobe Illustrator can be a little tricky to get your hands around, particularly after getting used to the workflow of applications like Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand.
In the following steps you will learn how to create jeans in Adobe Illustrator. We will study several important techniques. You’ll learn how to use blends, gradient, add effects, and create strokes in Appearance panel.
Let’s get started!
Final Result
Let’s see what you will be creating in this tutorial.
Create A Jeans Vector in Illustrator
Step 1:
Create a 600px by 600px, RGB document.
Step 2:
2.1. To get started, pick the Pen Tool (P) and use it to create a shape as shown below. Continue to draw the black and the red shapes too.
2.2. Reselect the white shape and then go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -5px Offset and click OK.
Select the black shape and do the same as the previous step.
2.3. Fill the white and the black shapes created in the step 1 with 70% black and add a 1px stroke (70% black).
2.4. Reselect the shape selected as shown below and go to the Effect menu/ Texture/ Texturizer. Follow the data shown below and then click OK.
2.5. Select the white shape and fill it with R=7, G=10, B=34 (Stroke=None).
2.6. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Enter the data shown below and then click OK.
2.7. Do the same with the right part of jeans.
2.8. Pick the Pen Tool (P) and use it to create the yellow shape as shown below.
Fill this shape with R=7, G=10, B=34 (Stroke=None).
While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Enter the data shown below and then click OK.
2.9. Continue with the Pen Tool (P). Draw the yellow shape as shown below.
Fill the resulting shape with R=35, G=31, B=32 and add a 1px stroke (R=109, G=110, B=113). In the Variable Width Profile section from the Properties bar, select the Width Profile 2.
Sent the resulting shape to back (Ctrl + Shift + Left Square Bracket).
Step 3:
3.1.Create the yellow shapes as shown below by the Pen Tool (P).
3.2. Then fill the yellow shapes with the linear gradient.
3.3. Duplicate (Ctrl+C, Ctrl+F) the shape selected as shown below once time.While the resulting shape selected, go to the Window menu/ Appearance (Shift + F6). In the Appearance panel, set fill = None. Then add a stroke by click on the Add New Stroke button. Made this stroke 5px wide and set the colors at R=35, G=31, B=32. Then click on the Add New Stroke button again. Made the new added stroke 3px wide and set the colors at R=109, G=110, B=113. Continue adding a stroke .Made it 2px wide and set the colors at R=230, G=231, B=232.
While the resulting shape selected, return to the Appearance panel and click on the Stroke section of the 2px Stroke. Select the Width Profile 2 from the Profile section
Select anchor points highlighted with yellow and click on the "Cut path at selected anchor points" button from the Properties bar. Then remove two shapes as shown in the second image.
Duplicate (Ctrl+C, Ctrl+F) the shape selected once time and then move the resulting shape to new position as shown in the first image below. Next select both shapes as shown in the second image and press (Ctrl + Left Square Bracket) several times to send it behind the light shape.
3.4. Select the light shape as shown in the first image below and go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK. While the resulting shape selected, go to the Window menu/ Stroke (Ctrl + F10). Follow the data as shown in the second image below.
3.5. Select four anchor points highlighted with yellow and then click on the " Cut path at selected anchor points" button from the Properties bar. Next remove two shapes selected as shown in the second image.
3.6. Duplicate (Ctrl+C, Ctrl+F) the shape selected and move the resulting shape to the position as shown below.
3.7. Duplicate (Ctrl+C, Ctrl+F) the shape selected as shown below. While the resulting shape selected, pick the Eyedropper tool (I) and click on the shape highlighted with the yellow arrow. Next select two anchor points highlighted with yellow and click on the "Cut path at selected anchor points" button from the Properties bar.
Remove the shape highlighted with the red arrow. Then select the shape of the remaining result and send it backward (Ctrl + Left Square Bracket)
Duplicate (Ctrl+C, Ctrl+F) the light shape as shown below again. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK. Then pick the Eyedropper Tool (I) and click on the shape highlighted with the yellow arrow. Next remove the shape highlighted with the red arrow (do the same as the step 3.5).
Repeat the same techniques for the other two light shapes. In the end your shape should look roughly like the image below.
3.8. Duplicate (Ctrl+C, Ctrl+F) two shapes selected as shown below once time. Then pick the Eyedropper Tool (I) and click on the shape highlighted with the yellow arrow. Finally move two resulting shapes a few pixels up.
3.9. Use the Pen tool (P) and create a shape as shown in the first image. Fill this shape with black color. Then duplicate this shape once time (Ctrl+C, Ctrl+F). Set the fill of the resulting shape to None and add a 1px Stroke (white color). Pick the Type on a Path Tool (Font: Madiad pro, Style: Regular, Size: 5px, Color: R=96, G=57, B=19), move to the white shape and click on. Next press the L key several times to get the result as shown in the final image below. Select and group (Ctrl+G) all shapes created in this step.
3.10. Pick the Ellipse Tool (L) and create two shapes as shown below. Fill the bigger shape with black color. Next fill the remaining shape with the radial gradient.
3.11. Create a shape as shown in the first image and fill it with 90% black (stroke=None). Then create a shape as shown in the third image and fill it with 90% black (stroke=None). Lowered its Opacity to 80% and send it behind the small ellipse shape (Ctrl + Left Square Bracket).
3.12. Continue draw a shape as shown in the first image and fill it with white color. Next lowered its Opacity to 80% and send it behind the small ellipse shape. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 3.1px Radius and then click OK. Select and group (Ctrl + G) all shapes created from beginning step 3.11 to this time.
3.13. Move the newly created group to the correct position as shown below. Next select and group (Ctrl+G) both groups.
3.14. Continue place the group created in the previous step to the correct position as shown below.
Step 4:
4.1. Use the Pen Tool (P) to create a shape as shown below.
4.2. Fill it with R=18, G=26, B=51 and add a 2px Stroke (R=109, G=110, B=113).
4.3. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK. Finally lowered its Opacity to 40%
4.4. Duplicate the resulting shape once time (Ctrl+C, Ctrl+F). Pick the Add Anchor Points Tool (+) and add two points in positions highlighted with yellow. Then remove anchor points highlighted with red. Continue with the Add Anchor Points Tool (+). Use it to add some anchor points and move them to positions highlighted with yellow.
4.5. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK.
4.6. Duplicate the shape selected as shown below once time (Ctrl+C, Ctrl+F). While the resulting shape selected, go to the Window menu/ Appearance. Then follow the data as shown below.
4.7. While the resulting shape selected, use the Direct Selection Tool (A), hold down Shift and click on four anchor points highlighted with red. Then click on the "Cut path at selected anchor points" button from the Properties bar. Next remove two shapes selected as shown in the second image below.
4.8. Select the bottom shape of the remaining results and go to the Effect menu/ Stylizer/ Drop Shadow. Follow the data as shown below and then click OK. Finally lowered its Opacity to 40%.
4.9. Select the top of the remaining results and duplicate it once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Down arrow key five times and follow the data as shown below.
4.10. Pick the Pen Tool (P) and create a shape as shown in the first image. Then fill it with R=7, G=10, B=34 and add a 2px Stroke (R=128, G=130, B=133).
4.11. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK. Finally send this shape to back (Ctrl + Shift + Left Square Bracket).
4.12. Pick the Pen Tool (P) and use it to create a shape as shown below. Then fill it with the linear gradient. Do the same to create other shapes more and place them to the correct positions as shown in the second image below. Select and group (Ctrl + G) all shapes created in this step. Finally lowered Opacity of this group to 10%.
4.13. Repeat the same techniques for the right part of the jeans. In the end your shape should look roughly like the image below.
Step 5:
5.1 Pick the Pen Tool (P) and use it to create a red shape as shown below. Then fill it with R=167, G=169, B=172 (Stroke=None)
5.2 Continue with the Pen Tool (P). Use it to create a yellow shape as shown in the first image. Next fill this shape with black color (Stroke=None) and send it behind the shape created in the previous step (Ctrl + Left Square Bracket). Finally lowered its Opacity to 90%.
5.3. Duplicate the shape created in the step 5.1 once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Right Arrow key twice times and then press the Up Arrow key twice times. Then fill this shape with R=0, G=0, B=51 (Stroke=None) Next go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the second image and then click OK.
5.4. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK.
5.5. Fill the newly created shape with None and add a 1px Stroke (R=167, G=169, B=172). Then go to the Window menu/ Stroke (Ctrl+F10). In the Stroke panel, check the Dashed Line box and then enter 2px in the dash box and 2px in the gap box.
5.6. Continue draw other shapes. Then repeat the same techniques as the previous steps. In the end your shape should look roughly like the final image below.
Step 6:
6.1. Pick the Pen Tool (P) and use it to create two yellow shapes as shown below.
6.2. These shapes should be located in the under layer below the shapes created in the step 3.
6.3. Fill them with R=0, G=0, B=31 (Stroke=None).
6.4. While the resulting shapes selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur, enter a 100px Radius and then click OK.
6.5. The results of the previous step have unwanted blur parts highlighted with red. We will fix this.
6.6. Reselect two shapes created in the step 6.4 and lock them (Ctrl + 2). Then select two shapes as shown in the first image below and duplicate them once time (Ctrl+C, Ctrl+F). While the resulting shapes selected, click on the Unite button from the Pathfinder panel. Next press (Ctrl + Shift + Right Square Bracket) to bring the newly created shape to front.
Go to the Object/ Unlock All (Ctrl + Shift + 2). Then select two shapes just unlocked and the group created in the step 6.6. Next go to the Object/ Clipping Mask/ Make (Ctrl + 7).
While the resulting shape selected, press (Ctrl + Right Square Bracket) several times to get the result as shown below.
Step 7:
7.1. Create shapes as shown below by the Pen Tool (P).
7.2. Select two magenta shapes and go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -10px Offset and then click OK.
7.3. Select and move anchor points highlighted with yellow to the new positions.
7.4. Duplicate the newly created shape once time (Ctrl+C, Ctrl+F) and then press (Ctrl + 2) to lock the resulting shape. Reselect the shape created in the step 7.3 and fill it with the radial gradient.
7.5. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK.
7.6. Go to the Object menu/ Unlock All (Ctrl + Shift + 2), hold down Shift và click on the bigger magenta shape and click on the Minus Front button from the Pathfinder panel. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK.
7.7. Reselect the bigger magenta shape and go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the first image below and then click OK. Next go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the second image and then click OK.
7.8. Select the remaining magenta shape and add a 1px Stroke (R=188, G=190, B=192). Then go to the Window menu/ Stroke (Ctrl + F10). In the Stroke panel, check the Dashed Line box. Then enter 2px in the dash box and 2px in the gap box.
7.9. Select and duplicate the shape created in the step 7.5 once time (Ctrl+C, Ctrl+F). While the resulting shape selected, go to the Appearance panel and remove all effects of this shape. Next follow the data as shown in the image below.
7.10. Select two anchor points highlighted with red and click on the "Cut path at selected anchor points" button from the Properties bar. Then remove the shape highlighted with the red arrow.
7.11. Repeat the same techniques for the left magenta shapes. In the end your shape should look roughly like the second image below.
7.12. Create a red shape as shown below. Then fill it with R=0, G=0, B=28 (Stroke=None).
7.13. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the first image below and then click OK. Next go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the second image and then click OK.
7.14. Create four straight lines, then open the Stroke panel and follow the data as shown below.
7.15. Continue create the red shape as shown below and then fill it with R=82, G=2, B=10 (Stroke=None).
7.16. Pick the Type Tool (T) and type text you like.
7.17. Draw two yellow straight lines as shown in the first image. Then open the Stroke panel and follow the data as shown below.
At this time, your shape should look roughly like the image below.
7.18. Select the red shapes and fill them with the linear gradient (Stroke=None).
7.19. Select one of the four resulting shapes and go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the image below and then click OK.
While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the image below.
7.20. Do the same for the remaining shapes.
7.21. Pick the Pen Tool (P) and use it to draw two red lines as shown below.
Continue draw six red lines as shown below.
Select all red lines just created and change their color to R=188, G=190, B=192. Then open the Stroke panel and check the Dashed Line box. Enter 2px in the dash box and 2px in the gap box.
7.22. Fill two yellow shapes with R=0, B=0, G=36 and add a 1px Stroke (R=35, G=31, B=32).
7.23. While the resulting shapes selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK.
While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the image below.
7.24. Repeat the same techniques for the right yellow shape. In the end your shape should look roughly like the image below.
7.25. Draw two yellow shapes as shown below.
7.26. Select both shapes just created, fill them both with none and add a 1px stroke (R=188, G=190, B=192). Next open the Stroke panel and then check the Dashed Line box. Enter a 2px in the Dash box and enter a 2px in the Gap box.
7.27. Do the same for the right part of the jeans.
7.28. Pick the Pen Tool (P) and use it to create a red shape as shown in the first image. Then fill it with R=0, G=0, B=36 and add a 1px Stroke (R=35, G=31, B=32).
7.29. While the newly created shapes selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK. While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the image below and click OK.
7.30. Do the same for the right part of the jeans.
7.31. Draw two yellow shapes by the Pen Tool (P). Fill it with none and add a 1px stroke (R=188, G=190, B=192). Next open the Stroke panel and then check the Dashed Line box. Enter a 2px in the Dash box and enter a 2px in the Gap box.
7.32. Do the same for the right part of the jeans.
Step 8:
8.1. Now we’ll create a zipper for the pocket. The final result is below.
8.2. First, use the Pen Tool (P) to create a yellow shape as shown in the first image. Then rotate it to get the result as shown in the second image below.
8.3. Fill the newly created shape with R=0, G=0, B=36 and add a 1px Stroke (R=35, G=31, B=32). Then lowered its Opacity to 50%.
8.4. While the newly created shapes selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the first image below and then click OK. While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the second image below and click OK.
8.5. Use the Pen tool (P) to create a yellow shape as shown in the first image. Next open the Appearance panel and follow the data as shown in the second image.
8.6. Pick the Rounded Rectangle Tool and use it to create a red shape as shown in the first image. Next pick the Ellipse Tool (L) create a 3.5px by 1.5px shape. Place two newly created shapes to correct positions as shown in the second image. Select both shapes and click on the Unite button from the Pathfinder panel. Then fill the resulting shape with the linear gradient. Finally duplicate the newly created shape several times (Ctrl+C, Ctrl+F) and place them to correct positions as shown in the final image below.
8.7. Select and group (Ctrl+G) all shapes created in the step 8.6. Then double-click on the Reflect Tool from the Tool pallete. In the Reflect box, check the Horizontal and then click Copy. Next place the resulting group to correct positions as shown in the second image. Finally, fill the newly created group with the linear gradient.
8.8. Draw a yellow shape by the Pen Tool (P) and fill it with the linear gradient. Duplicate (Ctrl+C, Ctrl+F) the resulting shape once time. Then press the Right Arrow key twice times and press the Up Arrow key twice times. Finally fill the newly created shape with linear gradient as shown in the third image below.
8.9. Duplicate the newly created shape once time (Ctrl+C, Ctrl+F) and press (Ctrl + 3) to hide the resulting shape. Reselect both shapes created in the step 8.8 and go to the Object menu/ Blend/ Blend Options. Follow the data as shown in the first image below and then click OK. Next go to the Object menu/ Blend/ Make (Ctrl+Alt+B). Now press (Ctrl + Alt + 3) to show the shape hidden in the previous step. Fill the shape just showed with the linear gradient. Then duplicate the resulting shape once time (Ctrl+C, Ctrl+F) and fill the newly created shape with the linear gradient as shown in the third image below.
8.10. Use the Rectangle Tool (M) to create a 12px by 3px shape. Then go to the Effect menu/ Stylize/ Round Corners. In the Round Corners, enter a 1px Radius and click OK.
8.11. Fill the newly created shape with the linear gradient. Next duplicate (Ctrl+C, Ctrl+F) the resulting shape once time. Now fill the newly created shape with none and add a 1px Stroke (R=88, G=89, B=91). Then press (Ctrl + Left Square Bracket) once time to send it backward.
8.12. Reselect the shape just filled in the previous step and duplicate it once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Up Arrow key three times and then press the Left Arrow key four times. Next fill the newly created shape with the linear gradient as shown in the second image below.
8.13. Reselect both shapes just filled and go to the Object menu/ Blend/ Blend Options. Enter the data as shown below and then click OK. Then go to the Object menu/ Blend/ Make (Ctrl + Alt + B).
8.14. Pick the Rectangle Tool (M) and use it to create a 10 by 15px shape. Next select the left-top corner anchor point and press the Right arrow key three times. Continue select the right-top corner anchor point and press the Left arrow key three times. Switch the Add Anchor Point Tool (+) and click on two positions highlighted with red. Then select two anchor points highlighted with green and click on the "Convert selected anchor points to smooth" button from the Properties bar. In the end your new shape should look like the fifth image shown.
8.15. Now use the Ellipse Tool (L) to create a red shape and place it to correct position as shown in the first image. Then select both newly created shapes and click on the Unite button from the Pathfinder panel. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK. Next select four anchor points highlighted with yellow in the newly created shape and click on the "Cut path at selected anchor points" button from the Properties bar. Then remove two shapes selected as shown in the fourth image below.
8.16. Select two anchor points highlighted with yellow and click on the "Connect selected end points" button from the Properties bar. Next select two anchor points highlighted with green and click on the "Connect selected end points" button. Now select all red shapes and click on the Exclude button from the Pathfinder panel. Fill the newly created shape with the linear gradient and then duplicate it once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Right arrow key once time and press the Down arrow key once time. Then replace the existing color with R=109, G=110, B=113 and send it backward (Ctrl + Left Square Bracket). Finally select and group (Ctrl + G) all shapes created from beginning step 8.14 to this time.
8.17. Place the newly created group to the correct position as shown in the first image below. Next select the shape created in the step 8.13 and bring it front (Ctrl + Shift + Right Square Bracket).
8.18. Pick the Pen Tool (P) and use it to create a red shape. Continue create a yellow shape and place it to the correct position as shown in the second image.
Fill two newly created shapes with the linear gradient as shown below.
8.19. Select and group (Ctrl + G) all shapes created from beginning step 8.2 to this time. Then rotate this group an angle of about -20 degrees and place it to the correct position as shown in the first image below. While the newly created group selected, double-click on the Reflect Tool from the Tool pallete. In the Reflect, check the Vertical section and then click Copy. Finally place the resulting group to the correct position as shown in the second image below.
8.20. Adjust two zippers a bit to get the result as shown below.
Step 9 :
9.1. Create a 15 by 15px shape and fill it with R=35, G=31, B=32. Duplicate this shape once time (Ctrl+C, Ctrl+F), then reduce the size of the resulting shape a bit and fill it with R=147, G=149, B=152. Duplicate the newly created shape twice times (Ctrl+C, Ctrl+F). Continue create a new ellipse shape and fill it with R=209, G=211, B=212. Then place it to the position as shown in the third image. Select two shapes as shown in the third image and click on the Intersect button from the Pathfinder panel. Continue create a new ellipse shape as shown in the fifth image and fill it with R=209, G=211, B=212. Next select two shapes as shown in the fifth image and click on the Intersect button.
9.2. Select both newly created shapes and go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 3px Radius and then click OK. Next select all shapes created from beginning step 9.1 to this time and group them (Ctrl + G).
9.3. From the newly created group, create two new groups as shown below.
9.4. Place newly created groups to the correct positions as shown below.
Step 10:
10.1. Pick the Pen Tool (P) and use it to create a yellow shape as shown in the first image below. Then fill it with the linear gradient. Finally lowered its Opacity to 5%.
10.2. Continue create shapes as shown below. Then fill them with the linear gradient as the previous step. Finally lowered their Opacity to 5%.
In the end your shape should look roughly like the image below.
The final image is below. I hope you enjoyed this tutorial. Have fun !
Final Result
Here’s the final result. I hope you’ve enjoyed this tutorial.
Conclusion
As difficult as it looks I’m very sure if you follow my tutorial you will find a lot of help using your skills and images to produce your own creation! Ones again Thank you for using our tutorial, we will be very happy to answer any questions that you may have, You can simply leave a feedback and or a comment bellow.
|
- #monitoringsucks hackathon 6&7 february Practical details: 3 days 7 hours ago
As announced earlier next monday and tuesday we're opening up the Inuits offices for everybody working on monitoring problems.
There's already a good number of people that have confirmed their presence and some people have asked
As for practical details .. the plan is simple.
I`m going to be at the place somewhere between 8:30 and 9:00 on monday. ( Hey .. it's the day after Fosdem you know :))
The only thing I've planned is to do a get to know eachother round around 10:30 after that I`m expecting the hackathon to be self organising,
There will be water, coffee , etc , IP connectivity, and electricity.
The location is still Duboisstraat 50, Antwerp
Free parking is on the Hardenvoort or Kempenstraat ( 3minutes walk) , paid parking right in front of the door.
- Graphite, JMXTrans, Ganglia, Logster, Collectd, say what ? 4 weeks 3 days ago
Given that @patrickdebois is working on improving data collection I thought it would be a good idea to describe the setup I currently have hacked together.
(Something which can be used as a starting point to improve stuff, and I have to write documentation anyhow)
I currently have 3 sources , and one target, which will eventually expand to at least another target and most probably more sources too.
The 3 sources are basically typical system data which I collect using collectd, However I`m using collectd-carbon from https://github.com/indygreg/collectd-carbon.git to send data to Graphite.
I`m parsing the Apache and Tomcat logfiles with logster , currently sending them only to Graphite, but logster has an option to send them to Ganglia too.
And I`m using JMXTrans to collect JMX data from Java apps that have this data exposed and send it to Graphite. (JMXTrans also comes with a Ganglia target option)
Rather than going in depth over the config it's probably easier to point to a Vagrant box I build https://github.com/KrisBuytaert/vagrant-graphite which brings up a machine that does pretty much all of this on localhost.
Obviously it's still a work in progress and lots of classes will need to be parametrized and cleaned up. But it's a working setup, and not just on my machine ..
- #monitoringsucks and we'll fix it ! 4 weeks 3 days ago
If you are hacking on monitoring solutions, and want to talk to your peers solving the problem
Block the monday and tuesday after fosdem in your calendar !
That's right on february 6 and 7 a bunch of people interrested to fix the problem will be meeting , discussing and hacking stuff together in Antwerp
In short a #monitoringsucks hackathon
Inuits is opening up their offices for everybody who wants to join the effort Please let us (@KrisBuytaert and @patrickdebois) know if you want to join us in Antwerp
Obviously if you can't make it to Antwerp you can join the effort on ##monitoringsucks on Freenode or on Twitter.
The location will be Duboistraat 50 , Antwerp
It is about 10 minutes walk from the Antwerp Central Trainstation
Depending on Traffic Antwerp is about half an hour north of Brussels and there are hotels at walking distance from the venue.
Plenty of parking space is available on the other side of the Park
- What is devops ? 4 weeks 6 days ago
I`m parsing the responses of the Deploying Drupal survey I started a couple of months ago (more on that later)
One of the questions in the survey is "What is devops" , apparently when you ask a zillion people (ok ok, just a large bunch of Tweeps..), you get a large amount of different answers ranging from totally wrong to spot on.
So let's go over them and see what we can learn from them ..
The most Wrong definition one can give is probably :
A buzzword
I think we've long passed the buzzword phase, definitely since it's not new, it's a new term we put to an existing practice. A new term that gives a lot of people that were already doing devops , a common word to dicuss about it. Also lots of people still seem to think that devops is a specific role, a job description , that it points to a specific group of people doing a certain job, it's not . Yes you'll see a lot of organisations looing for devops people, and giving them a devops job title. But it's kinda hard to be the only one doing devops in an organisation.
I described one of my current roles as Devops Kickstarter, it pretty much describes what I`m doing and it does contain devops :)
But devops also isn't
The connection between operations and development.
people that keep it running
crazy little fellows who find beauty in black/white letters( aka code) rather than a view like that of Taj in a full moon light.
the combination of developer and operations into one overall functionality
The perfect mixture between a developer and a system engineer. Someone who can optimize and simplify certain flows that are required by developers and system engineers, but sometimes are just outside of the scope for both of them.
Proxy between developer and management
The people in charge of the build/release cycle and planning.
A creature, made from 8-bit cells, with the knowledge of a seasoned developer, the skillset of a trained systems engineer and the perseverence of a true hacker.
The people filling the gap between the developer world and the sysadmin world. They understand dev. issues and system issues as well. They use tools from both world to solve them.
Or
Developers looking at the operations of the company and how we can save the company time and money
And it's definitely not
Someone who mixes both a sysop and dev duties
developers who know how to deploy and manage sites, including content and configuration.
I believe there's a thin line line between Ops and Devs where we need to do parts of each others jobs (or at least try) to reach our common goal..
A developer that creates and maintains environments tools to help other developers be more successful in building and releasing new products
Developers who also do IT operations, or visa versa.
Software developers that support development teams and assist with infrastructure systems
So no, developers that take on systems roles next to their own role and want to go for NoOps isn't feasable at all ..you really want collaboration, you want people with different skillsets that (try to) understand eachoter and (try to) work together towards a common goal.
Devops is also not just infrastructure as code
Writing software to manage operations
system administrators with a development culture.
Bring code management to operations, automating system admin tasks.
The melding of the art of Systems Administration and the skill of development with a focus on automation. A side effect of devops is the tearing down of the virtual wall that has existed between SA's and developers.
Infrastructure as code.
Applying some of the development worlds techniques (eg source control, builds, testing etc) to the operations world.
Code for infrastructure
Sure infastructure as code is a big part of the Automation part listed in CAMS, but just because you are doing puppet/chef doesn't mean you are doing devops.
Devops is also not just continous delivery
A way to let operations deploy sites in regular intervals to enable developers to interact on the systems earlier and make deployments easier.
Devops is the process of how you go from development to release.
Obviously lots of people doing devops also often try to achieve Continuous delivery, but just like Infrastructure as Code it devops is not limited to that :)
But I guess the truth is somewhere in the definitions below ...
That sweet spot between "operating system" or platform stack and the application layer. It is wanting sys admins who are willing to go beyond the normal package installers, and developers who know how to make their platform hum with their application.
Breaking the wall between dev and ops in the same way agile breaks the wall between business and dev e.g. coming to terms with changing requirements, iterative cycles
Not being an arsehole!
Sysadmin best-practise, using configuration as code, and facilitating communication between sysadmins and developers, with each understanding and participating in the activities of the other.
Devops is both the process of developers and system operators working closer together, as well as people who know (or who have worked in) both development and system operations.
Culture collaboration, tool-chains
Removing barriers to communication and efficiency through shared vocabulary, ideals, and business objectives to to deliver value.
A set of principles and good practices to improve the interactions between Operations and Development.
Collaboration between developers and sysadmins to work towards more reliable platforms
Building a bridge between development and operations
The systematic process of building, deploying, managing, and using an application or group of applications such as a drupal site.
Devops is collaboration and Integration between Software Development and System Administration.
Devops is an emerging set of principles, methods and practices for communication, collaboration and integration between software development (application/software engineering) and IT operations (systems administration/infrastructure) professionals.[1] It has developed in response to the emerging understanding of the interdependence and importance of both the development and operations disciplines in meeting an organization's goal of rapidly producing software products and services.
bringing together technology (development) & content (management) closer together
Making developers and admins understand each other.
Communication between developers and systems folk.
a cultural movement to improve agility between dev and ops
The cultural extension of agile to bring operations into development teams.
Tight collaboration of developers, operations team (sys admins) and QA-team.
But I can only conclude that there is a huge amount of evangelisation that still needs to be done, Lots of people still don't understand what devops is , or have a totally different view on it.
A number of technology conferences are and have taken up devops as a part of their conference program, inviting experienced people from outside of their focus field to talk about how they improve the quality of life !
There is still a large number of devops related problems to solve, so that's what I`ll be doing in 2012
- Installing Vagrant, on Ubuntu Natty 5 weeks 1 day ago
(Warning some Ubuntu ranting ahead)
apt-get install virtualbox-ose apt-get install rubygemsgem install vagrant
That's what I assumed it would take me to install vagrant on a spare Ubuntu (Natty) laptop.
Well it's not. after that I was greeted with some weirdness.
$vagrantvagrant: command not found...
Yet gem list --local showed the vagrant gem installed.
$rubyruby: command not found
I looked twice, checked again and indeed it seems you can install rubygems on natty with no ruby installed #dazedandconfused
So unlike other distro's on Ubuntu doesn't add the rubygems binary path to it's default path
After adding that to my .bashrc things started working better.
The active reader has noticed that by now half of the Twittersphere was pointing me to the already implemented
above solution and the other half was telling me to not install rubygems using apt-get, or to use rvm for all my rubygem troubles
Apart from the point that if you need tools to like rvm to fix things that are fundamentally broken, the fact is that joe average java developer doens't want to be bothered with RubyGem hell , he just wants to do apt-get install Vagrant and get on with his real work, and that's exactly what I'd expect from Linux for human beings
I'd expect any junior guy to be able to go to vagrantup.com read the 4 commands on the main page and be up and running
Coz that's how it works on my Bleeding Edge Enterprise Development Distro, the one I usually would not advise those people (and my mother) to use.
|  - Unity 5.2 Released With Multi Monitor Support [Ubuntu 12.04 Precise Pangolin] 1 day 21 min ago Unity 5.2 has just been uploaded to the Ubuntu 12.04 Precise Pangolin repositories, bringing multi monitor support, a new SUPER+TAB Launcher switcher, per workspace alt-tab switcher, a new shortcut hints overlay, "push to reveal" launcher behavior, a new home dash and the window auto-maximize functionality has been disabled on monitors with a resolution above 1024x600.The new version was already available for testing in the Unity PPA and we've already covered some of these new features a while back (for a keyboard shortcuts hints overlay and SUPER+TAB Launcher switcher video, see THIS post).The most important change in the latest Unity 5.2 is multi monitor support - a launcher with screen edge detection is now displayed on every monitor, so you don't have to travel to another display to launch or switch applications:Unfortunately I only have one monitor so I couldn't test this new feature.In Unity 5.2, the launcher uses a new "push to reveal" mode to avoid revealing the Launcher by accident. The new reveal mode can be further tweaked using CompizConfig Settings Manager:Dash has a new home lens which displays recent files and applications, replacing giant shortcuts to files, applications and so on, which I'm sure many never actually used:And here's the shortcut hints overlay again (it's displayed when pressing and holding the SUPER key), in case you've missed our previous post:And finally, there's a new default behavior for the ALT + TAB switcher which now displays applications on the current workspace. This is configurable and you can use a multi-workspace ALT+TAB switcher by disabling the "Bias alt-gab to prefer windows on the current viewport" checkbox:Besides the improvements above, there's also a huge list of bug fixes - you can read the complete changelog for Unity 5.2 here.via Didrocks; credits for the first screenshot: slo-tech.com
- elementary Music Player `Beatbox` 0.3 Released 1 day 18 hours ago Beatbox, the default music player in the upcoming elementary "Luna" release, has reached version 0.3 codename "Acolyte". The new version includes an improved album view, iPod sync, podcast and Internet radio support, among others.Beatbox features a clean interface with 3 possible views, including a very cool-looking album view, smart playlists, Last.fm integration (scrobbling, similar songs, etc.) and more.Most important changes in Beatbox 0.3:Better album view, shadows for album covers, native gtk, more integrated, new popup view.iPod sync using libgpod.Speed improvements to list and album view.Full podcast support.Internet radio support.Import/export playlists.Cleaner first run experience.Now reads album artist, composer, disc number.Lyric fetchingFrom now on, Beatbox will only get bug fixes and feature improvements (no new features) until it reaches version 1.0, which should be released in the same time as elementary OS Luna.Some more BeatBox 0.3.0 screenshots:Download BeatBox Music Player (includes Ubuntu .deb packages and source files). Arch Linux users can install the latest BeatBox from BZR using AUR.Ubuntu users can also use the elementary daily PPA to stay up to date with the latest BeatBox from trunk. Make sure you read the PPA description before adding it!via Launchpad
- Ubuntu 12.04 LTS Precise Pangolin Alpha 2 Released [Video, Screenshots] 1 day 20 hours ago Ubuntu 12.04 LTS Precise Pangolin alpha 2 is available for download, we'll do a recap of all the changes since the previous milestone (alpha 1).Let's start with an Ubuntu 12.04 Precise Pangolin alpha 2 video:Video linkUnity improvementsThe latest Unity, available in Ubuntu 12.04 Precise Pangolin alpha 2 feels very smooth and is actually quite stable for an alpha. Besides many bug fixes, there were also many tweaks and changes designed to make Ubuntu 12.04 "pixel perfect" and while we'll obviously not cover all of them, you can read about the most important changes below.The Ubuntu button ("BFB") now has quicklists let you quickly access any available lenses:The Dash / Launcher color can now be changed:In Ubuntu 12.04 Precise Pangolin alpha 2, when launching an application, the menu is initially displayed on the top bar and is only hidden after an amount of time which can be modified (along with the fade duration) through CCSM. Until now, the menu would always be hidden and only show up on mouse over, but this behavior made the menu hard to discover for new users, so with this change, the Unity developers hope to make the menu easier to find. And in case you were wondering: no, you can't set this to a huge value to basically disable autohiding the menu - the maximum value is 10:In the screenshot above, you can also see the new "Show desktop" button (yeah, Unity didn't have this until now) which can be enabled from the CompizConfig Settings Manager. In the same screenshot you'll also notice that CCSM no longer uses sliders - they were removed because users could accidentally change various settings by just trying to scroll through the CCSM interface. This is just a first attempt to improve CompizConfig Settings Manager, more changes should follow to make sure users can't break Unity by just changing some settings.With Ubuntu 12.04 Precise Pangolin alpha 2, work has started to integrate Unity settings with the System Settings (GNOME Control Center), under "User Interface". For now, the available options include: setting the launcher icon size, enable/disable launcher autohide and autohide reveal spot:The new Unity settings integrated into System Settings work with both Unity 3D and Unity 2D, however, since not all settings work with both Unity versions (for instance, you can't change the launcher icon size for Unity 2D), only those supported will be displayed for each Unity version.As for Unity 2D, besides the new Unity settings integration mentioned above, there only one change worth mentioning: the top panel has finally got buttons to close maximize/restore Dash:Other changesLightDM received an update too and in Ubuntu 12.04 Precise Pangolin alpha 2, the login screen uses the background you set for the desktop. This works for multiple users too - in this case, the LightDM login screen background changes depending on which user is selected, using a nice effect - you can see it in action at the end of the video in the beginning of this post.By default, Ubuntu Software Center adds newly installed applications to the launcher. This can, be disabled by unckecking "New Applications in Launcher" from the Ubuntu Software Center View menu:Also, Ubuntu Software Center now automatically installs language support packages so there's no need to open "Language Support" after installing new applications.There are some more Unity features already available in the Unity PPA and the Unity Staging PPA which have not landed in Ubuntu 12.04 Precise Pangolin yet:New shortcuts hints overlay - a list of Unity keyboard shortcuts which is displayed when pressing and holding the SUPER keyLauncher switcher which you can use to switch between applications via the Unity Launcher using SUPER + TABA new "home" lens for Dash which displays recently used applications, files and so on, replacing the old shortcutsMulti monitor supportAnd of course, there's also HUD, Ubuntu`s new smart menu which has its own PPA, and might land in Ubuntu 12.04 later on.Default applicationsThe default application selection in Ubuntu 12.04 Precise Pangolin alpha 2 includes: Firefox 10, Thunderbird 10, Nautilus 3.3.4, Rhythmbox 2.95, Gedit 3.3.2, LibreOffice 3.5.0 beta 2, Totem 3.0.1, Empathy 3.3.4, Shotwell 0.11.91, Gwibber 3.3.3, Transmission Bittorrent Client 2.42, Deja Dup Backup Tool 21.2. Also, Precise alpha 2 uses Linux Kernel 3.2.0-12.21 based on the 3.2.2 upstream stable kernel and Xorg server 1.11.3.While Rhythmbox is the default music player in Ubuntu 12.04 alpha 2, Banshee may make it back as default: the Banshee GTK3 port and stability on ARM will be reviewed around Precise beta 1 and it will then be discussed if Ubuntu Precise will stay with Rhythmbox or switch back to Banshee.PAE kernel is now default for 32bitStarting with alpha 2, Ubuntu Precise uses the PAE kernel by default. The PAE kernel allows addressing more than 4GB of system memory, which isn't available for a non-PAE kernel (more about PAE, here). The non-PAE kernel is, however, still available for installation.How stable is Ubuntu 12.04 LTS Precise Pangolin alpha 2?This is probably the most stable Ubuntu alpha release I've used so far: Unity feel very smooth and snappy, there are almost no crashes and well, everything seems to work. Even using the Unity Staging PPA, which contains the latest builds generated from trunk, seems pretty stable. But even so, this is an alpha so there are many things that could go wrong, therefore I strongly recommend you do not use it on a production machine!If you want to test Precise alpha 2, the best way to do it is using VirtualBox. There is an issue though: in my test, the mouse didn't work until I've installed the VirtualBox guest additions (see how to install the Guest Additions
- Compare And Synchronize Folders With FreeFileSync 2 days 20 hours ago FreeFileSync is a muti-platform folder comparison and synchronization tool that comes with some very useful features like support for multiple folder pairs, binary files support, can create "batch files" which can be used to automate folder synchronization and others.FreeFileSync features:Multiple pre-defined synchronization settings: Automatic (propagate changes on both sides), Mirror (right folder is modified to exactly match left folder), Update (copy new or updated files to right folder) as well as a custom modeDetect moved, renamed, conflicting files and propagate deletionsbytewise / by date file comparison and synchronizationSupport for multiple folder pairsSupport for Linux Symbolic Links and Windows Junction PointsNetwork supportCreate batch jobs for automated synchronization. You can then run them from the command line, simply double click the file, create a cron job, etc.Filter functionality to include/exclude files from synchronization (you can exclude files by type, date, size Copy file and directory permissionsYou can select what to do when an error occurs or when the synchronization is completedEasily exclude files from being syncedSave/load configurationsMore If you're wondering how FreeFileSync compares to other synchronization tools, check out THIS page on Wikipedia.While the interface is intuitive and highly configurable, it insists on using its own icons which doesn't look too good, but other than this, FreeFileSync is a really great synchronization tool.FreeFileSync comes with a small application called RealtimeSync that lets you monitor files or folders for changes or when they become available (for example when you insert an USB stick) and execute a command which can be a batch job created with FreeFileSync or any other command.The application even comes with Unity launcher progress bar support, a feature that Grsync (a great rsync GUI) also got recently.FreeFileSync is not new - in fact, it's been around for more than 3 years -, but it constantly gets new features and improvements (changelogs available here) which is something I for one always appreciate.Install FreeFileSync in UbuntuUbuntu Oneiric, Natty and Maverick users can install FreeFileSync from its PPA - open a terminal and copy/paste the following commands:sudo add-apt-repository ppa:freefilesync/ffssudo apt-get updatesudo apt-get install freefilesyncPlease note that at the time I'm writing this, the latest FreeFileSync 5.0 is only available for Oneiric. For older Ubuntu releases, there are older FreeFileSync versions (4.0 for Natty and 3.17 for Maverick). If you want the latest version, download it via SourceForge.There's also a Debian PPA which you can use to install FreeFileSync without any Ubuntu dependencies and an AUR package for Arch Linux users (but it hasn't been updated to the latest version yet)For other Linux distributions and Windows, download FreeFileSync via SourceForge.
- Radio Software Airtime 2.0 Released With Easier Icecast And SHOUTcast Streams Configuration, More 2 days 23 hours ago Airtime is a free open source radio management application. The Airtime server runs on Linux, but the interface can be used from anywhere, using a web browser.It features DJ management, playlists and shows, SoundCloud integration, supports Icecast and SHOUTcast and comes with a jQuery-based interface that supports drag and drop.Airtime 2.0 has been released a few days ago and it includes many improvements like easier Icecast and SHOUTcast streams configuration, better calendar, playlists and SoundCloud integratoin and more. In Airtime 2.0, Icecast and SHOUTcast streams as well as the hardware output API (ALSA, OSS, AO, Pulseaudio, and Portaudio) can be configued through the web interface. Also, you can now have up to three streams with different bitrates and point them to different Icecast / SHOUTcast servers.Airtime 2.0 also comes with a new feature that lets you preview / listen to the streams directly from the web interface, without the need to run an application.Another interesting improvement has been made to the SoundCloud integration - using Airtime 2.0, you can upload any clip (including multiple clips at once) to Soundcloud and not just the recorded.Other changes in Airtime 2.0:Service monitoring from the browser: You can now see the status of the services and the disk space available.Time zone can now be set in the browser.View settings saved in calendarConnection issues between Liquidsoap and Icecast are displayed in the web interface Protection against brute-force password guessing attacks: after three failed login attempts, the user will be presented with a RECAPTCHA.Right-click on an item in the library to see the metadata for the audio fileNotification of new Airtime releases built into the interfaceBetter error checking in cases where two users alter the same data at the same time (for example, in playlists and shows)The Media Monitor is also much improved. It now correctly handles the case where a watched directory or subdirectory is deleted or movedMoreGetting started with Airtime1. Firstly, you need to add some music to your Airtime library, so click the "Add media" button on the top bar, add some music files and click "Start upload":2. Now you need to create a playlist so head over to "Playlist builder", click on "New" on the right, give your new playlist a name and add some files to your playlist using drag and drop:3. The next step is to create a show. Click on "Calendar" on top, then "+ Show" and enter your show details: the name, time and so on and when you're ready, click "Add this show":4. The last step is to add some playlists to the newly created show. To do this, click on "Calendar" on the top bar, look up your show and left click it, then select "Add / Remove Content":You should see your playlists on the left - using drag and drop, add them to your show and click "Ok":Your show should start at the time you've set under step 3.Download / Install AirtimeYou can try Airtime 2.0 online, by going to http://airtime-demo.sourcefabric.org/Setting up Airtime in Ubuntu is very easy: download THIS deb - it will add the Airtime repository -, and install it, then install Airtime using the commands below (after installation, make sure you change the password!):sudo apt-get updatesudo apt-get install airtimeIf the above instructions are not easy enough, you'll find step-by-step Ubuntu installation instructions HERE.Download AirtimeThanks to Adam Thomas for the tip!
|  - STOP: DELETE IGNORE on Tables with Foreign Keys Can Break Replication 1 day 13 hours ago DELETE IGNORE suppresses errors and downgrades them as warnings, if you are not aware how IGNORE behaves on tables with FOREIGN KEYs, you could be in for a surprise. Let’s take a table with data as example, column c1 on table t2 references column c1 on table t1 – both columns have identical set of rows for [...]
- Verifying backup integrity with CHECK TABLES 2 days 22 hours ago An attendee to Espen’s recent webinar asked how to check tables for corruption. This kind of ties into my recent post on InnoDB’s handling of corrupted pages, because the best way to check for corruption is with CHECK TABLES, but if a page is corrupt, InnoDB will crash the server to prevent access to the [...]
- Speaking at MySQL Meetup in Raleigh,NC 4 days 21 hours ago I’ll be presenting at MySQL Meetup in Raleigh,NC February 21,2012. The talk with be about Optimizing MySQL Configuration which I believe is a great topic for my first talk at this meetup group as it covers something every MySQL user has to deal with, also being something both beginner and advanced MySQL Users can learn [...]
- MySQL Configuration Wizard Updated 1 week 1 day ago We’ve released an updated version of the MySQL Configuration Wizard we announced at the end of last year. If you don’t remember that announcement, here’s the short version: this is a tool to help you generate my.cnf files based on your server’s hardware and other characteristics. We’ve gotten really good feedback on this tool, including [...]
- How to recover a single InnoDB table from a Full Backup 1 week 2 days ago Sometimes we need to restore only some tables from a full backup maybe because your data loss affect a small number of your tables. In this particular scenario is faster to recover single tables than a full backup. This is easy with MyISAM but if your tables are InnoDB the process is a little bit [...]
|