Showing posts with label Developer Tools. Show all posts
Showing posts with label Developer Tools. Show all posts

Tuesday, April 4, 2017

Top most used HTML Package in Atom Editor

Open Source people always work harder and we all are one like them. We always follow open source community and gain the knowledge as well as path to grow ahead. Main focus of our community is Give Best then old. So, here is the some of best HTML package which helps you develop faster web and mobile app.

Top most used HTML Package in Atom Editor

1. language-html

Adds syntax highlighting and snippets to HTML files in Atom. Originally converted from the HTML TextMate bundle. Contributions are greatly appreciated. Please fork this repository and open a pull request to add snippets, make grammar tweaks, etc.
https://atom.io/packages/language-html

2. html-to-css

Generates CSS boilerplate based on the selected HTML. Only cares about classes, ignores id's/other possible selectors. Supports CSS, SCSS, Sass, LESS and possibly other syntaxes. BEM support (actually, more like a BE support for now. Modifiers support will be added if needed) Configurable nesting, grouping and formatting. "Supports" JSX (recognizes the className attribute) Is forgiving (meaning it should work even with invalid HTML code)
https://atom.io/packages/html-to-css

3. autoclose-html

Under normal circumstances ending tags will be inserted on the same line for inline elements and with \n\t\n in between for block elements. This is determined by attaching an element of the given type to the window and checking it's calculated display value. You can use Force Inline and Force Block preferences to override this.
https://atom.io/packages/autoclose-html

Friday, February 10, 2017

Top 10 Free Design Tools For Non-Designers

Top 10 Free Design Tools For Non-Designers


TINYPNG
Compressing your images

CANVA
Design software for web and print

PIXLR
Online photo editor

FREEPIK
Free images

PIXABAY
Free images

GIPHY
Gif library and maker

ColorZilla + WhatFont
Design chrome extensions

FontPair
Helping choose the right font

SKETCH
Anti-Photoshop

ICON STORE
Free beautiful icons


Saturday, May 14, 2016

2016 Best Open Source Projects most appreciated by Developer

2016 Open Source Projects

In 2016 most used Open-Source projects in the world. How the opensource community work for easy workload and best result to the customer. Most of the developer contribute on the blog, forums, developer groups, handling event for the awareness in the community with new tools and technologies. Some of the best open-source projects which developed by contributors in world-wide and also used by the developer community. 

2016 Best Open Source Projects most appreciated by Developer 

1. Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

2. Font Awesome
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

3. jQuery
jQuery is a fast, small, and feature-rich JavaScript library that has changed the way that millions of people write JavaScript.

4. Debian Planet
Everything about Debian is there, news, events, announcements and more.

5. Twemoji
A simple library (created by Twitter) that provides standard Unicode emoji support across all platforms.

6. Grunt
The JavaScript Task Runner that can do most of that mundane work for you—and your team—with basically zero effort.

7. Ionicons
The premium icon font for Ionic Framework. 100% free and open source. MIT Licensed.

jsDelivr
A free super-fast CDN for developers and webmasters.

Bootswatch
Free themes built for the latest version of Bootstrap.

jQuery Tools
jQuery Tools is a collection of the most important user-interface components for modern websites.
RawGit
RawGit is an open-source tool which serves raw files directly from GitHub with the correct Content-Type headers.

MPC-HC
MPC-HC is an extremely light-weight, open source media player for Windows.
Cash Music
Cash Music is a set of open-source, free forever, digital tools designed to solve real problems for working musicians.

Signet
Signet is a project by HubSpot that displays a unique seal in the developer console of your page.
RRSSB
Ridiculously Responsive Social Sharing Buttons
Material Design Icons
Material Design Icons' allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.

Waterfox
Waterfox is a high performance browser based on the Mozilla platform. Made specifically for 64-Bit systems, Waterfox has one thing in mind: speed.

MacPorts
The MacPorts Project is an open-source community initiative to design an easy-to-use system for installing either CLI, X11 or Aqua based software on OS X.
Font Famous
The free vector logo font for showing off your press.

CSSgram
A tiny (<1kb gzipped) library for recreating Instagram filters with CSS filters and blend modes.
Instant Logo Search
Search & download thousands of logos (SVG & PNG) instantly.
Easy.js

