August 2019
Twitter Facebook

August 25, 2019
,

Growing any business is, well, tough business. You've got your hand in every pot while simultaneously wearing every hat. You're worrying about marketing strategies, product creation, and growth plans, all in the same day.
With so many ongoing tasks, it can be far too easy to let a little thing like digital presence fall by the wayside. However, that would be a grave mistake.
The Harvard Business Review recently conducted a study on what exactly makes people want to complete a purchase from a particular website, and the results were a resounding "trustworthiness." By making consumers feel safe, comfortable and at ease when they visit your online destination, you stand a much higher chance of not just encouraging them to complete a purchase, but convincing them to become longtime users.
Strong website design is paramount in creating this trustworthiness. By presenting an online destination that is straightforward and easy to navigate, users will have a more positive experience throughout your website, making them more likely to complete a purchase. 
So, while things like company transparency, great testimonials, and a solid product are obvious ways to ingrain familiarity to potential customers, website design clearly ranks particularly high when determining if a brand seems trustworthy or not.
In order to stand out from the crowd, there are a few tried-and-true design elements that will transform your website visitors into loyal customers. Don't worry, I'm not going to say something obvious like "responsive designs" -- elements like that are a given.
Here are five top web design and UX trends that will grow your business fast.

1. Video landing page

Incorporating video into your website design is a no-brainer. I mean, 78 percent of internet users watch videos online every week. 
But, don't just embed any old YouTube video. Instead, take your website design to the next level by creating a video landing page.
You could target this video to a direct call to action on a particular web page, a la Salesforce. Or you could take a page out of Baesman's book and create an immersive video that auto-plays on your homepage. Either of these approaches can provide information or drive home the brand's identity -- but both will improve UX and users' impression of your company as a whole.
Not sold? The proof is in the pudding. According to Vidyard and Demand Metric's The State of Video Marketing 2017 study -- which surveyed 159 B2B and B2C professionals and entrepreneurs -- it is predicted that 69 percent of website traffic will be video, while 70 percent of professional participants reported that video converts better than other forms of information and content.

2. Parallax scrolling

While digital experiences have no doubt improved many aspects of our daily lives, it has had one negative impact: People are lazy. So lazy, in fact, that clicking a button is often too far out of the realm of possibility.
Enter parallax scrolling.
This uneven-like scrolling effect has combated consumers' general laziness while remaining engaging and visually appealing. With a simple swipe (a la Tinder), users have easily consumed your information as they make their way down the page.
The popularity of parallax scrolling has also introduced more deep-scrolling and single-page website designs and renders what information is "above the fold" a little less necessary, since it is easier to see what's below, too. Ultimately, that makes prioritizing content easier for you to manage and increases your user's likelihood of seeing everything anyways.
Make Your Money Matter took its parallax scrolling to the next level, with effects spanning an illustrated timeline that goes both horizontally and vertically, ensuring it captivates users.

3. Animated calls to action

Calls to action are a necessary evil in website design. The fact remains that your consumers won't know what to do unless you explicitly tell them. Many. Many. Times.
However, simply telling your consumers what to do just isn't enough anymore, either. They're seeing stimuli and instructions from all corners of the web, so you need a little something extra to help your goal stand out.
Adding a little animation to your important action items might be just the ticket. Whether it's a micro-mini interaction (such as "liking" a Facebook post and seeing the many reaction animations) or a simple effect to catch users' eyes, consumers are more likely to execute the action you're pushing when the call to action grabs their attention and provides confirmation of completion.
Need some inspiration? Airbnb uses its animation app, Lottie, to incorporate subtle graphics animations atop its calls to action throughout its website and app designs.

4. Custom typography

Every website needs text, but the days of boring Times New Roman, Arial or any other basic stock font have long-since passed. Instead, take your message to the next level with unique typography that encompasses your brand identity while simultaneously communicating to users.
This unique typography can take many shapes (literally) or be found in different areas of your design. Some brands may choose to utilize this in their logo design, while other businesses (like mine) will sprinkle custom font throughout the entire design to draw attention to important content, like this newsletter signup call to action (below). Ultimately, the choice in how and where you utilize this trend is up to you.

5. Artificial intelligence

Despite the surge in e-commerce sales over brick and mortar storefronts, people still crave connections, which is likely one of the reasons that artificial intelligence in all its forms is so popular.
AI in website design can take many shapes, but some popular examples include machine learning, personalization, and chatbots. Machine learning and personalization are cut from the same cloth to a degree and ingratiate a feeling of "being special" with users that, in turn, fosters brand loyalty.
Chatbots influence user experience much more directly, though. While they provide an engaging element, the biggest draw to incorporating chatbots into your website design relates to customer service. Users can ask questions and receive answers in real-time -- which is easy to visualize -- and acquire information quickly.
Quartz is a stellar example of chatbots within immersive app design. Through a conversational interface and hilarious memes, users are more likely to return to consume the entertaining content than they are to read a boring news article on another app.
Twitter Facebook

August 16, 2019
,

