вторник, 19 декември 2017 г.

Web Designer's Color Guide

The Summary

Red: anger, passion, love
Orange: energy, happiness, vitality
Yellow: happyness, hope
Green: a new beginning, prosperity, nature
Blue: calm, responsibility, sadness
Purple: creativity, royalty, wealth
Black: mystery, elegance
Gray: conservatism, formality
White: purity, kindness
Brown: nature, health, reliability
Beige: conservatism, piety

Read more

четвъртък, 26 октомври 2017 г.

Free Bootstrap Responsive Team Profiles With Social Icon



This template has been help to show up your team and connect them in social media
Download here 

Free Bootstrap Professional Business Invoice Template



This template has been designed to help you personalize your business online
Download here 

Free Bootstrap Pinterest Template



This pinterest template helps visualize different types of pictures and articles
Download here 

Free Bootstrap Product Coupon Template



This sample enables the promotion of a new product by providing a promotion coupon template
Download here

понеделник, 23 октомври 2017 г.

Free online store product detail template

Тhis template shows a product details section that can be used on e-commerce websites. It includes details like as price, sizes and colors

 Download here

Free responsive product list with popup details

Тhis template shows a product list containing price, details, and rating and can be used on e-commerce sites. It includes a popup that reveals additional product information

 Download here

понеделник, 2 октомври 2017 г.

Free Bootstrap Personal Page



Personal Page is a single-page presentational theme, suitable for showcasing a concentrated set of ideas and projects.

Features:
- Smooth Scroll
- Animated Filtering
- Image Gallery
- Contact Form

Download here

понеделник, 25 септември 2017 г.

понеделник, 18 септември 2017 г.

Explaining the Bind Method in JavaScript

Functions in JavaScript are objects. As objects, functions possess methods, including the powerful Bind method. Bind is used for setting the this value in methods, borrowing methods of other objects and for currying functions. Bind method is primarily used to call a function with the this value set explicitly. It enables us to easily set which specific object will be bound to this when a function is invoked. The need for bind occurs when this keyword in a method is not bound to the object that we expect it to be bound to - usually calling that method from a receiver object.

var person = {
    name: "Terry Smith",
    age: 43,
    print: function (event) {
        console.log(this.name + ", age: " + this.age);  ​
    }
};
 
//Invoke the person's print method on button's click event​
$("button").click (person.print.bind(person));
 

Learning JavaScript – A Practical Guide for WordPress Developers

5 months after the groundbreaking (for many) revelation by Matt Mullenweg in last year's State of the Word (WordCamp Philadelphia, 2015) address where the co-founder of WordPress advised all PHP and WordPress developers to learn JavaScript, deeply; the entire community is in a state of excitability. 


Read more

сряда, 9 август 2017 г.

Advanced Data-visualization Components

In this article, we will present you some of the best tools for data visualization available on the web, which answer to all the above-mentioned criteria and provide drill down capabilities.


  



Read more information here

вторник, 4 юли 2017 г.

Client-side Development Frameworks

How do you choose what type of chart to use when visualizing specific data?

- How many data sets will be rendered in the chart – one or more?
- How many items will be displayed in the chart?
- Will you display values over a period of time, or among items or groups?



View more info here

ShieldUI-Lite library



The ShieldUI-Lite library has just been upgraded to include several new widgets as well as many bug fixes.
Check it out on GitHub:


понеделник, 3 юли 2017 г.

четвъртък, 8 юни 2017 г.

Free Bootstrap Coming-soon Theme


Event is a single-page theme ideal for presenting future ocurrences of any kind. It features a backward counter to count down the days, hours, minutes and seconds to the start.

Features:
- Unique look & feel
- Coming-soon counter implemented with Shield UI Circular ProgressBar widgets
- Social Navigation
- Contact Us form

Free download here

Free Bootstrap Professional Portfolio Theme

Professional Portfolio is a responsive multi-page template, bringing a professional look to your presentations.

Features:
- Professional design and color set
- Image gallery with filtering
- Google Maps integration
- Contact form

Free download here

Free Bootstrap Sales and Marketing Theme


Sales and Marketing is a responsive template comprised of multiple pages. Ideal for company websites and presentations of individual teams.

Features:
- Professional design and color set
- A Shield UI Chart widget
- Shield UI Calendar component
- Shield UI TagCloud
- About and Testimonials sections
- Blog page
- Contacts page

Free download here

Free Bootstrap Creativity Theme


Creativity is a responsive multi-page professional Bootstrap theme suitable for photographers, web designers and advertising studios.