A lightweight jQuery framework with essential tools.

Stacktable.js
jQuery plugin for stacking tables on small screens.

DevDocs
DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
Zed
Zed is a fully offline-capable, open source, keyboard-focused, text and code editor for power users. You can use Zed to edit local files as well as remote files on any server.

Friday, May 6, 2016

How to Enable Developer Option for Debug or Install APK for Testing in Android OS

Developer always try to do their work easy. Android Developer have so much Option for Testing APK which he/she developed. But Easiest way to debug and test Android APK is the install in Mobile or Tablet. Google also release Android Studio 2.0 with Fastest Emulator Developer have also option for Run APK. Today i am going to give you step for how to enabling Developer Option for Testing and Debugging APK file.

How to Enable Developer Option for Debug or Install APK for Testing in Android OS

Step 1 - open the Settings screen, scroll down to the bottom, and tap About phone or About tablet.


Step 2 - Scroll down to the bottom of the About screen and find the Build number.


Step 3 - Tap the Build number field seven times to enable Developer Options.


Step 4 - When you’re done, you’ll see the message “You are now a developer!”


Step 5 - Back button and you’ll see the Developer options menu just above the “About Phone” section in Settings


Thursday, March 10, 2016

Google Awesome always Announcing Android N Developer Preview Too Early


Google Awesome always Announcing Android N Developer Preview Too Early
Google Awesome always Announcing Android N Developer Preview Too Early 


Google always try to help developer to access new APIs and Developer Tools. Google launching Android Version on the Event Google I/O every summer but this time Google going to do something Big they give Developer to Early too Early Developer Preview for the Developer Yes, Google already launching the Android N Developer Preview for the Developer.

Google had too much change in this Android N Developer Preview they come with Multi-Window work, You can manage the Direct reply of the Notification, Bundle Notification, Efficiency in Battery and also they include Java-8 Language support in Android N Developer Preview.

So, here is all you can find useful resources for the Android N Developer Preview and sample code for the Development of the Apps in Android N.


Android N Developer Preview Sample Source Code


Multi-Window Playground 

    • Android N Multi-Window you have to change the Manifest file properties  android:resizableActivity and yes Android N and above all by default.

Screenshot 

Source Code for Android N Multi-Window - https://github.com/googlesamples/android-MultiWindowPlayground

Source Code for Android N Active Notification  - https://github.com/googlesamples/android-ActiveNotifications

Source Code for Android N Messaging Service  - https://github.com/googlesamples/android-MessagingService

Source Code for Android N Direct Boot - https://github.com/googlesamples/android-DirectBoot

Wednesday, October 28, 2015

Grow Your Website Traffic Using This Top 5 WordPress Plugins


All in one SEO Pack

This is really the first must-have WordPress plugin on the list. The plugin is actively installed on millions of blogs and is the standard for SEO optimization. The free version offers a huge list of SEO resources including support for SEO on custom post types, automatic title optimization for Google search, auto-generation of META tags and avoiding duplicate titles.
After enabling the plugin, you will have to set it up to run properly. Go to All in One SEO and then General Settings.
  • Checking canonical URLs will automatically generate permanent links to articles and avoid duplicate content
  • Under Home Page Settings, you have the opportunity of creating a SEO-rich title, description and keywords
  • Use the plugin to verify webmaster tools for Google, Bing and Pinterest
Download Plugin

Google XML Sitemaps

As powerful as the search engines are, even they get lost sometimes on their way around your blog. If a search engine cannot find its way around, your pages and posts won’t be indexed and won’t show up in search results.


Creating a sitemap helps by offering a guide for search engine crawlers around your website. With the Google XML Sitemap plugin, it’s easier for the crawlers to see the complete structure of your blog which means you’ll show up in Google, Bing, Yahoo and Ask.com searches.
This is another one that you basically just enable and let it run. You will want to add it in Google Webmaster Tools by clicking “Crawl” then “Sitemaps” and then submitting the sitemap. Google XML Sitemaps will notify the search engines automatically every time you create a new post.

Digg Digg

The Digg Digg WordPress plugin is favorite social sharing plugin by a long-shot. The plugin displays your social share buttons on top or on the side of posts and includes 22 different social sites.