The best project managers are like axles: They smoothly link management, clients, and staff to keep projects rolling along. If you want to be the top candidate for a project manager job, make sure you can answer questions about your technical competence, business methodology, interpersonal skills, and behavior in the job interview.  

Here’s a project plan to get you ready for your next project management interview:

Technical Skills and Methodology

Your interviewer may begin by asking about your technical skills. An introductory question might be:
  • What software have you used to manage projects in the past?
That question may be followed by a more specific query:
  • If I gave you a laptop to plan your next project, what software would you want on it?
Once you’ve established your technical competence, expect questions about your methodology for handling projects, says Joseph Logan, author of Seven Simple Steps to Landing Your First Job.

Whether you’re a Project Management Professional (PMP) or not, general questions you can expect include:
  • What’s your approach to managing a project?
  • What’s your school of thought on project management? Are you an agile person?
  • How do you do your scheduling?
  • How do you allocate resources? 
  • How do you do status updates?
“They have to have a methodology,” says Donna Farrugia, executive director of The Creative Group, a recruiting firm for interactive, design and marketing professionals in Menlo Park, California. “Maybe they use software or a book, or they just have years of experience.”

If you are PMP-certified, discuss the certification process—when you earned your PMP, what the hardest part was for you, what you liked the most, etc.
 

Interpersonal Skills

Great project managers possess interpersonal skills that help teammates get along.

Questions about interpersonal skills can be general:
  • How do you handle politics?
Or specific:
  • Tell me about a time when you had two key stakeholders with opposing views. How did you manage that?
Your responses should explain how you found consensus while keeping the project focused on its original purpose, Logan says.
 

Project Sponsorship

When you’re asked how you work with project sponsors, your interviewer is looking for two things: how you elicit information from project leadership and how you define “project sponsor.”

Some candidates will say the project sponsor is the person who reviews the project; others will say it’s the person who holds the budget.

Hard-skills questions probe what specific project-management skills you can bring to the organization:
  • Are you trained in supply-chain management? 
  • Do you manage people and projects or just projects? 
  • Are you responsible for delivery and financials or just the administration of the project? Tell me about your recent project’s goals and results.
You also likely get questions about your past performance to uncover your business skills:
  • What were the challenges in your last project? 
  • When the project didn’t go well, what happened? 
  • What happens when your projects fail? 
  • How do you do contingency planning? 
  • What is your favorite way to deliver and present results? 
  • What type of closure processes have you done? 
  • Do you typically revisit projects a few months after delivery? 

Behavioral anecdotes

At the end of the interview, you might get some behavioral interview questions related to the most common issues that arise for the organization’s project managers. For example, if the job involves working with cross-cultural teams, you might be asked something like this:
  • Tell me about a time when your domestic team wanted to approach a project one way and your offshore team preferred a different approach. 
  • What was the issue, and how did you resolve it?
By preparing your answers to common project manager interview questions, you can help the hiring manager appreciate your mix of business acumen, technical competence and people skills needed to expertly manage projects.

Learn more about project management careers and find project management jobs. 
Twitter Facebook

August 16, 2019
,

Over my long career, I have discovered there a number of signs that indicate if people are ready for their next promotion. In my experience, there are three stages of maturity that people go through. I hope this will help you define which you are and therefore what is your next stage of development to get promoted.
Let me explain….
In my early career, like many people, I thought I needed to show people how clever I was in order to get promoted. I would analyze every situation, think through the implications and consider every single permutation. I would proudly go to meetings and explain to people how complex something was and how I had considered every angle before coming up with my solution. Four hours into my presentations people would be falling asleep!
As I climbed the career ladder I came to realize I was taking the wrong approach. I realized a simple truth, perfectly summed up by the Economist when reporting the recent death of Ronald Coase, a Nobel prize winner, who posed a very simple question, ‘Why do companies exist’?’, The Economist stated:
“It is the job of clever people to ask difficult questions.
It is the job of very clever people to ask simple questions”.
This inspired me to write this post. It outlines the three stages of maturity a person goes through in their quest to get promoted and helps ultimately determine their success. Which of the following types of people are you?

STAGE ONE – THE INTERVIEWER – THE ART OF ASKING QUESTIONS

One of the best pieces of advice I was given in my early career was, ‘you have two ears and one mouth, use them in that ratio’. ‘The Interviewer’ asks questions that make people think. But then listens to the answers. This is even more important.
There is a definite art to asking questions. Open questions starting with ‘who, what, where, when and how’ are always the best questions. Avoid closed questions where the person answers ‘yes’ or ‘no’. For example, asking “how do you propose to make this change”, is much better than, “are you making a change”?
Asking good questions is stage one…do you ask good questions?

STAGE 2 – THE SIMPLIFIER – THE ART OF MAKING THINGS SIMPLE.