Features:
- Beautiful design and color set
- Smooth scroll
- A Shield UI Rating widget
- Shield UI ProgressBar
- Image gallery
- Contact form

Free download here

Grid Keyboard Navigation





Shield UI Grid Keyboard Navigation is for people who cannot use a mouse or other pointing device, or who want to use a keyboard as much as possible. This functionality cover accessibility standards for people with disabilities can directly benefit from it. Keyboard Navigation are useful for people with a wide range of disabilities, as well as anyone who wants to save time by combining key commands with mouse control.

You can use the following keys, comforming to the latest WAI-ARIA specification, to work with the widget:

To
Press
Focuses the grid in this example only (not built-in functionality)
Ctrl + G
Moves the focus between cells
Arrow keys
navigates to the previous page if pagination is turned on
Page Up
navigates to the next page if pagination is turned on
Page Down
moves the focus to the first cell in the row that contains focus
Home
moves the focus to the last cell in the row that contains focus
End
moves focus to the first cell in the first visible row
Ctrl + Home
moves focus to the last cell in the last visible row
Ctrl + End
when pressed on a header cell, invokes sorting for that column
Enter
selects the current cell/row if selection is enabled
Space
when pressed on an editable cell, disables grid navigation and puts this cell/row in edit mode
Enter
if grid navigation is disabled, saves all changes and restores grid navigation
Enter
if grid navigation is disabled, cancels any edits and restores grid navigation
Escape
moves focus to next widget in the grid
TAB
moves focus to previous widget in the grid
Shift + TAB

 

понеделник, 29 май 2017 г.

Free Bootstrap Financial Planning Theme

Financial Planning is a responsive multi-page professional Bootstrap theme suitable for corporate and small-team presentations.

Features:
- Beautiful design and color set
- Multiple Pages
- A Shield UI Chart widget
- Several Shield UI Circular ProgressBar components
- Google Maps Integration

Kindly provided by the awesome PrepBootstrap Team

Download here

Free Bootstrap Bakery Shop Theme


Bakery Shop is a single-page portfolio theme, featuring soft colors and a nostalgic look and feel, suitable for candy shops, bakeries and other worshops of any size.

Features:
- Smooth Scroll
- Different Content Areas
- Google Maps Integration

Courtesy of the PrepBootstrap Team

Download here

Free Bootstrap Investment corporate theme


Investment is a multi-page clean and professional looking bootstrap theme, suitable for corporate and single presentations.

Features:
- Multiple Pages
- Shield UI Grid sample
- Shield UI Charts samples
- Google Maps Integration

Provided by PrepBootstrap

Download here

Overview of ASP.NET Core

 

Features

  • No-compile developer experience
  • Modular framework distributed as NuGet packages
  • Cloud-optimized runtime
  • Host-agnostic via Open Web Interface for .NET (OWIN)
  • Flexible and cross-platform runtime
  • Modular HTTP request pipeline
  • Unifying MVC, Web API and Web Pages
  • Side-by-side versioning with .NET Core
  • Build-in Dependency Injection
  • Self-host and IIS-hosted
  • Open source on GitHub
For more information you can check here
Grid ASP.NET Core
Chart ASP.NET Core

понеделник, 27 март 2017 г.

Shield UI Grid Keyboard Navigation




Shield UI Grid Keyboard Navigation is for people who cannot use a mouse or other pointing device, or who want to use a keyboard as much as possible. This functionality cover accessibility standards for people with disabilities can directly benefit from it. Keyboard Navigation are useful for people with a wide range of disabilities, as well as anyone who wants to save time by combining key commands with mouse control.

You can use the following keys, comforming to the latest WAI-ARIA specification, to work with the widget:

To
Press
Focuses the grid in this example only (not built-in functionality)
Ctrl + G
Moves the focus between cells
Arrow keys
navigates to the previous page if pagination is turned on
Page Up
navigates to the next page if pagination is turned on
Page Down
moves the focus to the first cell in the row that contains focus
Home
moves the focus to the last cell in the row that contains focus
End
moves focus to the first cell in the first visible row
Ctrl + Home
moves focus to the last cell in the last visible row
Ctrl + End
when pressed on a header cell, invokes sorting for that column
Enter
selects the current cell/row if selection is enabled
Space
when pressed on an editable cell, disables grid navigation and puts this cell/row in edit mode
Enter
if grid navigation is disabled, saves all changes and restores grid navigation
Enter
if grid navigation is disabled, cancels any edits and restores grid navigation
Escape
moves focus to next widget in the grid
TAB
moves focus to previous widget in the grid
Shift + TAB