There are four options for sharing buttons placement. The most popular is the floating social share area because it ensures that your readers are always just a click away from sharing your content. No matter far down the page is scrolled, the share buttons follow the page.
It is difficult enough to get readers to share your content. You need to make it as easy and as top-of-mind as possible. Before floating social share buttons, if a reader scrolled down  past the beginning of your post, there was a good chance they’d forget that sharing was even an option.

AddThis Mobile Share


The AddThis Sharing Buttons plugin offers some great tools for mobile. It makes it super easy for your mobile visitors to share your content with a single tap. It also offers some nice customization options to match your website or blog. Mobile traffic is growing rapidly and it’s easy to lose shares from your mobile readers but this plugin will help you fix that right away.

WordPress Popular Posts

After you’ve built some authority on your blog and are showing up on Google, visitors from search are going to start accounting for a majority of traffic. Make an impression by showing off your best work and you might just convert them to long-term readers that come back to the blog on a regular basis.

That’s where the WordPress Popular Posts plugin comes in. The plugin creates a widget that you can place on your blog and show a ranking of posts. The widget is extremely customizable and can be set to show posts with the most views over the last 24 hours, 7 days, 30 days or all-time.
Not only can you show a list of popular posts but you can also limit the list to a specific category. I have one list that displays my most popular product review (aka affiliate) posts. It highlights the affiliate products that people read most and increases my website revenue.
ref- http://www.mailmunch.co

Friday, September 11, 2015

Google’s Bazel tool for software builds and testing launches in beta


Google has announced the beta release of Bazel, an open source system for developers to create and test software builds on a variety of platforms.
The company says it uses Bazel to build most of its software, and that it’s suitable for projects that involve large shared code repositories and extensive automated testing and release processes.
Bazel promises potentially faster build times, as it can recompile select files instead of entire projects and can avoid re-running tests of code that it knows hasn’t changed.
However, the company acknowledges that it may not be useful if you’re running build operations whose outputs should not be cached, or if you’re using interpreted languages directly.
Bazel is available for Linux and OS X and can be used to build and test projects in C++, Java, Python and more.
It also includes support for building Android and iOS apps, as well as Docker images, and lets you use libraries from sources like GitHub and Maven. If you prefer, you can dig into Bazel’s API to add your own build rules.
Google says it hopes to add a Windows version, distributed caching, and Go support in its final release.

Saturday, February 28, 2015

10 brilliant tools for web design and development

If you've had a quiet time of it these last 12 months, then well done you, because the rest of us were sweating just to keep up with the base rate of change online. HTML5 has reached critical mass, responsive development continued to barrel along at full tilt, then there's audio APIs and WebGL…

Thankfully, the degree of change correlates positively to the problem-solving efforts of the developers and designers everywhere, dug into their respective specialities.

Niche tools

As a result, along with the larger corporate-backed applications, we have a huge host of small tools and libraries, each designed to solve a particular problem or preserve a certain set of possibilities. A couple of these projects have become institutions: Modernizr, keeping the technical playing field level and PhoneGap holding the mobile market open for web types.

Most encouragingly, there's room for some 'just for the hell of it' type experimentation. And even a bit of self-congratulation, evidenced by the fact that Google felt confident enough about some tools to package and prink them into the Yeoman project.

Indeed, this is a handsome list, with good representation for most slices of the development pie. From full-scale IDEs to small, exotic libraries with beautiful aesthetics. But what gives this year its character is the poise that these tools exhibit. Within it's niche, each one shows that we use are beginning to outdistance the problems, freeing ourselves up to give more though to the creative possibilities of the web. How's that for joyous tidings? Happy Holidays!

Read More - How to become A Good Android Developer

02. Fontello

Price: Free
Why is it so hard to find a set of icons that covers all the bases with a consistent look and feel? One of life's great mysteries perhaps. Well, wonder no more because Fontello not only has all the icons you need but you can pick and choose the glyphs you need and compile these into your own minimalist set.