Making things complex is very easy, especially in today’s world, and many people are good at this! Making things simple is very difficult. My advice is that it’s important to understand the complexity of a problem, by asking open questions. Gather the data and then use a phrase I use all the time, ‘let’s take a step back’.
In ‘taking a step back’ you can review all the data and look at the big picture. When I do this I am looking for patterns, insights and common attributes. I have discovered by first looking at the complexity, the detail is essential to discovering the issues, but the key skill is not to wallow around in the detail. It is imperative to take a step back, step up and look at the overall situation.
When you think the time is right you need to ask yourself the simple question, ‘what is going on here?’ Don’t allow yourself to get drawn into having to answer every single bit of a problem. Pareto’s 80/20 rule is essential. It’s essential you look for the 80% of the issue and not try to fix everything; otherwise, you will tie yourself up in knots.
I remember employing a person about 10 years ago who was very good analyzing the situation and very good at thinking of all the problems that could occur. Her big failing was that she could not ‘take a step back’ and look at the entire picture. She ended up being paralyzed by the details and was worried about the 0.001% of a chance that something would happen. I tried to coach her but she didn’t have the ability to change. She ended up tying the team up in knots as she was creating the fear that 0.0001% of chance was actually 50% of times. She never gained the promotion she craved.
Now we put to stage one and two together. Simple, open questions are very effective. For example:
What are we trying to achieve?
Why are we doing this?
What will happen if we do this?
How do we need to tell?
How will we do this?

STAGE 3 – THE INQUISITOR – THE ART OF ASKING SIMPLE, INSIGHTFUL QUESTIONS

I remember watching a sports commentator asking a soccer manager a question as they walked up the pitch. The commentator clearly wanted to impress the soccer manager with his knowledge of the game. The commentator’s questions lasted the entire length of the pitch, some 3 or 4 minutes! When the interview finally finished the questions the soccer manager looked at the commentator and answered with one word, ‘yes’! The question lasted 4 minutes, the answer 1 second!
All too often people ask long complex questions. Many times they are trying to show the person how clever they are. I have learned the higher you go in an organization the simpler the questions need to become. Let me be very clear, the implications of these questions and the answers can be very profound and change a whole company, but the initial question is simple. This is the key skill of the Inquisitor.
Let me give you an example. When I was working in corporate life I was running Customer Service and had 3,500 people around the globe in call centers. My CEO called me into his office and said: “Colin, I want you to improve our Customer Experience and do it at least cost”. Simple ‘eh? Not at all! The first thing I did was to go back to my office and think, ‘improve the Customer Experience, what is a Customer Experience?’ I had an idea what I thought it meant but the reality was I had never really considered what those words meant. Furthermore, back in 1997 when I was set this task, no one else knew either. There were no consulting companies to help me so I went about defining what I thought a Customer Experience is. I am proud to say our company, Beyond Philosophy, are now on our fourth version of this as our thinking continues to progress. You can see our definitions here.
The second thing I thought was ‘if I am to improve the Customer Experience the word ‘improve’ means I am somewhere today, and to improve it I should be somewhere tomorrow’. This means I needed to understand where we are today and define the experience we were delivering tomorrow. This led me to ask myself a simple, but in hindsight, an insightful question.
‘What is the experience we are trying to deliver?
A simple question right? You think an organization with over 100k employees and based all over the world would know the answer to that? You would also assume that a person like me who had 3,500 front-facing people would also know the answer. I didn’t. Don’t get me wrong everyone I asked had an opinion of what it should be but no- one knew.
We spent months working out the answer to this simple question. We discovered that the implications of the answer to this simple question are enormous. For example, if you are trying to create an experience when your customers say they feel you ‘care’ for them, what type of people should you recruit? Presumably, people that are naturally good at caring for people? You should also measure that. Were our processes designed to show customers we cared? No. The implications and the list go on…
Asking simple, insightful questions, becoming an inquisitor is the final stage of your development.
From a simple question, you can change the course of a business; in fact, you can change the course of a life and a career.
I will leave you with the economist’s quote again in the hope you remember this and repeat it to yourself during your career.
“It is the job of clever people to ask difficult questions. It is the job of very clever people to ask simple questions”.
Twitter Facebook

August 16, 2019
, ,

In 2018, trends like activism augmented reality, and everything ultraviolet defined the design. It was a great year, but we’re ready for what’s next. As you embark on possibly your most creative year yet, embrace new ideas. Here are our topmost impactful graphic design trends of 2019.

1. 3D design

After several years of designs being fabulously flat, there’s a new sheriff in town — 3D. Breathe life into your projects by embracing 3D design elements. For example, the almost-stick figure way of illustrating humans in flat design can take on 3D form and be featured both in graphics and as avatars or brand mascots.
Bringing your life to work in 3D allows you to recreate the world around you and to construct new environments and dimensions. Expect to see designers use 3D elements to enhance web pages and to create AR and VR experiences.


The 3D trend also will expand into the world of typography, as new three-dimensional typefaces pop off the page and catch the eye. Search Adobe Fonts to find a 3D option for your next project.

2. Minimal meets BOLD color

