1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three margin testing

Showing posts with label tools. Show all posts
Showing posts with label tools. Show all posts

Tuesday, March 13, 2012

16 Useful Boilerplates to Start Your Project Quickly | Queness

http://www.queness.com/post/10905/16-useful-boilerplates-to-start-your-project-quickly

Introduction

Boilerplate is a set of code that can be reused in many ways with little or no alteration. However, the boilerplates we are talking about here usually can be used as a base, a solid foundation for your projects. Additional benefit, it's also a good place to learn tips and tricks about coding too!
Boilerplate is extremely useful because it usually comprise of best coding practices, and also contain heaps of tips and tricks which otherwise would take years of times to learn. Take HTML Email Boilerplate as an example, building an eDM isn't easy, it requires one to go back to HTML 1.0, no more div, span or high level CSS settings such as float, position etc, what you need is table for layout, inline CSS for simple styling. To make building an eDM even worse, email clients have strict restriction and they don't behave the same, as if you're working with more than one legacy browsers that all render the page differently! With the Email boilerplate, it contains CSS settings HTML structure and even some tips and tricks to help and guide you how to avoid redering inconsistencies issues.
With no further a do, I have collected 16 boilerplates for different web technologies, platforms - HTML, CSS, jQuery, WordPress and etc. They enforce best practices and constant updates and I pretty sure it will be a really good foundation for your projects.

HTML & Miscelaneous

  • HTML5 BoilerplateHTML5 BoilerplateHTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-safe site.
  • HTML Email BoilerplateHTML Email BoilerplateThis website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. This is a good stuff, I use it in my work and it contains a lot of tips and tricks which save you heaps of times to fix it yourself.
  • HTML5 Mobile BoilerplateHTML5 Mobile BoilerplateMobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile.
  • Twitter BootstrapTwitter BootstrapSimple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. Not really a boilerplate, but it has a lot of reusable component for fast prototyping or development.
  • Zend Framework BoilerplateZend Framework BoilerplateZend Framework (ZF) Boilerplate is an all-in-one platform for development of enterprise grade PHP applications based on the Zend Framework.

CSS

  • GetSkeletonGetSkeletonSkeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles: Responsive Grid Down to Mobile, Fast to Start and Style Agnostic.
  • CSS Media Queries BoilerplateCSS Media Queries BoilerplateQuick snippet for CSS Media Query setup.
  • Boilerplate for Responsive MobileBoilerplate for Responsive MobileYAMP is a small set of tools and best practices that allow web designers to build responsive websites faster.



jQuery

  • jQuery BoilerplatejQuery BoilerplateThis project won't seek to provide a perfect solution to every possible pattern, but will attempt to cover a simple template for beginners and above.
  • Stefan Gabos jQuery Plugin BoilerplateStefan Gabos jQuery Plugin BoilerplateA boilerplate for jump-starting jQuery plugins development.
  • Essential jQuery Plugin PatternsEssential jQuery  Plugin PatternsA javascript pattern for jQuery plugin development. But while well-known JavaScript patterns are useful, another side of development could benefit from its own set of design patterns: jQuery plugins. The officialjQuery plugin authoring guide offers a great starting point for getting into writing plugins and widgets, but let's take it further.

WordPress

  • WordPress Widget BoilerplateWordPress Widget BoilerplateAn organized, maintainable boilerplate for building WordPress widgets.
  • Root ThemeRoot ThemeRoots is a starting WordPress theme based on HTML5 Boilerplate & Bootstrap from Twitter.
  • BonesBonesBones is a boilerplate for WordPress theme development. It contains classic (fixed grid) and responsive layout to choose from.
  • Starkers ThemeStarkers ThemeStarkers is a bare-bones WordPress theme created to act as a starting point for the theme designer.
  • TwentyTen Five HTML5 Base ThemeTwentyTen Five HTML5 Base ThemeBringing HTML5 to WordPress, you can use this TwentyTen Five WordPress template to build your won HTML themes.

About the Author

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Tuesday, January 31, 2012

Kazam Screencaster 1.0 Released

http://www.webupd8.org/2012/01/kazam-screencaster-10-released.html
 ~ Web Upd8: Ubuntu / Linux blog

Kazam Screencaster 1.0, a cool screencasting application for Linux, has been released today.

The Kazam Screencaster development has stopped a while back, but luckily a new developer has taken over the project and Kazam is updated frequently again. With the new 1.0 version, Kazam is finally GTK3 ready, but that's not all. Here are the changes since the previous Kazam version we wrote about (a long time ago, I know):

  • It's finally possible to record arbitrary screen regions
  • Support for two audio channels, with volume settings
  • Output can be saved in WebM or Matroska
  • Uses gstreamer instead of ffmpeg
  • Countdown timer is now customizable
  • Countdown window has now variable width
  • Adjustable framerate
  • Ability to turn off recording of mouse cursor
  • Audio device selection is now done directly from PulseAudio. To record application sounds instead of microphone input you will have to select one of the monitor devices.