You can, of course, download the entire set of icons from theGitHub repository (actually it's several sets) but thefontello.com interface makes customising your font so easy it's the only sensible approach. The project is open source but as always, donations would be appreciated.

03. Proto.io

Price: Free - $49/Month

A good prototyping tool should allow you to get up and running fast but also provide enough depth that you can refine your ideas to the point where they don't need you leaning over a user's shoulder saying things like "Just ignore that bit for now".Proto.io does just this.

It also handles all the touch gestures you might want, tackles animations and provides for sharing and commenting. It's smooth to use and thankfully, there's a free plan too.

04. Foundation 3

Price: Free

Responsive design seems to have gone from zero to about a thousand miles an hour in no time flat. And things are still changing fast enough that small development shops are hard-pushed to stay up to date, let alone conduct their own R&D. That's where Foundation 3 comes in.

Developed by ZURB, an agency with the resources and experience available to throw at the responsive problem, Foundation 3 can act as a blueprint for your own projects, a rapid prototyping tool or even as an object lesson in how to address some of the web's must current issues.

The latest release introduces a simplified grid structure and makes the jump to SASS/Compass, allowing for a more readily flexible approach to styling. Though it makes sense to work with SASS if you are planning to have a look at Foundation 3, the customisable download is conceived to allow a straight CSS version too.

Read Also: Debunking 10 Common Blogging Myths

5. Dreamweaver CS6

Price: From £344.32

Fluid layouts, CSS3 transitions and enhanced PhoneGap support lead the charge in the latest update to Adobe's web design all-rounder. There's no denying that Dreamweaver CS6hits the ground running.

The problem which Dreamweaver has always had is the difficulty of balancing it's across the board functionality with the need to keep out of the user's way. CS6 actually manages this pretty well.

The new fluid layouts are handy but in fact are the least convincing new feature. That accolade probably goes to CSS3 transitions which are, with Dreamweaver's help, fun to explore.

06. Cloud9 IDE

Price: Free/$12 per month Premium

This year the browser-based IDE finally came of age with a number of promising projects offering fully-featured apps which make collaborating from anywhere on even large-scale projects. Among these, Cloud9 has the edge.

The code editor is very usable. Code completion, smart drag and drop document trees, FTP integration and all that, but it's the connectivity which makes Cloud9: If a team are hacking the same file, each user is identified by their own coloured cursor. A chat module closes the feedback loop.

Integrated with the likes of GitHub, capable of working offline, and generally intuitive to use. If you want a 'code anywhere' solution, look at this one first.

07. Sencha Touch 2

Price: Free

There's no denying that the mobile/touch device has changed web development for good. It's a broader, more heterogenous world out there and everyone wants a piece of the action.Sencha Touch 2 aims to put that dream within reach of HTML5 developers.

An improved API, stronger docs and training materials as well as firmed-up native integration with many leading devices all make Sencha Touch 2 a serious contender for the mobile development framework of choice. There is a learning curve but, since Sencha aims to be an end-to-end package, at least there's only one slope to climb.

08. Adobe Edge Inspect

Price: Free
A great little app for mobile developers, formerly known asAdobe Shadow, which cuts a huge amount of hassle from the design process. Just pair your devices (Android and iOS) with your main machine. Then the sites you browse to are echoed direct to every connected device.

If you've got conditional code or responsive templates then these should work fine. And if you want to tinker with the code, just hit the angle brackets next to your paired device (in Chrome) and away you go.

09. Brackets

Price: Free

You'd think by now that the concept of the code editor would be pretty mature. There's so many out there and they're all so similar it's easy to imagine that the final blueprint has been found. Brackets shows that even at this level there's plenty of possibilities left to explore.

The central goal for Brackets seems to be a removal of all the repetitive little tasks we fold into the development process. Browser reloading, editing an element's CSS, function searching. Full credit to those involved because, even at beta stage, Brackets is refreshingly good to use. Check out their YouTube channel.

And if you'd like an augmented experience, now you can sign up for Adobe's creative cloud and get Edge Code. Built on Brackets, Edge Code adds some excellent features for typography and PhoneGap.

Read More - Top 5 SEO Tips of 2015

10. Modernizr 2.6

Price: Free

Leading with improved geolocation, WebGL and a host of community contributed detections, the latest update toModernizr delivers some important new detects for the progressive enhancement cabal to get their teeth into.

Version 2.6 of the popular browser capability detection tool updates a couple of dependencies too, but the largest volume of new detects comes from the community. The list itself makes interesting reading: css-backgroundposition-xy, css-subpixelfont, svg-filters, vibration…

If you're keen to make use of the latest features in a responsible fashion then this is one library you need to keep up to the minute.

Read More - How to become A Good Android Developer

Friday, February 27, 2015

Pebble Time SDK preview now available for developers


The Pebble Time watch will bring new capabilities for developers thanks to its color screen, so the new 3.0 SDK opens up these options. Apps built with the 2.0 SDK will only require minor changes to upgrade and once done, developers can add color support for the new watches.
Two notable features of the new SDK are the ability to animate in the interface, along with support for building apps that connect into the new “timeline” interface.
The 3.0 SDK is available as a preview right now to give developers the opportunity to build or upgrade their apps and may change over the coming months.

Sunday, February 1, 2015

10 Best Web Development Tutorials For Beginners


Maybe you’re looking to build a website for the business you’re bootstrapping from the ground up. Maybe you’d like to enter the world of web development and are looking for an introduction to coding. Or maybe you’re just trying to stay a step ahead (or behind) your hacker kid.
Whatever the case, we’ve got the resources to help you get started. Here’s a list of the 10 best web development tutorials for beginners.

1. Codecademy

It’s almost like a university course, only you control when and where class happens. Codecademy’s beginning web development course walks you through the basics of HTML and CSS, giving you projects throughout to practice newly learned skills. And once you’ve mastered the fundamentals, it’s easy to launch into a new course on a more specialized skill, such as PHP, JavaScript or Python.

2. HTML Dog’s Beginning HTML Guide

This set of tutorials is much less flashy than Codecademy, but just as useful. HTML Dog provides a straightforward, easy-to-follow group of tutorials covering HTML fundamentals. If you’re interested in learning CSS or JavaScript, they’ve got beginner’s guides for those as well.

3. Ruby on Rails Tutorial

One of the most popular web development frameworks, Ruby on Rails—based on the Ruby language—powers Basecamp, Twitter and GitHub, just to name a few. If you’re interested in building your own awesome web app, check out this free Ruby on Rails tutorial book by Michael Hartl. Covering more than just Rails, you’ll also learn the ins and out of web application development.

4. Mozilla Developer Network

From the folks behind the Firefox browser comes this helpful list of web development tutorials. Focused on HTML, CSS and JavaScript, tutorials run the gamut of beginner to advanced.

5. PHP 101 for the Absolute Beginner

This popular scripting language is not just one of those fleeting web development trends (Flash, anyone?); it’s here to stay, and has long been used for server-side programming on a large number of websites. If you’ve been itching to learn it, start here with Zend’s free tutorials. They’re easy to understand and will have you writing code in no time.

6. GitHub for Beginners

GitHub is the de facto collaboration tool for many software development projects. If you want to work in web development, familiarity with GitHub is a must. This tutorial is a great way to learn the ins, outs and terminology that make the networking site tick. And like the title says, this tutorial truly is for beginners—no prior programming experience is required.

7. Non-Programmer’s Tutorial to Python 3

One of the top 8 programming languages, Python is often used as a scripting language for web apps. This tutorial will help you master the basics of Python, but more importantly, you’ll master the fundamentals of programming in the process.

8. 30 Days to Learn jQuery

jQuery is an open-source JavaScript library, designed to simplify the job of client-side scripting. If you’re looking to use it in web development, check out this tutorial—30 days worth of 10- to 15-minute lessons from Tuts+ will get you started on the road to being a jQuery ninja.

9. A Roadmap for Beginning to Code

As author Jimmy Li states in his intro, “You don’t know what you don’t know.” Well, with this big-picture tutorial on beginning web development, you’ll quickly learn what you need to know and how to get there. It’s a great read before jumping into anything else.

10. Coding Pitfalls for Beginners

Read this last tutorial after you’ve spent time learning your chosen web development frameworks. Also from the Tuts+ team, this article outlines some of the common mistakes made by beginning programmers. With specific insight into Ruby, JavaScript and PHP issues with some language-neutral insights thrown in, it’s definitely worth a read.