The mantra “less is more” has dominated design in recent years. Expect this trend to continue in 2019 as clean, uncluttered visuals become even more necessary for viewing content on smaller screens like smartphones and tablets.
But like last year, there will be a few new twists – projects that pop with color are far from over.


Designers will take advantage of 70’s inspired palettes with bright colors and gradients. These color combinations lend themselves well to smooth the duotones and fades.
You can experiment with color in Photoshop using tools like gradient fill for adding beautiful background depth and applying duotones effects to enhance images.

3. Realism + Flat design

Opposites do attract, and when they do, you open up a world with true dimension. The combination of flat and real-life objects will challenge the way we see the design.
The chaotic mix of solids will take on a futuristic feel, as they often appear 3D. Flying and floating elements will add to this effect and the overall abstract aesthetic.



This look has made an early debut in fashion and editorial photography, which often combine digital 3D objects with traditional photoshoots. Expect to see this technique expand to mainstream advertising.

4. Eclectic

As pop culture pushes for authenticity and transparency, designers will have to get real, too. The resulting shift in illustration style celebrates the imperfections in art. We’ll see more projects that feature freestyle doodles, stains of color, unique brush strokes, and organic textures.
The eclectic shift will push designers away from rigid, grid-based layouts and toward a more asymmetrical approach. Doing so will create a feeling of raw, kinetic movement.
This change in style doesn’t mean you’re confined to producing projects on paper. Your unique hand-drawn designs can be taken into the digital world using products like Adobe Capture or can be created completely digitally with Adobe Illustrator and Adobe Photoshop Sketch. Try creating your own brushes from your designs or from the objects you see in the world around you.


This trend in alternative art will touch every area of graphic design. We’re already seeing it featured in packaging design, and the results are stunning.

5. Open compositions

Say goodbye to framed finishes and hello to free-flowing final products. Open compositions make people feel like they’re seeing one beautiful piece of a bigger picture. Elements fly on and off the page with ease, creating a glimpse of infinity.
The power of open composition is its ability to tap into the audience’s imagination and spark curiosity. It makes you wonder, “What else is there?” The concept aligns well with 3D trends, as designers use 3D objects to create the illusion of “more” outside the frame.


You’ll find the first hints of this trend in web design since it lends itself well to interactive digital experiences, but we predict it will expand to print projects, too.
Get this look using Photoshop with basic compositing techniques for stunning artboards.

Get design-ready for 2019

Whether you make your work more abstract or bring your designs to life with 3D, we can’t wait to see what you create this year and beyond.
Share how you’re incorporating 2019’s hottest trends into your work with #AdobeDesign on social media, and get more ideas and inspiration on the Adobe Blog.
Twitter Facebook

August 03, 2019
, ,
There are Websites That Can Calculator Your Website Value That you may not know them!

We Surf Many Website For Finding Any Website Value See Below 5 Websites That are use for the Find Your Perfect Website Value Online.
Website Values are calculated by the website worth, daily page views and daily visitors, daily ad revenue, Alexa rank, Backlinks, visitors by country, website values and etc.

Top 5 Website Value Calculator! (Updated 2018)

1. Website Outlook

More then 20 Metrics to Measure & Track Success of your website.

2. Worth of Web


11,000,000+ websites evaluated since 2011.

Estimated website worth: they calculate it based on our estimation for daily, monthly, annual revenue.
WOW Score: they calculate it based on traffic figures we used.
WOW Rank: they give it a rank based on WOW Score.

3. Website Overview


Get Complete SEO Report at web site summary And Calculate Your web site price Traffic and Valuation.

4. Webuka


Webuka is the free website worth calculator working with: Google API, Yahoo API, Alexa API, Compete API and W3C Markup Validation Service. And The mathematical formulas behind the website evaluation algorithm are calibrated using real website transactions.

5. Site Price


siteprice.org is a free website price, website worth & domain value calculator and website traffic checker tool.
To estimate the worth of a website, siteprice.org calculates with its own unique algorithm. And If you want to sell your website or buy a website you’ll probably need to know the website values and domain name value and appraise it.
Twitter Facebook

August 02, 2019
 আসসালামু আলাইকুম, আশা করি সবাই ভাল আছেন? আমি আলহামদুলিল্লাহ্‌ ভাল আছি ।আমার আজকের আলোচনার বিষয় ওয়েব ডেভেলপারদের জন্য প্রয়োজনীয় ১০ টি টুলস ।   ইন্টারনেট এ ওয়েব ডিজাইনার এবং ডেভেলপারদের জন্য শত শত টুল রয়েছে । এসব টুলস ব্যবহার করার ফলে আমরা একটি কঠিন কাজ সহজে শেষ করতে পারি । আজ আমি আপনাদের কাছে কিছু টুলস শেয়ার করবো যা একজন ওয়েব ডেভেলপারকে এসব টুলস ব্যবহার না করলেই নয় । এসব  টুলস ওয়েব ডেভেলপারদের জন্য খুবই প্রয়োজন । যারা এসব টুল সম্পর্কে না জানেন তাঁরা সংগ্রহ করে রাখতে পাড়েন । পরবর্তীতে হয়ত একদিন আপনার কাজে আসবে । আবার অনেকে আছেন হয়ত এসব টুলস খুঁজে বেড়াচ্ছেন । এছাড়া, যারা নতুন ওয়েব ডিজাইন কিংবা ডেভেলপমেন্ট শিখেছেন তাঁদের জন্য আমার আজকের লেখাটি কাজে আসবে বলে আমি মনে করি । শুরু করার আগে আরেকটা কথা বলে রাখি যদি আজকের টিউটোরিয়ালটি ভাল লাগে তাহলে শেয়ার করতে ভুলবেন না । যাইহোক, কথা না বাড়িয়ে এবার আমরা মূল আলোচনায় আসি ।


