Showing posts with label Website Tips. Show all posts
100 Plus Safe Html Fonts
List Of Safe Fonts
The reason that it is difficult to find a font reference or a complete guide to fonts on the web is that the names of fonts are different from mac to pc, the matter is further complicated because certain browsers have limited font supportNot all of the fonts listed here are considered 'safe', and any fonts used on a webpage which are not installed on a users computer will be rendered as the users default font, so it is always a good idea to have 'back up fonts' in your font tags.
The following 12 fonts are installed on both pc and mac and are considered as 'safe'
arial,arial black ,comic sans ms , courier,courier new , georgia,
helvetica, impact, palatino,times new roman ,trebuchet ms , verdana
| lower case | UPPER CASE |
|
|
NOTE : Most browsers prefer font names to be lower case
Source : www.angelfire.com
Tag :
Website Tips,
10 Interesting Features of HTML5
List of Top 10 Features of HTML5
New Doctype
Still using that pesky, impossible-to-memorize XHTML doctype?
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”If so, why? Switch to the new HTML5 doctype. You’ll live longer — as Douglas Quaid might say.
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<!DOCTYPE html>In fact, did you know that it truthfully isn’t even really necessary for HTML5? However, it’s used for current, and older browsers that require a specified doctype. Browsers that do not understand this doctype will simply render the contained markup in standards mode. So, without worry, feel free to throw caution to the wind, and embrace the new HTML5 doctype.
The Figure Element
Consider the following mark-up for an image:
<img src=”path/to/image” alt=”About image” />There unfortunately isn’t any easy or semantic way to associate the caption, wrapped in a paragraph tag, with the image element itself. HTML5 rectifies this, with the introduction of the <figure> element. When combined with the <figcaption> element, we can now semantically associate captions with their image counterparts.
<p>Image of Mars. </p>
<figure>
<img src=”path/to/image” alt=”About image” />
<figcaption>
<p>This is an image of something interesting. </p>
</figcaption>
</figure>
<small> Redefined
Not long ago, I utilized the <small> element to create subheadings that are closely related to the logo. It’s a useful presentational element; however, now, that would be an incorrect usage. The small element has been redefined, more appropriately, to refer to small print. Imagine a copyright statement in the footer of your site; according to the new HTML5 definition of this element; the <small> would be the correct wrapper for this information.
The small element now refers to “small print.”
No More Types for Scripts and Links
You possibly still add the type attribute to your link and script tags.
<link rel=”stylesheet” href=”path/to/stylesheet.css” type=”text/css” />This is no longer necessary. It’s implied that both of these tags refer to stylesheets and scripts, respectively. As such, we can remove the type attribute all together.
<script type=”text/javascript” src=”path/to/script.js”></script>
<link rel=”stylesheet” href=”path/to/stylesheet.css” />
<script src=”path/to/script.js”></script>
To Quote or Not to Quote.
HTML5 is not XHTML. You don’t have to wrap your attributes in quotation marks if you don’t want to you. You don’t have to close your elements. With that said, there’s nothing wrong with doing so, if it makes you feel more comfortable. I find that this is true for myself.
<p id=someId> Start the reactor.
Make up your own mind on this one. If you prefer a more structured document, by all means, stick with the quotes.
Make your Content Editable
Content Editable
The new browsers have a nifty new attribute that can be applied to elements, called contenteditable. As the name implies, this allows the user to edit any of the text contained within the element, including its children. There are a variety of uses for something like this, including an app as simple as a to-do list, which also takes advantage of local storage.
<!DOCTYPE html>
<html lang=”en”>Or, as we learned in the previous tip, we could write it as:
<head>
<meta charset=”utf-8″>
<title>untitled</title>
</head>
<body>
<h2> To-Do List </h2>
<ul contenteditable=”true”>
<li> Break mechanical cab driver. </li>
<li> Drive to abandoned factory
<li> Watch video of self </li>
</ul>
</body>
</html>
view plaincopy to clipboardprint?
<ul contenteditable=true>
Email Inputs
If we apply a type of “email” to form inputs, we can instruct the browser to only allow strings that conform to a valid email address structure. That’s right; built-in form validation will soon be here! We can’t 100% rely on this just yet, for obvious reasons. In older browsers that do not understand this “email” type, they’ll simply fall back to a regular textbox.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>untitled</title>
</head>
<body>
<form action=”" method=”get”>
<label for=”email”>Email:</label>
<input id=”email” name=”email” type=”email” />
<button type=”submit”> Submit Form </button>
</form>
</body>
</html>
Email Validation
At this time, we cannot depend on browser validation. A server/client side solution must still be implemented.
It should also be noted that all the current browsers are a bit wonky when it comes to what elements and attributes they do and don’t support. For example, Opera seems to support email validation, just as long as the name attribute is specified. However, it does not support the placeholder attribute, which we’ll learn about in the next tip. Bottom line, don’t depend on this form of validation just yet…but you can still use it!
Placeholders
Before, we had to utilize a bit of JavaScript to create placeholders for textboxes. Sure, you can initially set the value attribute how you see fit, but, as soon as the user deletes that text and clicks away, the input will be left blank again. The placeholder attribute remedies this.
<input name=”email” type=”email” placeholder=”doug@givethesepeopleair.com<script type=”text/javascript”>Again, support is shady at best across browsers, however, this will continue to improve with every new release. Besides, if the browser, like Firefox and Opera, don’t currently support the placeholder attribute, no harm done.
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l,b=document.getElementsByTagName("script");l=b[b.length-1].previousSibling;a=l.getAttribute(‘data-cfemail’);if(a){s=”;r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>” />
Validation
Local Storage
Thanks to local storage (not officially HTML5, but grouped in for convenience’s sake), we can make advanced browsers “remember” what we type, even after the browser is closed or is refreshed.
Subscribe to our YouTube page to watch all of the video tutorials!
Or, watch this video on Screenr.com.
“localStorage sets fields on the domain. Even when you close the browser, reopen it, and go back to the site, it remembers all fields in localStorage.”
-QuirksBlog
While obviously not supported across all browsers, we can expect this method to work, most notably, in Internet Explorer 8, Safari 4, and Firefox 3.5. Note that, to compensate for older browsers that won’t recognize local storage, you should first test to determine whether window.localStorage exists.
Support matrix
via http://www.findmebyip.com/litmus/
The Semantic Header and Footer
Gone are the days of:
<div id=”header”>
…
</div>
<div id=”footer”>Divs, by nature, have no semantic structure — even after an id is applied. Now, with HTML5, we have access to the <header> and <footer> elements. The mark-up above can now be replaced with:
…
</div>
<header>
…
</header>
<footer>It’s fully appropriate to have multiple headers and footers in your projects.
…
</footer>
Try not to confuse these elements with the “header” and “footer” of your website. They simply refer to their container. As such, it makes sense to place, for example, meta information at the bottom of a blog post within the footer element. The same holds true for the header
Tag :
How To Website,
Website Tips,
Top 15 blogging and publishing platforms on the Internet today. Which one suits you best?
Reading the signs a couple of years ago it was easy to assume that the art of blogging was set to die a painful death at the hands of social networks like Facebook and Twitter and others. While social has changed how we communicate online, blogging remains a core part of things.
In fact, the truth is that there’s never been a better time to blog. Social networks help build audiences and deliver content to readers, and more established blogs and websites often link to or aggregate smaller sites, sending swarms of viewers to read articles —The Daily Mail aside(from the www.thenextweb.com).
So, whether you’re a blogger returning from a break, seeking a new home or are looking to write online for the first time, here’s our guide to what blogging platforms are out there.
WordPress: WordPress.com and WordPress.org
WordPress has two options: a freemium hosted service that provides .wordpress.com domains — e.g. jonrussell.wordpress.com (but you can still pay to use your own domain) — and includes limited customization. Or the completey free .org version which allows for you to host WordPress on your own servers with much more control, edit themes to your hearts content, hack code and add as many WordPress plugins as you wish.
It is, in simple terms, the daddy of blogging. The platform powers almost 19 percent of the Web and has been downloaded more than 45 million times.
One of the platform’s core strengths is its community of creatives, who have produced thousands of customizations and tweaks allowing WordPress users to add sophisticated and powerful plug-ins (features) to their blogs, or dress it up in a new layout or design.
Pros: Customization, customization, customization!
Cons: Vast array of options can be complicated for less-experienced users — tread carefully.
Verdict: Still the best option out there. WordPress is especially useful for companies or those looking to develop (or have someone else develop) a sophisticated website.
Blogger: Blogger.com
Google’s take on blogging is Blogger, an easy-to-use and free platform that requires only a Gmail/Google account to get started.
Blogger blogs can be customized with new backgrounds and layouts easily. Unsurprisingly, the platform is hardwired into Google’s AdSense advertising program (which might make the average blogger enough money for a cup of coffee each month) and other Google services like Google+ (for comments) and Feedburner (for RSS distribution) are easily configured.
Pros: Easy to use and get started.
Cons: Not particularly sophisticated and tied to Google — which killed off Google Reader, lest we forget.
Verdict: Less popular in this era, but Blogger is often the place where many, including this author, began writing online. Its customization options pale in comparison compared to others, and the layout looks a little dated when held against newer platforms.
Tumblr: Tumblr.com
The cool kid on the blogging block, Tumblr was arguably the first mainstream service to combine blogging and social media…leading eventually to Yahoo stumping up $1.1 billion to buy it.
Tumblr has a strong community of users, much like Twitter or Facebook, thanks to the ease in which other users’ content can be reblogged to your Tumblr account. That makes it a different kind of platform to the likes of WordPress, and users — particularly of the younger generation — tend to turn to Tumblr blogs to curate items that they like rather than produce their own content.
More benefits: Tumblr supports custom domain names and is ludicrously easy to use from mobile, including photo uploads.
Pros: Owned by Yahoo — Tumblr was almost out of money when Yahoo swooped in to buy it.
Cons: Owned by Yahoo — Yahoo CEO Marissa Mayer has hinted that ads could make their way to Tumblr blogs.
Verdict: More of a social network than a blog, but a good option if you seek something quick and easy. Indeed, we’re noticing increasing numbers of companies that keep Tumblr blogs, often separately to their main blogs.
Medium: Medium.com
If blogs were bars, Medium is probably the hippest place to be seen at right now. Not only was it started by Twitter founders Ev Williams and Biz Stone, but has a ‘social layer’ — which includes a feature letting users edit and annotate other people’s work, while it obviously integrates well with Twitter.
Medium is cool but there are some key differences compared to other platforms. For one thing, its features are rigid while the way it links to other content on its network can frustrate writers enough to leave. Twitter has been called the global town square and, in that context, Medium a side room away from the 140-character shouting and chaos where people try to work over interesting topics in more detail.
The service isn’t yet open to all, but Medium has long been seeding invites and existing users can ask friends to contribute, which signs them up to the service. The company also appears to also dish out invites based on conversations it sees on Twitter.
Pros: A great place to showcase your content to a (potentially) large audience.
Cons: Lack of customization and some content discovery issues, for writers.
Verdict: Medium is well worth trying, but many of the folks that write there use it as a secondary or tertiary blog.
Svbtle: Svbtle.com
The blogging platform from designer Dustin Curtis has, in my opinion, the slickest user experience of any blogging platform out there. (Speaking as someone who has a Svbtle blog.)
The user interface feels like a doodle pad or to-do list, making it a place where I can easily jot down thoughts and come up/develop ideas, while it runs in Markdown.
Just looking at the layout that readers see shows the elegance and thought behind the site. Svbtle does allow prospective users to apply to join, you can make your case via the email address listed on the site.
Pros: Beautifully designed.
Cons: Open to a selective number of users. Interestingly, it doesn’t include a commenting system — perhaps a pro and con.
Verdict: A delightful blogging platform that is only available for a few at this point, though the Svbtle website says it will be open to all soon.
Quora: Quora.com
You might be surprised to see popular question and answer site Quora feature here, but it added user blogs back in January 2012.
As a platform for showcasing knowledge, bloggers that are seeking to tell stories or impart wisdom about particular topics may find Quora useful. Posts can be categorized using Quora tags — to make them searchable — and, with a little luck and the right content, they can become visible and widely shared.
However, there’s no personalization and Quora is very much a place to showcase writing and knowledge rather than be your ‘home’ on the Web.
Pros: Strong community that soaks up new and interesting content.
Cons: Lacks personalization and ‘homely’ feel of a personal blog.
Verdict: Quora blogs are interesting for influencers, those seeking to elevate their status or others wanting to tap into the Quora community. That makes it better suited as a secondary of tertiary blog.
Postach.io: Postach.io
Popular note-taking app Evernote lets you share content written within its platform, but it’s not really a blog. That’s where Postach.io comes into play.
The blogging service slots into Evernote, allowing you to write posts right from the service using a dedicated notebook and set keywords like ‘published’, ‘page’ or ‘avatar’. More than just writing content from Evernote, Postach.io hooks into comment engine Disqus, supports Google Analytics, allows for custom domains, social sharing and — interestingly — Markdown.
The service is currently in beta but those features, plus a decent selection of customizable themes, gives Postach.io a Posterous-like, easy-blogging feel.
Pros: Light-weight and easy to use.
Con: Limited customization.
Verdict: A relatively new arrival on the blogging scene, courtesy of Evernote’s community of third-party apps and services, this is worth considering for jotting down quick thoughts or multimedia-rich posts.
Google+: Plus.google.com
Is Google+ a social network? Well, Google says it isn’t — the company believes it’s somewhat broader than that — and a range of the service’s top users write blog like content there, often generating seeing impressive engagement. TNW contributor Robert Scoble has, for example, cut back on his blog in favor of“betting my future” on Google+.
Ultimately Google+ is not a blog, but it is a place where you can blog if you want to tap into a community to drive engagement. These days most content is shared to social media, so why not start it on social media? That’s up to you.
Pros: Google+ has a strong community, despite the reports.
Cons: Not a blog platform so no customization or other features.
Verdict: Good enough for some people, so not to be dismissed as an option.
Facebook Notes: Facebook.com/notes
At the risk of treating all social networks as blogs, something we’ve no intention of doing here, Facebook has been added because its Notes feature is, essentially, a blog platform.
Connected to the world’s largest social network, Facebook Notes allows you to pen posts with all the basic features, such as images, URLs, block quotes, etc. While it won’t win awards for design and sophistication, it’s a simple way to get the message out — especially if you’re a person with an established following on Facebook.
Pros: 1.1 billion people user Facebook each month.
Cons: There’s a lot more to the Web than just Facebook.
Verdict: We’ve got enough of Facebook already, particularly when there are a plethora of services dedicated to providing a dedicated blogging experience, rather than adding it as a mere feature.
SETT: Sett.com
SETT is a new, community-focused blogging platform that promises engagement. Similar in style to Medium and Svbtle, it claims it can help writers get 98 percent more comments — on average — and a lot more attention, just based on its community of users.
The platform allows readers to follow blogs, find similar posts and bloggers, communicate with each other — there’s even a ‘room’ where readers can discuss topics from a blog. The site is clearly focused on engagement, promising to help cultivate an audience and community for its bloggers.
Pros: Boasts impressive engagement and opportunities to find audiences.
Cons: Still in its early days, and without the features of other platforms.
Verdict: This promising platform may be worth investigating as a means to help establish an audience, but we can’t help but feel that there’s only so many guarantees you can make for engagement. Ultimately, good content drives readers and audiences.
Ghost: Tryghost.org
Ghost is an open-sourced blogging platform that successfully graduated from Kickstarter in May 2013 having raising near $200,000 — well above its modest $25,000 goal.
For now, the service is only open to those who backed it on Kickstarter, but the company says it will be available to the public “around the end of summer 2013,” which is not too long to wait.
The platform has garnered much praise across the Web for its elegance and its team promises to “inspire” bloggers with a fully customizable system, including “the full Ghost software with all bells, whistles, themes, plugins, and some extras that are only available with us,” responsive design, “revolutionary” dashboard, and more.
Pros: Brings a fresh style and new approach.
Cons: Not available right now, while finer details — including price — are still be to communicated.
Verdict: Ghost has rightly got a lot of people excited and it promises to bring new impetus to blogging. We’ll have to wait for more details, however.
SquareSpace: SquareSpace.com
SquareSpace is a blogging platform that is popular with business users. Developing and hosting blogs is just one part, and it can be used to create and manage a range of websites, such as e-commerce sites.
Unlike most of the others, there is no free option, bar a 14-day trial, with sites priced upwards of $8 per month via an annual plan. That plan encompasses all elements of your blog or website, however, including cloud-based hosting and maintenance.
Pros: Wholly comprehensive set of features and services, gorgeously designed.
Cons: Pricey and perhaps better suited to creating a business website, than anything specifically blog focused
Verdict: A must-consider if you’re a business, but other options will be better if you’re setting up a blog or site on a smaller scale.
Typepad: Typepad.com
Another blogging old-timer, TypePad has been about since the word ‘blog’ began. Today, a blog on Typepad costs upwards upwards of $8.95 per month, which includes a set of designs, unlimited storage and customer service.
Typepad emphasizes its reliability, and certainly the platform has always been a more ‘out-of-the-box’ service that is easier to use, but less customizable and powerful than WordPress.
Pros: Easy to set up and use.
Cons: Not free and contains limitations.
Verdict: Typepad still has its users, including cult blogger Seth Godin, but other options have greater freedom, including your own custom domain name.
Posthaven: Posthaven.com
Posthaven arose from the shutdown of Posterous, which finally disappeared off the Web this year under the ownership of Twitter.
The service costs $5 per month and essentially replicates the Posterous ‘light-blogging’ experience, allowing posts and multimedia to be easily and quickly published. The Posthaven team promises it will never be acquired or go offline, two things that hit users of Posterous hard.
Pros: Not in danger of going offline.
Cons: Still in its infancy and adding some features other services already offer.
Verdict: A good option for those who loved Posterous and are prepared to invest in their blogging, in the knowledge that paying for a service provides security for the future.
UPDATE — We’ve added LinkedIn
LinkedIn Influencers: Linkedin.com/today/influencers
The Web’s top business social networking service launched blogs for ‘Influencers’ back in October 2012, signing up 150 prominent business leaders, including the likes of Richard Branson and President Obama.
Unfortunately, the chances are that those reading this almost certainly don’t qualify for a LinkedIn blog — this is for the real Internet 1 percenters. Given the way that LinkedIn is increasingly turning its social network into a communication platform for users and businesses, it remains entirely possible that blogs could become available to rest of us in time. But don’t count on it.
Pro: Platform for a few privileged few.
Cons: Platform for a few privileged few.
Verdict: Not an option for the regular Internet Joe just yet.
– –
Finally, let’s pour one out for the fallen heroes of the blogging revolution.
Posterous: Posterous’ days always seemed numbered when it was acquired by Twitter in March 2012 in a deal that appeared to have been done to get hold of the developer talent behind the site. That fateful day confirming its closurecame in February, and Posterous left the Internet on April 30 2013.
Xanga: One-time blogging pioneer Xanga remains on life-support after a campaign to raise $60,000 just passed the target. The company is collecting contributions until the end of August, after which it will relaunch. Perhaps our obituary is a little premature?
LiveJournal: Not dead just yet, but this former blockbuster is now a community-based social network owned by a Russian media company.
– –
Over to you: Did we miss one from our list? Which blogging platform is your favorite and why?
Source - www.thenextweb.com
Tag :
Internet,
Website Tips,
How to put Vertical Line(not horizontal, and images) in HTML or HTML5 by HR/ TAG
As we all draw horizontal Line easily by using <hr/> tag in HTML.Today we will Learn how to draw vertical LINE in html by using <hr/> tag.
As we can also use image but the drawback is that, it take time to download.
So lets see.
<hr width="1" size="500" />what does above code did.
by hr/ tag it draw a horizontal line but the trick behind it is we set it width to 1 px and size to 500 that means it will give a height of 500px and it will set its shape as a vertical straight Line.
Result: By using this code you can easily draw a verical line of 500 px.
Try This.
Thanks
Visit our page
www.facebook.com/verztechnologies for updates.
Interesting Google Interface You May Have Not Seen Before
You may have been familiar with Google-doodle. If not here is the Doodle definition from Google.
- Type in the keywords
- Hit I’m feeling lucky
- Observe the result
Doodles are the fun, surprising, and sometimes spontaneous changes that are made to the Google logo to celebrate holidays, anniversaries, and the lives of famous artists, pioneers, and scientists.But Interface is different the replace the whole site when you search certain type of words and instead you clicking on search button. You clicked on the button next to it "I'm Feeling Lucky" and you get redirected into some exciting page :)
So let’s get started.
Here is some of my favorite Interface of Google:-
Here are the keywords and their result pages.
-
keyword: google gothic
-
keyword: google cheese
After hitting on "I’m Feeling Lucky", you will be brought to moon.google.com. Zoom the map to maximum.
-
keyword: google l33t
keyword: elgoog
-
keyword: linux
keyword: bsd
-
keyword: google ewmew
-
keyword: google klingon
-
keyword: google piglatin
-
keyword: google easter egg
-
keyword: google bork
Source :- www.hongkiat.com, www.google.com/doodles/about
Tag :
Website Tips,
Facebook Purchases Parse To Offer Mobile Development Tools
Facebook has just acquired Parse, marking its entry into a whole new business category: paid tools and services for developing mobile apps.The company is buying the mobile-backend-as-a-service startup (yes, the industry acronym is mBaaS) in a deal that we’ve heard is worth $85 million. [Update: And we're hearing that excludes retention.] Neither company is commenting on the size of the deal, except that Facebook said it’s not “material.”
Parse was
founded about two years ago by a small group of seasoned Googlers and Y
Combinator alums who got together to build a useful set of back-end
tools for mobile developers. They originally called their back-end
service, the “Heroku” of mobile in a homage to what was one of YC’s
biggest exits to date — the $212 million sale of Heroku to
Salesforce.com. They offer services that help mobile developers store
data in the cloud, manage identity log-ins, handle push notifications
and run custom code in the cloud.Facebook won the deal amid what we’ve heard was a competitive process with many of other Valley’s other biggest potential buyers. Parse CEO and co-founder Ilya Sukhar said that he chose Facebook over other suitors — without naming names — because the company was a better cultural fit.
“I don’t think any of the other conversations created anywhere near the excitement level that we had for Facebook,” he said in an interview.
Why Parse? Facebook is in a big push to become more relevant than ever to mobile developers. It doesn’t own its own mobile OS like Apple or Google. It doesn’t make its own devices.
Instead, it’s a horizontal social and identity layer that runs through thousands of apps of iOS and Android, in deep custom integrations in devices made by hardware makers like HTC, and in its latest project, Facebook Home.
In that sense, Facebook has to prove value to mobile developers in other ways. Facebook integrations can make apps stickier when users add friends, and the company’s mobile app install ads help developers acquire new users.
Now
through the Parse deal, the company will be able to offer back-end
services for data storage, notifications and user management. This is a brand new kind of revenue stream for Facebook,
as the company is keeping Parse’s freemium revenue model. Parse
currently has over 60,000 apps and roughly the same number of
developers. They focus on monetizing the top 10 percent of their
clientele.“This fills out one of the pillars of Facebook platform that we’ve been thinking about for awhile,” said Facebook’s Director of Product Management Doug Purdy. “Since 2007, the Facebook platform has been about being an identity mechanism with sharing. But over the course of the last six months, we’ve been thinking about how we can help applications get discovered and how they can be monetized.”
He added, “In order to provide the best experience possible, developers also need to build a whole host of infrastructure. Parse is a natural fit. They’ve really just abstracted away a lot of the work necessary to get an app up and running.”
The deal is a big exit for Parse, which had raised just $7 million to date from investors including Ignition Partners, Start Fund, Google Ventures, Menlo Ventures, SV Angel, Data Collective, Yuri Milner, Aaron Iba, Garry Tan, Justin Kan, Chris Fanini, Sean Knapp, Don Dodge and David Rusenko.
As for Parse users, the company says apps won’t be affected in any way, that developers won’t have to integrate Facebook and that existing contracts will be honored. Parse has a freemium model with a basic free version for up to 1 million requests or pushes per month and a limit of 20 bursts per second. A lowest paid version is $199 a month with 15 million requests a month, 5 million pushes per month and a burst limit of 40 per second. Then there’s an enterprise version where the rates are negotiable.
In the long-run, by getting closer to the development process Facebook could increase the likelihood that third-party apps integrate with them and buy their ads. When added to the direct fees Facebook will collect from Parse subscribers, the acquisition could become a critical part of how Facebook earns money from the burgeoning app economy.
Parse has come a long way. In just under two years, we’ve gone from a rough prototype to powering tens of thousands of apps for a very broad spectrum of customers.And here’s Facebook’s statement from Director of Product Management Doug Purdy:
Some of the world’s best brands trust us with their entire mobile presence, and a growing number of the world’s brightest independent developers trust us with their next big thing. We couldn’t be happier.
As stewards of a good thing, we’re always thinking about the next step in growing Parse to become a leading platform in this age of mobile apps.
These steps come in all sizes. Most are small and incremental. Some are larger. Today we’re excited to announce a pretty big one.
Parse has agreed to be acquired by Facebook. We expect the transaction to close shortly. Rest assured, Parse is not going away. It’s going to get better.
We’ve worked with Facebook for some time, and together we will continue offering our products and services. Check out Facebook’s blog post for more on this.
Combining forces with a partner like Facebook makes a lot of sense. In a short amount of time, we’ve built up a core technology and a great community of developers. Bringing that to Facebook allows us to work with their incredible talent and resources to build the ideal platform for developers.
We think this is the right way to accomplish what we set out to do. We’re excited about the future of Parse!
Ilya, Kevin, and James
Last week, we hosted our first Mobile Developer Conference, where we launched several new products to help mobile developers integrate Facebook: Open Graph for mobile, better Facebook Login, and new developer tools. Today, we’re making it even easier to build mobile apps with Facebook Platform by announcing that we have entered into an agreement to acquire Parse, a cloud-based platform that provides scalable cross-platform services and tools for developers.The buy seems largely motivated by Facebook's continued interest in conquering mobile, an effort that recently culminated in the release of Facebook Home. Parse provides the social network with a new way to go about its mobile-first mission; it offers the company instant access to a pool of mobile developers who might be more motivated to weave Facebook hooks into their applications. Facebook also will, by continuing to sell and manage Parse's backend services, pick up an entirely new revenue stream and become a service provider of a different kind.
By making Parse a part of Facebook Platform, we want to enable developers to rapidly build apps that span mobile platforms and devices. Parse makes this possible by allowing developers to work with native objects that provide backend services for data storage, notifications, user management, and more. This removes the need to manage servers and a complex infrastructure, so you can simply focus on building great user experiences.
We’ve worked closely with the Parse team and have seen first-hand how important their solutions and platform are to developers. We don’t intend to change this. We will continue offering their products and services, and we’re excited to expand what Facebook and Parse can provide together.
Parse offers a free plan for developers with smaller application audiences, but sells a paid service that starts at $199 per month.
Source :- www.developers.facebook.com, www.techcrunch.com, www.news.cnet.com
13 Useful Dreamweaver Tips & Tricks For Beginners
A Dreamweaver user will definitely reckon what a powerhouse it is.
Packed with tonnes of features, options and debatably one among the most
well known IDE (Integrated Development Environment) in today’s market.
It may not meet the criteria that some developers demanded however,
Dreamweaver undeniably provides a decent range of development,
collaborating and coding tools. These options and tools are hidden under
layers of regrettable less intuitive menus, which is why we are
providing tutorials in today’s post.We will show you some of the most powerful functions of Dreamweaver to assist your access them quickly, along with many other helpful tricks that will lubricate you development time and improve your code quality significantly. Full list after jump.
1. Dynamic View with “Live View”
We already know that DW offers a static view of our open files, but what about "dynamic views" of an application such as WordPress?First, we need to tell DW what settings to use to present our"dynamic views" correctly. To do this, select HTTP Request Settings from the View > Live View Options menu, then enter the GET or POST parameters you need to view your application correctly.
2. "Code Navigator" is DW’s Firebug
Taking it a step further is all about the Code Navigator and when in the Live View window, ALT-clicking (Command-Option-clicking for Mac) anywhere in the window, instantly presents the code that rendered that item. Similar to what you might currently see in Firefox/Firebug.
3. Freezing JavaScript
Due to the dynamic nature of Ajax, many times we need to interact with a page where certain items are not rendered or available on first page load. These are items that are injected into the page some time after page load. Here’s an example:You might want to change the styling of a tool tip that is implemented entirely in JavaScript. Before today, you’d have to methodically search your way through your scripts to find what was being created and where.
Instead, try this:
Render your page in Live View, then hit F6 to Freeze JavaScript at any time, allowing you to target and dissect the code relating to any dynamic item in the page.
4. Live View’s Next Best Friend – "Live Code"
When using Live View, you can also turn on Live Code. Live Code will update your code as you hover, click and interact with elements and items in the Live View window!
5. Automatic JavaScript Completion
Dreamweaver comes with an intelligent and complete HTML and CSS code completion, but what about Javascripts? If you code jQuery or Prototype in Dreamweaver, then you should know there are API extensions that provide Javascript code completion. It reduces the typing needed and can come in pretty handy for fast coders.Click here to read more, or download:
6. Beautify Codes On The Fly
Does your code page look like unorganized, messy lines of code? Use the Apply Source Formatting feature and reformat it exactly to your preferences. To quickly clean them up, click the Format Source Code icon at the bottom of the Coding toolbar (Edit > Toolbars > Coding) and select Code Format Settings to set your preferred formatting.You can also access the formatting option from Commands > Apply Source Formatting or only apply it to a select block of code by selecting the Apply Source Formatting to Selection option.
7. Get widgety
Just click the Extend Dreamweaver icon (it looks like a gear) in your Application Bar and select Browse for Web Widgets. This will take you to the Adobe Exchange where you can find additional widgets from vendors such as Yahoo!, JQuery, and many others.
8. Subversion & Dreamweaver
And yes, Dreamweaver does support Subversion (SVN). For developers who uses SVN to maintain revision control of their project, this could be a good news. Dreamweaver developer Andrew Voltmer discuss how you can use Subversions with Dreamweaver.
9. No More Redundant Styles
Many people use Dreamweaver as a way to update content visually, like a word processor. Before Dreamweaver CS4, this could result in redundant CSS rules like.class1, .class2, and so on. In Dreamweaver CS4, just switch your Property Inspector to HTML
mode (click the HTML icon on the left of the Inspector) and you’ll say
goodbye to all that redundant CSS, inserting only appropriate HTML
markup.10. Form Validation made easy
Want to validate your form fields, but worried that you’ll have to rebuild from scratch? No worries. Simply select an existing form element, such as a text field, and apply a Spry Validation widget from the Insert > Spry menu. Then control validation requirements such as minimum or maximum characters directly from the Property inspector.
Bonus: 3 more
11. Access Related Files Easily
When you open an HTML or PHP file, you will now see a row of dependent file names, such as CSS, Javascript and even included files for PHP, at the top of the document window. You can easily switch to these files, make changes and save them, all without even opening them up. When you click any file in the Related Files bar you will see its source in Code view and the parent page in Design view. Or use Code Navigator to quickly access CSS source code that affects your current selection.
12. Check browsers compatibility
Open the document you want to check for compatibility; from the same menu bar where Code / Split / Design views are accessed, look to the far right for ‘Check Page‘ button.
Note: This will NOT check new versions of IE on Mac! To select which browsers to use for testing, select Check Page > Settings from the menu.
13. Preview PHP Pages
Dreamweaver allows you to run and preview PHP codes within the software. Here’s how to get it setup.
- First, select Site -> New Site from the top navigation.
- You’ll see both the Basic and Advanced Site Definition option tabs. Let’s proceed by selecting the Advanced Site Definition tab.
- Enter a folder name for the site in the appropriate box (for this example we’ll use "myphp" as the folder name).
- Create another folder named "images" by entering its name in the ‘Default Images Folder’ field.
- Under the Local Info, input the following values in the fields:
- Site Name: the name of the site. To be used in Dreamweaver only
- Local root folder: This is the name of the site you will be working in. Be sure to name sites in a way to minimize conflicts, or confusing names.
- Default Images folder: This is optional, but it’s advised to create it now as most sites will use images to some extent. This is where DW will ‘look’ to insert images in your documents during the coding phase.
- Links Relative to: This defines how
document linking in Dreamweaver will be handled. You can select either
Document or Root. The differences between the two are:
- Document Relative – Will insert a path relative to the file you are working and the item being linked to.
- Root Relative – Uses / which causes the document/file to be linked in relation to the ROOT folder.
- Another alternative is to add some configuration to the server configuration files. Being a more advanced task, we’ll just stick to using Document-relative for now.
- HTTP address: enter the site root folder for your project
- Case-sensitive links: Dreamweaver will check if any file in the project can have Case-sensitive issue when uploading to the server. Notifications will be shown when you use: Site -> Check Links Sitewide. You can leave it checked if you want. I personally don’t leave it checked as I always name files in lowercase. Uppercase letter is not recommended.
- Cache: Check Enable cache.
- In the Remote Info page, either setup your FTP or other access to a remote server or leave the Access to None.
- In the Testing Server page select the option that relates to the file type/system you will be testing.
- Version Control will not be used for this example so you may leave it blank unless familiar with it.
- Cloaking allows you to place .psd, .fla, and other source files within your sites folder and DW will disregard them when uploading/updating your site.
- Design Notes are ideal for a web design team as it retains note on changes made to the files. It’s checked by default and fine for us to use this way.
- Leave File View Column, Contribute, and Templates as default.
- The Spry page simply points to the Spry assets folder which is automatically included with Dreamweaver. There’s no need to change this. Once every setting is finished, click OK.
Now open a PHP file and make the needed changes to it. To view this file in Dreamweaver simply press F12 and the results will show in your default browser. You can change which browser is used in Edit -> Preferences -> Preview in Browser. This allows a faster edit-to-preview time, eliminates the need to type long URLs into your browser bar or to use another server software to render the PHP files, all of which save time!
That’s all. Happy Dreamweaver’ing :-)
Source :- By Jesse Matlock at www.hongkiat.com
Tag :
Website Tips,