First Look at Adobe Experience Design CC

I have seen and heard the sound of unwelcome on the first preview of Adobe Experience Design CC.

create-icons-adobe-xd

Like InDesign or Illustration, in my experience this a combination of both software. The Adobe Experience Design, where you create your mock-ups for mobile and Web platforms using basic graphics and text tools, and Prototype, where you assign the flows from screen to screen. This software suppose to be a new all-in-one tool that lets you design and prototype websites and mobile apps.

Of course it has limited features such as reporting grids, automatic masking and cool features of Illustrations. This software is perfectly functional and great beginner tools. Lets wait and see on the final release on end of this year.

Possible Web Trends 2016

Fonts Icon
I realized that when we talk about icons, it’s easy to take for granted some topics which we have been dealing with in the past. Back in the days when we used image replacement in our css code from all the Menus with all special fonts and menus with icons.
Thanks to Google Fonts and the rise of icon fonts sharing, we can easily create and used web safe fonts and scalable icon fonts.

Here are some of the familiar web sharing fonts-icon:
https://icomoon.io/app/#/select
https://glyphter.com/
http://fontastic.me/
http://www.flaticon.com/

Node.Js
I always read the vulnerability of node.js, will it will be the next Jquery… But what is node.js? Node.js is an open-source, cross-platform runtime environment for developing server-side web applications. Node.js applications are written in JavaScript and can be run within the Node.js runtime on OS X, Microsoft Windows, Linux, FreeBSD, NonStop, IBM AIX, IBM System z and IBM i.

While the Jquery is for Dom manipulation. The browser parses your DOM every time you load the page, so it’s not a framework issue. AngularJS is build around jqLite, which is in fact a ligher version of jQuery, so I don’t think how it could be faster. Another thing is what operations did they counted? Angular is a totally different thing than jQuery. Angular is a complex MVVM framework, while jQuery is just a library for easier and browser independent DOM manipulation.

RESS
What is RESS? Responsive Design + Server Side Components – browser-detection can be used to help inform an overall responsive design as opposed to being the be-all-end-all for templating. By this I mean that partial pieces of content can be inserted intelligently and where appropriate (think images) into a larger layout that’s given to all browsers and is governed by responsive design principles. Hence the combining of “responsive design” and “server side components” in Luke’s name for the technique.

Know more about RESS
http://www.creativebloq.com/responsive-web-design/getting-started-ress-5122956
http://detector.dmolsen.com/demo/mustache/

Lightening Your Responsive Website Design With RESS

Tesla offers Off-Grid Power

The amazing Power Wall Battery of Tesla was announced last May 2015, the answered to unplug or off-the-grid living or your home totally independence in power source company. Today it is possible to run a home on solar and wind, weather can quickly wreak havoc on your plans and can swiftly bring down even the best off-grid power setup.

Elon Musk’s company Tesla is introducing a new energy storage solution that could revolutionize the renewable energy industry. The Powerwall, or Tesla Home Battery, is a wall-mounted energy storage unit — a rechargeable lithium-ion battery pack– that can hold 10 kilowatt hours of electric energy, and deliver it at an average of 2 kilowatts, all for US$3,500. Powerwall, which works like most other renewable energy storage systems.

Not cheap at all, but eventually it will free us to electric bills hike.

The Powerwall, by Tesla, is designed to hold a lithium-ion battery pack, liquid thermal control system, and software that receives dispatch commands from a solar inverter. It can be easily mounted on the wall and can even be integrated with the local grid for those who are just looking for an emergency backup power solution.

Powerwall: How it works

The Powerwall comes in a 10 kWh weekly cycle — for backup applications — and 7 kWh for daily cycles. If a home/business has a greater energy need, multiple batteries can be stored — up to 90 kWh total for the 10 kWh battery and 63 kWh total for the 7 kWh battery. The Powerwall generates 2.0 kW continuous and 3.3 kW during peak usage. It weighs 220 pounds and can be installed indoors or outdoors. The battery technology is lithium ion.

Powerwall Specifications

Tesla Powerwall SpecsMounting: Wall Mounted Indoor/Outdoor
Inverter: Pairs with growing list of inverters
Energy: 7 kWh or 10 kWh
Continuous Power: 2 kW
Peak Power: 3.3 kW
Round Trip Efficiency: >92%
Operating Temperature Range: -20C (-4F) to 43C (110F)
Warranty: 10 years
Dimensions: H: 1300mm W: 860mm D:180mm

Tesla claims their battery can provide a number of different benefits to the customer including:

Load shifting – The battery can provide financial savings to its owner by charging during low rate periods when demand for electricity is lower and discharging during more expensive rate periods when electricity demand is higher

Increasing self-consumption of solar power generation – The battery can store surplus solar energy not used at the time it is generated and use that energy later when the sun is not shining

Back-up power – Assures power in the event of an outage

What is SaaS?

Software as a service (or SaaS) is a way of delivering applications over the Internet—as a service. Instead of installing and maintaining software, you simply access it via the Internet, freeing yourself from complex software and hardware management.

SaaS applications are sometimes called Web-based software, on-demand software, or hosted software. Whatever the name, SaaS applications run on a SaaS provider’s servers. The provider manages access to the application, including security, availability, and performance.

SaaS implementation is no longer a specialized option. Decision makers in the IT industry now consider SaaS mainstream, possibly basing this observation on the growth rate for adoption being in the double-digits. Demand for applications shows no signs of decreasing, especially with benefits such as low upfront costs, acceptance by end users, faster deployment, and frequent upgrades.

Easily identifiable are four strategies that businesses can capitalize on to take advantage of this application phenomenon. Carefully considering the following strategies will ensure you are informed after you have made the decision to integrate SaaS implementation into your business.

Codestuff launched Cargoed.com – Cargo and freight forwarders directory and news. Aside from helping the Cargo industries to bring online client, Cargoed.com will also provide web design, web hosting and wordpress cms website. Codestuff.com and Cargoed.com is all about helping cargo industries to focus more on their core business, reduce costs and save time managing their web presence.

Learnable Design and Programming

As the web continues changing and evolving for time to time, the divisions between design is now more specific, the birth and increasing demand for specialized discipline makes the both designer and developer broaden their discipline.

During the days that I’ve looking for a job, I notice that applied on more specialized disciplines, but in reality they are looking for someone whom can understand and can do both disciplines. Like when I applied for Senior Front End Developer they expecting that I can code in Laravel and CodeIgniter. There is almost no such thing as full pledged web developer or web designer. Web designer becomes visual designer, user experience designer, visual artist, creative manager or etc. While web developers become HTML5 Developer, Laravel Developer, PHP Developer, Android Developer, iOS Developer or etc. The sad part is the Employer want someone that have experience in all this area, they expected their future employee to understand and can code on each disciplines.

The person knowledge is far more transferable than any one programming language or design principle. But yet, we have to decide to keep on learning. Design and Programming are learnable. We often think of a programming environment or language in terms of its features — this one “has code folding”, that one “has type inference”. This is like thinking in terms of its words — this book has a “fortuitous”, that one has a “munificent”. What matters is not individual words, but how the words together convey a message.

Likewise, a well-designed system is not simply a bag of features. A good system is designed to encourage particular ways of thinking, with all features carefully and cohesively designed around that purpose. The trick is to see through them — to see the underlying design principles that they represent, and understand how these principles enable the programmer to think.

“We should all be striving to learn, but the question remains, what exactly should we learn? Maybe it isn’t as simple as “learn to develop” or “learn to design,” but is about learning to communicate and collaborate, to respect the nuances of each other’s craft — and the artistry and reason that they both demand in equal measure — without attempting to master it for oneself.” – Ivana McConnell

Trigger your Dom Element via Waypoints

What is Waypoints?

Waypoints is the easiest way to trigger a function when you scroll to an element. Waypoints directory contains builds for jQuery and Zepto, as well as a version with no framework dependencies. For more information about waypoints is here.

Basic Waypoints coding

var waypoint = new Waypoint({
element: document.getElementById('basic-waypoint'),
handler: function() {
notify('Basic waypoint triggered')
}
})

Benefits of Waypoints
Webpage when you scrolled down when site tagline section comes to the middle of screen, each of the social icons should dynamically get a ‘animate’ class. Social icons with this class to rotate 360o in a smooth manner. In the waypoints initialization script, we are making the widget title to fade in after 1.5 seconds and the widget text to fade in after 3.5 seconds.

How to used Waypoints

$(function() {
//ELEMENT called DIV
$('.element').waypoint(function() {
$('.element').addClass('animated bounceInLeft'); //Add the animate.css
}, {
offset: '50%'
});
});

What is Agile Project Management?

Agile is very flexible and adaptive project management approach, the key to Agile success is relying on constant feedback from stakeholders and teams in order to steer a project towards a desired goal.