চলুন একটু দেখি আজ কি কি টুলস আপনাদের জন্য থাকছে;

  • Icon Finder
  • Place Hold
  • Website speed test
  • Subtle Patterns
  • Font Comparer
  • CSS Minifier
  • Unminify JS, CSS and HTML Code
  • FavIcon Generator
  • Browsershots
  • WhatTheFont
এবার আমরা এসব টুলস নিয়ে বিস্তারিত আলোচনা করবো । অর্থাৎ, টুল সমূহ কোনটি কি কাজ করে আমরা এখন জানবো;

Icon Finder

যারা ওয়েব ডিজাইন কিংবা ডেভেলপমেন্ট এ কাজ করেন তাঁদের কাজ করার সময় নানা রকম আইকন প্রয়োজন হয় । তাঁদের এ সমস্যা দূর করতে Icon Finder টুলটি ব্যবহার করা যেতে পারে । এখানে, আপনি বিভিন্ন পিক্সেলের আইকন পাবেন । এছাড়া, আপনি চাইলে এখান থেকে পেইড আইকন নিতে পাড়েন । এখানে রয়েছে ৪৭৫,০০০ এর বেশী আইকন! সুতরাং, এই টুল ব্যবহার করলে আইকন নিয়ে আপনাকে আর কোন চিন্তা-ই করতে হবে না । আপনি শুধু আইকনের নাম লিখে সার্চ করবেন ।

 Icon Finder টুল ব্যবহার করতে এখানে ক্লিক করুন ।

Place Hold

ওয়েবসাইট তৈরি করার সময় আমরা অনেক সময় বিজ্ঞাপনের জন্য জায়গা রাখি । সাময়িকভাবে, এসব স্থানে আমরা নানা রকম ইমেজ ব্যবহার করি রাখি । এসব ইমেজ আমাদের প্রয়োজন অনুযায়ী ফটোশপ দিয়ে বিভিন্ন পিক্সেল এ রুপান্তর করে ব্যবহার করতে হয় । এসব সমস্যা-সমাধানের জন্য আপনি ব্যবহার করতে পাড়েন Image Place Holder । শুধু বিজ্ঞানপনের জায়গায় নয়, আপনি ওয়েবসাইটের যেকোনো স্থানে এটা ব্যবহার করতে পাড়েন । এটা ব্যবহার করলে আপনাকে ফটোশপ এ নানারকম সাইজের ইমেজ তৈরি করে ব্যবহার করতে হবে না । আপনি শুধু Height আর Width লিখে দিবেন ।
যেমন; আপনি চাচ্ছেন ৬০০x২০০ পিক্সেলের ইমেজ, এখন আপনার ওয়েবসাইটের যেখানে ইমেজ দরকার সেখানে আপনি শুধু নিচের কোডটুকু লিখবেন;
1
<img src="http://placehold.it/600x200">
তাহলে নিচের মত একটা ইমেজ আপনার জন্য অটোম্যাটিক জেনারেট হয়ে যাবে;

 Place Hod টুল ব্যবহার করতে এখানে ক্লিক করুন ।

Website speed test

এই টুলের নাম শুনেই হয়ত আপনারা এর কাজ সম্পর্কে বুঝতে পেরেছেন । আপনি একটি ওয়েবসাইট তৈরি করলেন । এখন ওয়েবসাইটটি কত স্পীড এ চলছে তা আপনি কিভাবে বুঝবেন? তাই, আপনি ব্যবহার করবেন Website speed test টুল ।

Website speed test টুল ব্যবহার করতে এখানে ক্লিক করুন ।

Subtle Patterns

প্যাটার্ন ওয়েবসাইটের জন্য খুবই গুরুত্বপূর্ণ । এখন প্রায় প্রত্যেকটি ওয়েবসাইট এ প্যাটার্ন ব্যবহার করা হয় । অনেকে ফটোশপ এ প্যাটার্ন তৈরি করে ব্যবহার করেন । তবে, আপনি যদি প্যাটার্ন তৈরি করতে না পাড়েন তাহলে Subtle Patterns ব্যবহার করতে পাড়েন । এখানে, আপনি প্রায় 400 টি প্যাটার্ন পাবেন ।

Subtle Patterns টুল ব্যবহার করতে এখানে ক্লিক করুন ।

Font Comparer