Even though it uses an Ubuntu AppIndicator, Kazam works in other desktop environments too, like GNOME Shell for instance (GNOME Shell has a built-in recording tool which works great, but it doesn't let you select an arbitrary screen region), where it falls back to a regular tray icon.

Sunday, January 29, 2012

Free Tools to Edit Product Shots for Your Online Store

http://www.ecommerce-guide.com//article.php/3939786
 — eCommerce-Guide.com

By Vangie Beal
January 25, 2012

If you own an online store, it's a good practice to ensure you offer shoppers clear and professional-lookingproduct images. The images you use in your store will rouse consumer interest in your products. A plain or poor-quality digital photo of the item you sell is just not enough to inspire a purchase.  
Online store owners and eBay sellers working with a limited budget can skip the cost of purchasing commercial image editing software and use free Web-based or open source tools to perk up product shots.

5 Free Image Tools for Online Store Owners

There are a number of basic functions that you will want to use to fix up product shots, so even if the editor is free, save time by making sure the basic options are available. Look for crop, rotate and brushes. And be sure it includes a text editor in case you need to add a copyright tag or caption directly on to the image. Remember that using too many special image effects will make your product shot look fake, so stick with the tools that enhance the natural look of the product in your online store.
Here are five free image editors to get you started.

1. GIMP:  The GNU Image Manipulation Program

GIMP is one of the most well-known an open source image editors. It comes complete with layering, brushes, lighting and more features that let you add a cutting-edge look to your images.  Online store owners will want to work with some of the tools for rotation, cropping and text.
If you need help using GIMP, a simple Google search will yield a number of articles on how to effectively use some of the tools in the program. More advanced users can download additional scripts and brushes.
  • Main features:  .gif animation capabilities, brushes, layering with blend modes, filtering and color effects, transformation tools, a text editor and photo creation capabilities.
  • Cost: GIMP is open source software (so it's free) and available for Windows, Mac, Linux and UNIX systems.

2. Pixlr:  Web-Based Image Editing with Drop-Down Menus

Pixlr is a Web-based image editing program that can help online store owners make images and product shots look snazzy and appealing to your site viewers and customers.  The image editor features movable (and scalable) windows for editing, drop-down menus to use effects, filters, brushes and other image editing tools. Pixlr offers an easy-to-use text editor, so you can add slogans and catchy phrases to your images and Web advertisements.
Since Pixlr is a Web-based image editing tool, you don't have to download or install anything. You simply load it into your Web browser.
  • Main features: easy drop-down menus, filters and effects, brushes, transformations, text editor and no downloading because it's Web-based. 
  • Cost: Pixlr is free -- no credit cards, accounts, or trials. It's available on all operating systems with an up-to-date Web browser. It also works with Android and Apple iOS devices.

3. Splashup: Free Web Editing with Social Sharing

Splashup is another Web-based image editor that can be used in conjunction with popular photo sharing services like Facebook and Flickr. This social integration allows Web shop owners to access photos directly and not have to download them to a hard drive, edit, then upload them.
Splashup offers a number of features including layers with blending modes and numerous effects and filters to spice-up your product shots and other business images.
  • Main Features: integrated photo sharing, layering with blend modes, filters and effects, text editor, edit photos directly off of a webcam, and it's Web-based.
  • Cost: Splashup is completely free, and requires no credit cards or accounts; you just open the Web page and edit your photos. It works on any operating system with an up-to-date Web browser.

4. Picasa: Organize, Store and Edit Images

Picasa is a free program offered by Google that lets you host, organize and edit all images on your computer. It's pretty simple: after you install Picasa, it searches for all images on your hard drives. Once it has indexed them, it stores them in a library for easy access.  Features include basic image fixes, such as color and contrast, and you can crop, rotate and add text. There are several effects and filters you can use to turn plain images in to showcase quality.
Picasa is a basic program, but it's user-friendly and meets the needs of most online store owners who need to liven up a few product images.
  • Main Features: create a photo library to index your images, includes all basic editing tools, filters and effects and a text editor.
  • Cost:  Picasa is completely free to download and use. It works on Windows, Mac and Linux systems.

5. Fotoflexer: A Web-Based Tool with a Simple Interface

Fotoflexer is another Web-based image editor that offers a decent number of features and a simple interface that makes editing images a painless task.  Fotoflexer integrates with images and photos on a number of popular social sites including Facebook, MySpace, Flickr and Photobucket. The Web tool offers most of the basic image editing tools such as crop, resize, rotate and text editing. Online store owners can also add image effects and filters to give product shots a unique look.
  • Main Features: integrated photo sharing, all basic photo editing tools, text editor, effects and filters, and it's Web-based.
  • Cost:  Fotoflexer is completely free, and works with any operating system with an up-to-date browser, since it is Web-based.

More Online Store Product Page Tips

Looking to get a better handle on improving your online store? Try these tips and guides for small business ecommerce sites:
Based in Nova Scotia, Canada, Vangie Beal has spent the last decade contributing featured articles and reviews to more than 20 technology-focused publications, including Webopedia and Ecommerce-Guide. You can tweet with her online @AuroraGG

Sunday, January 1, 2012

Wordnik’s Online Dictionary - No Arbiters, Please

http://www.nytimes.com/2012/01/01/business/wordniks-online-dictionary-no-arbiters-please.html?partner=rss&emc=rss
 - NYTimes.com
TRADITIONAL print dictionaries have long enlisted lexicographers to scrutinize new words as they pop up, weighing their merits and eventually accepting some of them.
Erin McKean is a founder of Wordnik, the online dictionary.
Not Wordnik, the vast online dictionary.
No modern-day Samuel Johnson or Noah Webster ponders each prospective entry there. Instead, automatic programs search the Internet, combing the texts of news feeds, archived broadcasts, the blogosphere, Twitter posts and dozens of other sources for the raw material of Wordnik citations, says Erin McKean, a founder of the company.
Then, when you search for a word, Wordnik shows the information it has found, with no editorial tinkering. Instead, readers get the full linguistic Monty.
"We don't pre-select and pre-prune," she said. "We show you what's out there now. Then we let people decide whether to use a word or not."
At one time, she was the head of the pruners, as principal editor of the New Oxford American Dictionary. She is also an author and columnist. (She wrote "On Language" columns for The New York Times as a substitute for William Safire.)
But Ms. McKean has chosen a different path at Wordnik. "Language changes every day, and the lexicographer should get out of the way," she said. "You can type in anything, and we'll show you what data we have."
When readers ask about a word, Wordnik provides definitions on the left-hand side of the screen. But it is the example sentences, featured on the right-hand side, that are crucial to a reader's understanding of a new term, she said.
"Dictionary definitions tend to be out of date or incomplete," she said. "Our goal is to find examples on the Web that use the word so clearly that you can understand its meaning from reading the sentence."
To do this, the site processes a vast reservoir of language, keeping tabs on more than six million words automatically, said Tony Tam, Wordnik's vice president for engineering. "But the numbers change every second," he said. "It's not a static list."
Where does all this text come from? "You'd be amazed how fast people write articles on the Web," he said.
Wordnik does indeed fill a gap in the world of dictionaries, said William Kretzschmar, a professor at the University of Georgia and the former president of the American Dialect Society. He provides American pronunciations for the new online Oxford English Dictionary.
"It takes time for words to get into the more formal, published dictionaries," he said. "Wordnik is sensitive to what people are interested in now."
Wordnik, which has raised $12.8 million in venture financing, plans to use its vast database of words and word associations at the site and in many business partnerships to be announced this year, said Joe Hyrkin, the president and C.E.O.
The products will be similar to recommendation engines, but more powerful, he said. If you like a particular book, for example, Wordnik can recommend a similar one based on its understanding of words used to describe the book, he said.
"We're not just using tags and descriptors," he said. "Our system understands and identifies matches at a concept level."
The company is already providing many other word-based services, including one used on the Web site of The Times to define words in articles. Wordnik is also providing a financial glossary for SmartMoney.com.
Geoffrey Nunberg, a linguist at the School of Information at the University of California, Berkeley, who talks about language on "Fresh Air," the NPR program, appreciates Wordnik's breadth. "There's a lot of useful information here," he said. (He has also written commentaries on language for The Times.)
But he thinks that hands-on lexicographers could fine-tune the entries.
"The idea that you can pull lexicographers out of the loop and have an algorithm to mediate between me and the English language is goofy," he said. "Without hand citations done by trained people, you get a mess."
To illustrate his point, he noted flaws in a number of Wordnik's definitions. The first definition of "davenport," for instance, in three of the fives sources used by Wordnik is a kind of small writing desk. "It hasn't meant that since Grandma was a girl," he said.
People use a dictionary to find out what is correct, and what is incorrect, he said. "If I were a journalist looking to see if a word was being used correctly," he said, "I wouldn't put my eggs in the Wordnik basket."
Mr. Tam of Wordnik said the site was constantly improving.
"We discover these words with algorithms, but they are never perfect," he said. "We constantly have to make them better."
WORDNIK and other new linguistic databases have come about largely because of the vast body of text on the Internet and improved algorithms for searching it, said Mark Liberman, a professor of linguistics at the University of Pennsylvania.
"We now have an archived shadow universe that contains almost everything we've written — trillions of pages of text of published books, and now, broadcast archives as well," he said.
Readers could always tap this reservoir by looking up examples of new words in Google Books or Google News. "But what Wordnik is giving you is not as raw as a Google search of examples," he said, "because Wordnik sorts and clusters the examples into different senses of the word."
Another innovative database is at Brigham Young University, where Mark Davies, a professor of linguistics, has amassed a collection, the Corpus of Contemporary American English, 1990-2011, containing millions of words of running text from articles, transcripts of conversations, and other sources. The collection, which indexes 425 million words of text — 1,000 may be from a newspaper article, for example — has been built over the last three years. It shows how often a word is used, and the types of discourse in which it is found, be it conversational speech or academic prose.
The collection also lets users see words found near a new word. "If you want to see how a word is used and what it means, the best way is to look at words nearby," Dr. Davies said. The words are called collocates. To look up collocates of "fantasy," for example, seehttp://bit.ly/rImCuH.
Dictionary builders have come a long way since the days of Johnson and Webster, said Dr. Kretzschmar at the University of Georgia. "But we have computers," he said. "We can manage this vast network of words online and appreciate it in ways that Johnson and Webster never could."
This article has been revised to reflect the following correction:
Correction: December 31, 2011
An earlier version of this article misspelled the given name of Wordnik's chief executive. He is Joe Hyrkin, not Joel.

Sunday, October 9, 2011

Chrome extension enables remote computer control

http://news.cnet.com/8301-30685_3-20117619-264/chrome-extension-enables-remote-computer-control/
 | Deep Tech - CNET News


Months of work on "chromoting" have reached fruition with Google's release on Friday of a new Chrome extension to let a person on one computer remotely control another across the network.

The Chrome Remote Desktop beta version, which arrived Friday, is a browser-based equivalent of remote desktop software for conventional operating systems. Such software is handy for IT administrators managing employees' machines, people taking care of their relatives' computers, or individuals getting access to their own machines from afar.


"Chrome Remote Desktop BETA is the first installment on a capability allowing users to remotely access another computer through the Chrome browser or a Chromebook," the release notes said. "Chrome Remote Desktop BETA is fully cross-platform, so you can connect any two computers that have a Chrome browser, including Windows, Linux, Mac, and Chromebooks."
Using the Chrome remote desktop extension requires the person sharing access to a computer give an access code to the person who will tap into it remotely.
Using the Chrome remote desktop extension requires the person sharing access to a computer give an access code to the person who will tap into it remotely.
(Credit: Google)

It's that latter category that likely was a very important factor in the development of the technology. Google's Chrome OS is geared in part for organizations that want to lower their computer administration costs, and remote management is an important factor when it comes to that goal.

The technology right now is limited so that permission must be granted each time remote administration is activated. "This version enables users to share with or get access to another computer by providing a one-time authentication code. Access is given only to the specific person the user identifies for one time only, and the sharing session is fully secured," the release notes said.


Read more: http://news.cnet.com/8301-30685_3-20117619-264/chrome-extension-enables-remote-computer-control/#ixzz1aDmswGgK

Friday, September 30, 2011

Canonical Releases Windows Version of Ubuntu One

http://techcrunch.com/2011/09/30/canonical-releases-windows-version-of-ubuntu-one/
 | TechCrunch


Canonical, the commercial backer behind theUbuntu Linux distribution, have been hosting a file synchronization service called Ubuntu Onefor a couple years now. A free account gets you 5GB of storage, and the client side controls have been baked into the last couple of releases of the Ubuntu distribution. It works pretty much like Dropbox or similar services, but has been — until today — Linux-only.
In an announcement late last night, Canonical has revealed that there is now a Windows client for Ubuntu One, allowing you to access all your files from either Linux or Windows computers.
We have long received feedback from Ubuntu users regarding their evolving needs to manage all their content from a single, secure place across multiple platforms and devices. We've looked at many use cases, the most common being the Ubuntu user who is using more than one device or OS. Many people have to work in Windows or Mac environments, even if they prefer to use Ubuntu as their home desktop or OS of choice. Another case is enabling more opportunities for sharing across platforms. For example families using different operating systems in one household can use Ubuntu One as their central place to store all their music, documents, photos and share them easily with each other and friends.
Ubuntu One also offers a nifty music streaming service. For $4 per month, you get 20 GB of storage and the ability to stream music files from your account to your mobile device. The Ubuntu One app is available for iOS and Android, and Android devices get the added benefit of a controllable offline cache, allowing you to listen to your cloud-stored music without requiring a network connection. Neat stuff.

Friday, July 29, 2011

Google两步验证安装使用方法

http://www.williamlong.info/archives/2754.html
-月光博客


由于Google的Gmail账户经常遭到恶意攻击,甚至出现美国政府高级官员帐号被攻击的情况,Google在早先推出过一个更安全的登录Google账户的方式:两步验证,目前该功能已经向全球用户开放。
两步验证和动态密码
两步验证,指的是用户登录Google账户的时候,除了要输入用户名和密码,还要求用户输入自己手机的一个动态密码,为Google帐户额外添加了一层保护。也就是说,即使入侵者窃取了用户的Google密码,也会因不能使用用户的手机而无法登录帐户。
Gmail的"两步验证"支持iPhone和Android手机,实际上属于动态密码的一种类型。动态密码(Dynamic Password)也称一次性密码,它指用户的密码按照时间或使用次数不断动态变化,每个密码只使用一次。由于每次使用的密码必须由动态令牌来产生,而用户每次使用的密码都不相同,因此黑客很难计算出下一次出现的动态密码。不过动态密码对手机要求较高,需要iPhone或Android这样的智能手机。
安装两步验证
对于经常受到攻击的Gmail用户,强烈推荐使用Gmail的"两步验证"功能,设置方法是,先登录Google帐号,然后访问这个地址,之后系统会让用户选择获取验证码的方式:短信 (SMS)、语音电话或智能手机应用程序。如果用户的手机是iPhone、Android或黑莓手机,强烈建议选择智能手机应用程序的方式,更为稳定和快速。
之后去iTunes或者Android市场下载一个名为Google Authenticator的应用,将其安装。
之后在Google Authenticator(谷歌身份验证器)中,点击"+"。选择基于时间类型的密钥。在"帐户"中键入用户的完整电子邮件地址。在"密钥"中键入Google网页上生成的密钥,空格可有可无,点击"完成"即可。
谷歌验证:Google Authenticator
之后就可以使用动态口令了,这种动态口令极大增强了Gmail的安全性。
使用两步验证
两步验证启用之后,用户具体的使用流程是,在Web端,用户登录Google账户,先输入原有的用户名和密码。
Google两步验证使用方法
之后,系统会提示用户输入通过手机上的动态验证码。为了减少输入次数,用户可以选择每30天输入一次动态验证码。
Google两步验证使用方法
对于手机或桌面上的独立应用,例如Gmail移动版、桌面Picasa等,就无法使用动态密码,需要在"两步验证"设置里生成一个随机密码,供应用程序使用,用户在这些独立应用里,登录Google需要使用"两步验证"生成的随机密码。
关闭两步验证
用户启用"两步验证"之后,如果感觉太麻烦不好用,可以选择关闭两步验证,关闭的方法是:
访问 Google 帐户设置下的使用两步验证页面。使用用户名、密码和验证码登录,点击关闭两步验证。系统会显示一个弹出式窗口,以确定用户要关闭两步验证,点击确定即可关闭"两步验证"。
总结
邮箱是密码管理中的核心和关键,通过邮件重置密码功能,可以获得用户大部分网站的密码,因此一旦邮箱密码被黑,会导致用户全部密码体系失控,Gmail动态密码虽然看起来麻烦一些,其实也并非每次都输入,在单台电脑可以三十天再输入一次。方便性固然是好的,安全性是更重要的,用户必须要重视自己的密码管理,虽然增加了一点点不便,但是你可能将会因此避免极大损失的可能性。

Wednesday, July 27, 2011

How To Get Hardware Information In Linux

http://www.webupd8.org/2011/07/how-to-get-hardware-information-in.html
 ~ Web Upd8: Ubuntu / Linux blog

To use lshw, run the following command in a terminal:

 sudo lshw

To get the hardware information in a HTML file, use the command below:
 cd && sudo lshw -html > hardware_info.html


After running the command above, you should find a file called "hardware_info.html" in your home directory - you can open this file using a web browser.

Featured Post

Windows和Ubuntu双系统完全独立的安装方法

http://www.ubuntuhome.com/windows-and-ubuntu-install.html  | Ubuntu Home Posted by Snow on 2012/06/25 安装Windows和Ubuntu双系统时,很多人喜欢先安装windows,然...