Agile’s biggest strength is its flexibility and preference towards constant, timely feedback. The project is divided into many smaller iterations, each of which can last as short as two weeks. This strength is also the biggest failure of Agile Team Members, developers tend to forget to makes comments on each task line. Remember the effectiveness of Agile is constant communication, a good Scrum Master or Task Master will follow up every details of information in each task entry, smallest or biggest details can contribute to success of the Project and up to the continuous integration of the project life cycle.

As a project develops, Agile practitioners request and collect reviews, suggestions, and feedback on the latest iteration and how the next one can build upon it. These in-progress “course corrections” help teams achieve project goals with less backtracking.

The future of Drag and Drop WordPress

As a WordPress Designers, I always creating so simple design that just about anyone could use it. A year ago I saw the first few drag and drop wordpress template. I was been so excited back then. I can do thousand of possibilities in one website and not losing my creativity. Dreaming of creating perfect layouts that match the client requirement without coding.

As a web developer, I was also crazy about delivering a perfect site with flawless functionality, based on the client requirements then deliver it to a customer and the left alone. I want to live the rest of my life without constant clients call, tweaking back and forth.

We need meet halfway on this thing, I believe the future of WordPress Core is drag and drop, but not right now. WordPress themes do not have any drag and drop functionality to build layouts right out of the box. Most of these drag and drop themes heavily rely on plugin or theme specific WordPress shortcodes to output complex DOM structures for rows, columns, containers and widgets. By using such a theme or plugin your theme is becoming reliant on these shortcodes. Drag and drop theme entire frontend presentation of the layout is reliant on the plugin to output the code, once you detouch everything, you will have a constant called on your client.

Its not a secret drag and drop wordpress theme have large nested structures make things like code clarity and debugging harder. A large number of nodes also can lead to slower sites.

A designer friend of mine, used a popular drag and drop WordPress, ends up asking me to fixed his client website and remove the client access to the Theme Builder. He told me that he will go back to Starter Theme again and create a theme based on his client requirement only.

Under promise, under pressure….

Under-promise and over-deliver. How many times have you heard that phrase? Chances are if you’ve been in coding business longer than a year, you’ve heard it at least once if not a dozen times.

As a web developer, we tend to have a wikipedia syndrome, yes I know we are all smart. We never be in the Coding Arena if you are not. A decent programmer has probably an IQ of 125. But sometimes, some of us tend to make over promises and we can do it all syndrome. Yes most probably you can do it and maybe you know someone can help you doing it. But what if???

It’s not the over-delivering part that is dangerous. Over-delivering and WOW-ing your client is good business. It increases client satisfaction, repeat business, and word of mouth which all leads to referrals. You can never add too much value for your clients.

It’s also not the commitment part that is trouble. You must make promises you can keep. This is common sense at it’s best.

A good programmer measure everything, his time, resources, environment and of course skills.

Promises You Intend To Keep
In order to commit with integrity, you must intend to keep your promise, make an under promise statement and you will have less pressure. This implies that you must believe the following:

1. You understand the project. If you don’t understand the conditions of satisfaction (including time), then you cannot expect to fulfill them. You are signing a contract that you haven’t read.

2. You have a robust plan. If your plan can be derailed by likely contingencies, then you cannot expect it to withstand their impact. You are hoping for the best, but not preparing for the worst.

3. You have the necessary skills and resources. If you don’t have the required skills and resources, then you cannot expect to finish the job. You are writing a fraudulent check with no funds in your account.

Divergent will never be the next Hunger Games or Twilight

After reading the last chapter of Divergent, I was so shocked, how often does the main character die in these things? I’ve always thought it was a little unrealistic how the hero always manages to escape unscathed after staring danger and death in the face over and over again. No closure on what so ever on part of Four. I was crushed and confused on the writer decision how to end the book. Come on, why do you think the Twilight and Hunger Games series were so successful? Lets face it, they were both very basic stories, a girl in love with a boy that out of her league and girl fighting back against tyrant, but they both delivers a very happy ending and concluded very wisely.

Ok not everyone loves to have a happy ending, but just to be different on other best sellers book is not an escaped to go against the based on the beginning of your story. Half of the fan base that finished the last book, tell people that they wished they’d never started the series is not a good book. Remember this is a young adult genre, they doesn’t want perfect character, Twilight and Hunger Games stumbled in their final installments, but the movie audience showed up because they knew how the stories ultimately ended and they knew that, despite the missteps along the way, they would get their payoff.

Maybe it just me… still reading a happily ever after stories, have hang ups with Cinderella and Snow white. But this is entertainment, I craving for happy ending and still believing that happy ending still existing though we don’t have perfect life.