কিছু ওয়েবসাইট এ ফন্ট ব্যবহার করার সময় কোন ফন্ট ব্যবহার করবেন - এটা নিয়ে আমরা প্রায়ই দ্বিধায় পড়ে যায় । এই সমস্যার সমধান দিবে Font Comparer টুল । এই টুল ব্যবহার করে একটি ওয়ার্ড বিভিন্ন ফন্ট এ কেমন দেখা যাবে তা জানতে পারবেন ।

 Font Comparer টুল ব্যবহার করতে এখানে ক্লিক করুন ।

CSS Minifier

সিএসএস এর ফাইল সাইজ কমিয়ে ফেলতে এবং ওয়েবসাইট এর লোডিং  স্পীড বাড়াতে সিএসএস মিনিফাই করা হয় । সিএসএস ফিনিফাই করলে সিএসএস ফাইল এ ব্যবহৃত অপ্রয়োজনীয় স্পেস মুছে যায় । সাধারণ সিএসএস এবং মিনিফাইড সিএসএস এর পার্থক্য নিচের স্ক্রিনশট এ দেখুন;

 CSS Minify টুল ব্যবহার করতে এখানে ক্লিক করুন ।

Unminify JS, CSS and HTML Code

এতক্ষন আমি সিএসএস মিনফাই করার সুবিধা নিয়ে বললাম এখন ভাবছেন আমি কেন সিএসএস আনমিনিফাই করার কথা বলছি? তাহলে শুনুন, সিএসএস ফাইলকে মিনিফাই করবেন ভাল কথা । কিন্তু, আপনার যদি সিএসএস ফাইলটি কখন সম্পাদনা (Edit) করার প্রয়োজন হয় তখন কি করবেন? তখন আপনি আনমিনিফাই করে তারপর সম্পাদন করবেন । এতে, আপনার কাজ সহজ হবে । Unminify JS, CSS and HTML Code টুল ব্যবহার করে আপনি শুধু সিএসএস ফাইল নয়, এইচটিএমএল এবং জাভাস্ক্রিপ্ট ফাইল আনমিনিফাই করতে পারবেন ।
Unminify JS, CSS and HTML Code টুল ব্যবহার করতে এখানে ক্লিক করুন ।

FavIcon Generator

ফেভিকন কি? কেন ব্যবহার করা হয় টা আমরা মুটামুটি সবাই জানি । ফেভিকন ওয়েব সাইটের একটি অপরিহার্য উপাদান । ফেভিকন ছাড়া ওয়েব সাইট অসম্পূর্ণ থেকে যায় । তাই, ফেভিকন ব্যবহার করা খুবই গুরুত্বপূর্ণ । FavIcon Generator টুল ব্যবহার করে আপনি সহজেই ফেভিকন জেনারেট করতে পাড়েন । কিভাবে ওয়ার্ডপ্রেস এ ফেভিকন ব্যবহার করবেন তা জানতে আপনার ওয়ার্ডপ্রেস সাইটে ফেভিকন যোগ করুন আরও সহজে লেখাটি পড়তে পারেন ।

 FavIcon Generator টুল ব্যবহার করতে এখানে ক্লিক করুন ।

Browsershots

একটি ওয়েবসাইট অথবা থিম তৈরি করার পর ওয়েবসাইট/থিম টি সকল ব্রাউজার এ সাপোর্ট করবে কি না - এটা আমরা অনেক সময় চিন্তিত থাকি । এজন্য আমরা ওয়েবসাইট/থিম তৈরি করার পর তা বিভিন্ন ব্রাউজারে টেস্ট করি । কিন্তু, এটা অনেকের কাছে ঝামেলার কাজ । কেননা, আপনি কয়টি ব্রাউজারে তা পরীক্ষা করতে পারবেন? আপনার কম্পিউটার এ কি সব ব্রাউজার ইন্সটল করা আছে? এজন্য আপনি ব্যবহার করতে পারেন Browsershots টুল ।
Browsershots টুল ব্যবহার করতে এখানে ক্লিক করুন ।

WhatTheFont

যখন মার্কেট প্লেস এ কাজ করা হয় তখন বায়ার একটি ফটো/লোগো দিয়ে বলে দেয়, "এই ফন্ট দিয়ে ওয়েবসাইটটি ডিজাইন করবেন?" আপনার যদি ফন্ট এর নাম না জানা থাকে তাহলে কি করবেন? এ সমস্যার সমাধান করার জন্য WhatTheFont টুল ব্যবহার করবেন । এখানে আপনি শুধু একটি ইমেজ/লোগো আপলোড করলেই ইমেজ/লোগো এ কোন ফন্ট ব্যবহার করা হয়েছে তা জানতে পারবেন ।
WhatTheFont টুল ব্যবহার করতে এখানে ক্লিক করুন ।

আজ আর নয়, আশা করি এসব টুলস সবার কাজে আসবে । ভাল লাগলে কমেন্ট করবেন । যদি আপনাদের কাছে আরও কোন টুলস জানা থাকে তাহলে জানাতে ভুলবেন না ।
ধন্যবাদ, ভাল থাকবেন সবাই । আল্লাহ্‌ হাফেজ ।
Twitter Facebook

August 02, 2019
,

PHP is the top pick for developers when it comes to developing applications. Being a server side scripting language, it is powering more than 250 million websites and applications around the world. It is a highly scalable and stable platform and is thus preferred by developers around the world. What makes this ecosystem so powerful is the availability of a huge number of tools that ease the development process and help execute complex projects easily. Here we list the top PHP tools for app development.

PHP CPP

It is counted among the top used PHP web development tool. The C++ library aids in developing PHP extensions and also includes a number of easy-to-use classes which are used by the developers to build different extensions for PHP.

SublimeText

There are few code editors that match the agility and flexibility of SublimeText. This is a highly sophisticated text editor used for codes, markup and prose and at the same time offers you extraordinary performance.

PHP Trace

A wonderful tool this is used by developers to identify or trace and troubleshoot problems with PHP scripts. This tools sources all information onphp execute context and php function calls from PHP Runtime that allows developers to identify heavy-load problems and other bugs that are causing problems with the app.

Parsedown PHP

The most preferred tool for automatic parsing Markdown text, it ensures that the parsing is executed without any error. It also offers the opportunity to developers to write or paste the markdown text in a demo space. The interface is highly user-friendly and makes it one of the top tools.

Geocoder

Geo-aware apps have gained immense popularity of late and this tool helps developers come up with inspiring apps that offer tailored information based on a user’s location. The powerful library allows developers to execute abstraction layer that allows easy geocoding manipulation using locational information of the user.

virtPHP

With the help of this tool developers can easily create and manage isolated PHP environments on a single machine. Here developers have the option of creating as many isolated environments as they want and use it to run different PHP projects. Developers can use different versions PHP in case the system runs more than one version of PHP.

Mink

It offers developers a great testing environment that allows them to test apps’ compatibility with all major web browsers. This ensures that the apps reach to widest section of the customers. This robust PHP library helps developers do away with API conflict issues with different browsers and generate browser compatible codes. To get the best out of PHP development, you need to hire the services of a professional PHP development company that has the expertise to deliver results. At Semaphore Software we have more than a decade of proven track record under our belt and have been helping small and large businesses establish a strong presence in the market.
Twitter Facebook

August 02, 2019

ওয়েব ডিজাইন হলো একটি আর্ট এবং এটি সবাইকে দিয়ে সম্ভব নয়। তবে তার মানে এই নয় যে, এটি কিছু ব্যক্তির জন্য নিষিদ্ধ! মূলত ক্রিয়েটিভিটিই হলো একজন ওয়েব ডিজাইনার সর্বোপরি একজন ডিজাইনারের সাফল্যের প্রধান সিড়ি। এই বিষয়ে কেনো সন্দেহ নেই যে, ওয়েব ডিজাইন হলো দ্রুত বর্ধনশীল একটি মাধ্যম।  ক্রিয়েটিভিটি আর চেষ্টা থাকলে যে কেউ একজন ওয়েব ডিজাইনার হতে পারে এবং ওয়েব কননেন্ট ডেভেলপ করে এই সেক্টরে স্মার্ট ক্যারিয়ার গড়তে পারেন।
ওয়েব ডিজাইনারদের সহায়তার জন্য অনেক টুলস থাকলেও ভালোর তালিকা খুবই ছোট। এই টুলসগুলো ওয়েব ডিজাইনারের কাজকে সহজ করে ও মান উন্নত করে। আজ পান্ডুলিপির পাঠকদের জন্য এমনই ৮টি টুলসের কথা জানাবো।

ফায়ার এফটিপি

প্রত্যেক ওয়েব ডিজাইনার মজিলা ফায়ারফক্সসহ কয়েকটি ইন্টারনেট ব্রাউজার ব্যবহার করেন তাদের কনটেন্ট দেখতে কেমন হচ্ছে সেটি দেখার জন্য। ‘ফায়ার এফটিপি’ হলো মজিলা ফায়ারফক্সের এমনই একটি অ্যাডঅন বা এক্সটেনশন যা ব্রাউজারের উইন্ডোতেই এফটিপি সার্ভারে অ্যাক্সেসের সুযোগ দেয়। আপনার যদি এই অ্যাডঅনটি থাকে তাহলে আপনাকে আলাদভাবে কোনো এফটিপি ক্লায়েন্ট ব্যবহার করার দরকার নেই। এটি ব্রাউজার থেকে এফটিপি ক্লায়েন্ট সফটওয়্যারে মুভ করার সময় বাঁচায়।

ফায়ারবাগ

একজন ওয়েব ডিজাইনার বা ডেভেলপারের জন্য সবচেয়ে উপযোগি ও কাজের অ্যাডঅন বলা হয় ‘ফায়ারবাগ’কে। ফায়ারফক্সের এই অ্যাডঅনটির মাধ্যমে ওয়েব ডিজাইনার তার কনটেন্ট ব্রাউজার উপযোগি করে নিজের মতো পরিবর্তন, পরিবর্ধণ করতে পারেন। এটির মাধ্যমে সিএসএস, এইচটিএমএল, জাভাস্কিপ্ট পরিবর্তন করা ও সরাসরি সেই পরিবর্তন লক্ষ্য করা যায়। এভাবে পরিবর্তন করার পর কোডটি কপি করে আপনি মূল ফাইল আপডেট করলেই সহজেই আপনার পছন্দের ডিজাইনটি তৈরি হয়ে যাবে।

এইচটিএমএল ভেলিডেটর

এটিও একটি ফায়ারফক্স অ্যাডঅন, যা ওয়েবপেজের এইচটিএমএলকে ব্রাউজারে যথার্থভাবে সমর্থন করতে সহায়তা করে। যখন কোনো ওয়েবপেজ ফায়ারফক্সে লোড হয় তখন এটি এইচটিএমএল ভেলিডেট করে এবং স্ট্যাটাসবারে একটি আউকন দেখায়। যখন আপনি ঐ আইকনের উপর আপনার মাউস রাখবেন তখন এটি এইচটিএমএল ভুলগুলো প্রদর্শন করে। আপনি আরেকটি উইন্ডোতে এই ভুলগুলোর সোর্সকোড দেখতে পাবেন।

সিএসএস ভেলিডেটর

এটিও মজিলা ফায়ারফক্সের আরেকটি অ্যাডঅন যা সিএসএস ভেলিডেট করে। এটি ডব্লিউথ্রিসি সিএসএস ভেলিডেশনের সঙ্গে সম্পৃক্ত ও সিএসএস ভুলগুলো খুঁজে পেতে সহায়তা করে। মাউসের ডানবাটন ক্লিক মেনুর মাধ্যমে এই ভুলগুলো আরেকটি নতুন ব্রাউজারে দেখা যায়।

কালার ডিটেক্টর

এটি একটি সফটওয়্যার যা আপনার মনিটর স্কিনের যেকোনো স্থানের কালার বা রঙ ডিটেক্ট করে এবং ঐ কালারটির একটি হেক্সাডেসিমেল কালার কোড তৈরি করে। আপনার স্কিনে দেখা কোনো কালার আপনার ওয়েবপেজে ব্যবহার করতে চাইলে এই সফটওয়্যারের মাধ্যমে আপনি ঐ কালার কোডটি নিয়ে ব্যবহার করতে পারবেন। এজন্য ঐ কালারটির উপর আপনার মাউসের কার্সরটি নিন, এরপর ফ্রিজের জন্য F5 চাপুন ও হেক্সাকোড কপির জন্য F6 চাপুন। তাহলে আপনার পছন্দের কালারটির হেক্সাকোড উইন্ডোজ ক্লিপবোর্ডে যুক্ত হয়ে যাবে এবং আপনি ব্যবহার করতে পারবেন।

কালার লাভার

এটি একটি ওয়েব বেসড সার্ভিস। এখানে আপনি বিশ্বের বিভিন্ন প্রান্তের ব্যবহারকারীদের ব্যবহৃত কালার, প্যাটার্ন এবং কালার প্যাটার্ন খুঁজে পাবেন। এখন আপনার ওয়েব পেজের সঙ্গে মানানসই ও প্রয়োজনীয় কালারটি বেছে নিতে পারে। যারা কালার বা রঙ পছন্দ করেন তাদের জন্য এই কালার লাভার একটি অসাধারণ জায়গা।

মেজারআইটি

এটিও একটি ফায়ারফক্স অ্যাডঅন, যা একটি ওয়েবপেজের পেজ এলিমেন্ট পরিমাপ করে। এটি ওয়েবপেজের উপর রুলার আঁকে এবং পেজ এলিমেন্টটির বিভিন্ন পরিমাপের তথ্য দেয়। এই টুলের মাধ্যমে আপনার যে লেআউটটি পছন্দ হোক সাথে সাথেই তা পরিমাপ করতে পারবেন এবং আপনার ওয়েব ডিজাইনে সেটি ব্যবহার করতে পারবেন।

কম্পফাইট

এটি একটি ওয়েব নির্ভর সার্চ টুল যা ইমেজ শেয়ারিং সাইট ফ্লিকার থেকে ইমেজ অর্থাৎ ছবি খুঁজে পেতে সহায়তা করে। আপনার ওয়েবসাইটে ব্যবহারের জন্য মানানসহ ছবি দ্রুত খুঁজে পেতে এই সফটওয়্যারটি অসাধারণ কাজে লাগবে।

আগামীতে ওয়েব ডিজাইনের অন্য কোনো বিষয় নিয়ে কথা হবে। উপরের লেখা সম্পর্কিত আপনাদের কোনো প্রশ্ন থাকলে কমেন্ট করতে পারেন। আশাকরি যত শীঘ্রই সম্ভব আপনাদের উত্তর দেওয়ার চেষ্টা করবো।

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget