Just another WordPress site
Making a Giant X-Acto Blade
https://ift.tt/30YUoLr
Ever since seeing The Sword of Exact Zero in The LEGO Movie, swordsmith Michael Cthulhu has contemplated making a larger-than-life X-Acto knife blade. With a sponsor in hand for his video, he finally took the time to make his cutting tool for giants a reality. He’s auctioning it off for charity to help save animals from Australia’s fires.
fun
via The Awesomer https://theawesomer.com
January 27, 2020 at 12:43PM
The Ultimate JavaScript Cheat Sheet
https://ift.tt/38BrWSD
If you want to build dynamic webpages, you’ll have to supplement your HTML and CSS knowledge with an understanding of JavaScript. This scripting language is considered an essential in modern web development.
You can build all kinds of interesting interactive apps and websites with JavaScript, but there’s much to learn on the way. With that in mind, we have created the following JavaScript cheat sheet for you.
The cheat sheet can serve as a quick refresher on JavaScript elements any time you need one. It’s handy for newbies and experts alike.
FREE DOWNLOAD: This cheat sheet is available as a downloadable PDF from our distribution partner, TradePub. You will have to complete a short form to access it for the first time only. Download The Ultimate JavaScript Cheat Sheet.
| Shortcut | Action |
|---|---|
| JavaScript Arrays | |
| concat() | Join several arrays into one |
| copyWithin() | Copy array elements within the array, to and from specified positions |
| indexOf() | Return the primitive value of the specified object |
| includes() | Check if an array contains the specified element |
| join() | Combine elements of an array into a single string and return the string |
| entries() | Return a key/value pair Array Iteration Object |
| every() | Check if every element in an array passes a test |
| fill() | Fill the elements in an array with a static value |
| filter() | Create a new array with every element in an array that pass a test |
| find() | Return the value of the first element in an array that pass a test |
| forEach() | Call a function for each array element |
| from() | Create an array from an object |
| lastIndexOf() | Give the last position at which a given element appears in an array |
| pop() | Remove the last element of an array |
| push() | Add a new element at the end |
| reverse() | Sort elements in descending order |
| reduce() | Reduce the values of an array to a single value (going left-to-right) |
| reduceRight() | Reduce the values of an array to a single value (going right-to-left) |
| shift() | Remove the first element of an array |
| slice() | Pull a copy of a portion of an array into a new array object |
| sort() | Sort elements alphabetically |
| splice() | Add elements in a specified way and position |
| unshift() | Add a new element to the beginning |
| JavaScript Boolean Methods | |
| toString() | Convert a Boolean value to a string, and return the result |
| valueOf() | Return the first position at which a given element appears in an array |
| toSource() | Return a string representing the source code of the object |
| JavaScript Arithmetic Operators | |
| + | Addition |
| – | Subtraction |
| * | Multiplication |
| / | Division |
| (…) | Grouping operator (operations within brackets are executed earlier than those outside) |
| % | Modulus (remainder) |
| ++ | Increment numbers |
| — | Decrement numbers |
| == | Equal to |
| === | Equal value and equal type |
| != | Not equal |
| !== | Not equal value or not equal type |
| > | Greater than |
| Lesser than | |
| >= | Greater than or equal to |
| <= | Lesser than or equal to |
| ? | Ternary operator |
| Logical Operators | |
| && | Logical AND |
| || | Logical OR |
| ! | Logical NOT |
| Bitwise Operators | |
| & | AND statement |
| | | OR statement |
| ~ | NOT |
| ^ | XOR |
| Left shift | |
| >> | Right shift |
| >>> | Zero fill right shift |
| Functions | |
| alert() | Output data in an alert box in the browser window |
| confirm() | Open up a yes/no dialog and return true/false depending on user click |
| console.log() | Write information to the browser console (good for debugging purposes) |
| document.write() | Write directly to the HTML document |
| prompt() | Create a dialog for user input |
| Global Functions | |
| decodeURI() | Decode a Uniform Resource Identifier (URI) created by encodeURI or similar |
| decodeURIComponent() | Decode a URI component |
| encodeURI() | Encode a URI into UTF-8 |
| encodeURIComponent() | Same but for URI components |
| eval() | Evaluate JavaScript code represented as a string |
| isFinite() | Determine whether a passed value is a finite number |
| isNaN() | Determine whether a value is an illegal number |
| Number() | Convert an object’s value to a number |
| parseFloat() | Parse a string and return a floating point number |
| parseInt() | Parse a string and return an integer |
| JavaScript Loops | |
| for | The most common way to create a loop in JavaScript |
| while | Set up conditions under which a loop executes |
| do while | Similar to the while loop, however, it executes at least once and performs a check at the end to see if the condition is met to execute again |
| break | Stop and exit the cycle if certain conditions are mets |
| continue | Skip parts of the cycle if certain conditions are met |
| Escape Characters | |
| \’ | Single quote |
| \" | Double quote |
| \\ | Backslash |
| \b | Backspace |
| \f | Form feed |
| \n | New line |
| \r | Carriage return |
| \t | Horizontal tabulator |
| \v | Vertical tabulator |
| JavaScript String Methods | |
| charAt() | Return a character at a specified position inside a string |
| charCodeAt() | Give the unicode of character at that position |
| concat() | Concatenate (join) two or more strings into one |
| fromCharCode() | Return a string created from the specified sequence of UTF-16 code units |
| indexOf() | Provide the position of the first occurrence of specified text within a string |
| lastIndexOf() | Same as indexOf() but with the last occurrence, searching backwards |
| match() | Retrieve the matches of a string against a search pattern |
| replace() | Find and replace specified text in a string |
| search() | Execute a search for a matching text and return its position |
| slice() | Extract a section of a string and return it as a new string |
| split() | Split a string object into an array of strings at a specified position |
| startsWith() | Check whether a string begins with specified characters |
| substr() | Similar to slice() but extracts a substring depended on a specified number of characters |
| substring() | Similar to slice() but can’t accept negative indices |
| toLowerCase() | Convert strings to lower case |
| toUpperCase() | Convert strings to upper case |
| valueOf() | Return the primitive value (that has no properties or methods) of a string object |
| REGULAR EXPRESSION SYNTAX
Pattern Modifiers |
|
| e | Evaluate replacement |
| i | Perform case-insensitive matching |
| g | Perform global matching |
| m | Perform multiple line matching |
| s | Treat strings as single line |
| x | Allow comments and whitespace in pattern |
| U | Ungreedy pattern |
| Brackets | |
| [abc] | Find any of the characters in the brackets |
| [^abc] | Find any character not in the brackets |
| [0-9] | Find digit specified in the brackets |
| [A-z] | Find any character from uppercase A to lowercase z |
| (a|b|c) | Find any of the alternatives separated with | |
| Metacharacters | |
| . | Find a single character, except newline or line terminator |
| \w | Word character |
| \W | Non-word character |
| \d | A digit |
| \D | A non-digit character |
| \s | Whitespace character |
| \S | Non-whitespace character |
| \b | Find a match at the beginning/end of a word |
| \B | Find a match not at the beginning/end of a word |
| \u0000 | NUL character |
| \n | A new line character |
| \f | Form feed character |
| \r | Carriage return character |
| \t | Tab character |
| \v | Vertical tab character |
| \xxx | Character specified by an octal number xxx |
| \xdd | Latin character specified by a hexadecimal number dd |
| \udddd | Unicode character specified by a hexadecimal number dddd |
| Quantifiers | |
| n+ | Match any string that contains at least one n |
| n* | Any string that contains zero or more occurrences of n |
| n? | Any string that contains zero or one occurrences of n |
| n{X} | Any string that contains a sequence of X n’s |
| n{X,Y} | Strings that contains a sequence of X to Y n’s |
| n{X,} | Matches any string that contains a sequence of at least X n’s |
| n$ | Any string with n at the end of it |
| ^n | String with n at the beginning of it |
| ?=n | Any string that is followed by a specific string n |
| ?!n | String that is not followed by a specific string n |
| Number Properties | |
| MAX_VALUE | Maximum numeric value representable in JavaScript |
| MIN_VALUE | Smallest positive numeric value representable in JavaScript |
| NaN | The “Not-a-Number” value |
| NEGATIVE_INFINITY | Negative Infinity value |
| POSITIVE_INFINITY | Positive Infinity value |
| Number Methods | |
| toExponential() | Return a string with a rounded number written as exponential notation |
| toFixed() | Return string of a number with a specified number of decimals |
| toPrecision() | Return string of a number written with a specified length |
| toString() | Return a number as a string |
| valueOf() | Return a number as a number |
| Math Properties | |
| E | Euler’s number |
| LN2 | Natural logarithm of 2 |
| LN10 | Natural logarithm of 10 |
| LOG2E | Base 2 logarithm of E |
| LOG10E | Base 10 logarithm of E |
| PI | The number PI |
| SQRT1_2 | Square root of 1/2 |
| SQRT2 | Square root of 2 |
| Math Methods | |
| abs(x) | Return the absolute (positive) value of x |
| acos(x) | Arccosine of x, in radians |
| asin(x) | Arcsine of x, in radians |
| atan(x) | Arctangent of x as a numeric value |
| atan2(y,x) | Arctangent of the quotient of its arguments |
| ceil(x) | Value of x rounded up to its nearest integer |
| cos(x) | Cosine of x (x is in radians) |
| exp(x) | Value of Ex |
| floor(x) | Value of x rounded down to its nearest integer |
| log(x) | Natural logarithm (base E) of x |
| max(x,y,z,…,n) | Number with highest value |
| min(x,y,z,…,n) | Number with lowest value |
| pow(x,y) | X to the power of y |
| random() | Random number between 0 and 1 |
| round(x) | Value of x rounded to its nearest integer |
| sin(x) | Sine of x (x is in radians) |
| sqrt(x) | Square root of x |
| tan(x) | Tangent of an angle |
| Dates | |
| Date() | Create a new date object with the current date and time |
| Date(2017, 5, 21, 3, 23, 10, 0) | Create a custom date object. The numbers represent year, month, day, hour, minutes, seconds, milliseconds. You can omit anything you want except for year and month. |
| Date(“2017-06-23”) | Date declaration as a string |
| getDate() | Get the day of the month as a number (1-31) |
| getDay() | Get the weekday as a number (0-6) |
| getFullYear() | Get the year as a four digit number (yyyy) |
| getHours() | Get the hour (0-23) |
| getMilliseconds() | Get the millisecond (0-999) |
| getMinutes() | Get the minute (0-59) |
| getMonth() | Get the month as a number (0-11) |
| getSeconds() | Get the second (0-59) |
| getTime() | Get the time (milliseconds since January 1, 1970) |
| getUTCDate() | Day (date) of the month in the specified date according to universal time (also available for day, month, fullyear, hours, minutes etc.) |
| parse | Parse a string representation of a date, and return the number of milliseconds since January 1, 1970 |
| setDate() | Set the day as a number (1-31) |
| setFullYear() | Set the year (optionally month and day) |
| setHours() | Set the hour (0-23) |
| setMilliseconds() | Set the milliseconds (0-999) |
| setMinutes() | Set the minutes (0-59) |
| setMonth() | Set the month (0-11) |
| setSeconds() | Set the seconds (0-59) |
| setTime() | Set the time (milliseconds since January 1, 1970) |
| setUTCDate() | Set the day of the month for a specified date according to universal time (also available for day, month, fullyear, hours, minutes etc.) |
| DOM MODE
Node Properties |
|
| attributes | Live collection of all attributes registered to an element |
| baseURI | Absolute base URL of an HTML element |
| childNodes | Collection of an element’s child nodes |
| firstChild | First child node of an element |
| lastChild | Last child node of an element |
| nextSibling | Next node at the same node tree level |
| nodeName | Name of a node |
| nodeType | Type of a node |
| nodeValue | Value of a node |
| ownerDocument | Top-level document object for current node |
| parentNode | Parent node of an element |
| previousSibling | Node immediately preceding the current one |
| textContent | Textual content of a node and its descendants |
| Node Methods | |
| appendChild() | Add a new child node to an element as the last child node |
| cloneNode() | Clone HTML element |
| compareDocumentPosition() | Compare the document position of two elements |
| getFeature() | Return an object which implements the APIs of a specified feature |
| hasAttributes() | Return true if an element has any attributes, else return false |
| hasChildNodes() | Return true if an element has any child nodes, else return false |
| insertBefore() | Insert a new child node before a specified, existing child node |
| isDefaultNamespace() | Return true if a specified namespaceURI is the default, else return false |
| isEqualNode() | Check if two elements are equal |
| isSameNode() | Check if two elements are the same node |
| isSupported() | Return true if a specified feature is supported on the element |
| lookupNamespaceURI() | Return the namespaceURI associated with a given node |
| lookupPrefix() | Return a DOMString containing the prefix for a given namespaceURI, if present |
| normalize() | Join adjacent text nodes and remove empty text nodes in an element |
| removeChild() | Remove a child node from an element |
| replaceChild() | Replace a child node in an element |
| Element Methods | |
| getAttribute() | Return the specified attribute value of an element node |
| getAttributeNS() | Return string value of the attribute with the specified namespace and name |
| getAttributeNode() | Get the the specified attribute node |
| getAttributeNodeNS() | Return the attribute node for the attribute with the given namespace and name |
| getElementsByTagName() | Provide a collection of all child elements with the specified tag name |
| getElementsByTagNameNS() | Return a live HTML collection of elements with a certain tag name belonging to the given namespace |
| hasAttribute() | Return true if an element has any attributes, else return false |
| hasAttributeNS() | Provide a true/false value indicating whether the current element in a given namespace has the specified attribute |
| removeAttribute() | Remove a specified attribute from an element |
| removeAttributeNS() | Remove the specified attribute from an element within a certain namespace |
| removeAttributeNode() | Take away a specified attribute node and return the removed node |
| setAttribute() | Set or change the specified attribute to a specified value |
| setAttributeNS() | Add a new attribute or change the value of an attribute with the given namespace and name |
| setAttributeNode() | Set or change the specified attribute node |
| setAttributeNodeNS() | Add a new namespaced attribute node to an element |
| Browser Window Properties | |
| closed | Check whether a window has been closed or not and return true or false |
| defaultStatus | Set or return the default text in the statusbar of a window |
| document | Return the document object for the window |
| frames | Return all iframe elements in the current window |
| history | Provide the History object for the window |
| innerHeight | Inner height of a window’s content area |
| innerWidth | Inner width of the content area |
| length | Return the number of iframe elements in the window |
| location | Return the location object for the window |
| name | Set or return the name of a window |
| navigator | Return the Navigator object for the window |
| opener | Return a reference to the window that created the window |
| outerHeight | Outer height of a window, including toolbars/scrollbars |
| outerWidth | Outer width of a window, including toolbars/scrollbars |
| pageXOffset | Number of pixels by which the document has been scrolled horizontally |
| pageYOffset | Number of pixels by which the document has been scrolled vertically |
| parent | Parent window of the current window |
| screen | Return the Screen object for the window |
| screenLeft | Horizontal coordinate of the window (relative to screen) |
| screenTop | Vertical coordinate of the window |
| screenX | Same as screenLeft but needed for some browsers |
| screenY | Same as screenTop but needed for some browsers |
| self | Return the current window |
| status | Set or return the text in the statusbar of a window |
| top | Return the topmost browser window |
| Browser Window Methods | |
| alert() | Display an alert box with a message and an OK button |
| blur() | Remove focus from the current window |
| clearInterval() | Clear a timer set with setInterval() |
| clearTimeout() | Clear a timer set with setTimeout() |
| close() | Close the current window |
| confirm() | Display a dialog box with a message and OK and Cancel buttons |
| focus() | Set focus to the current window |
| moveBy() | Move a window relative to its current position |
| moveTo() | Move a window to a specified position |
| open() | Open a new browser window |
| print() | Print the content of the current window |
| prompt() | Display a dialog box that prompts the visitor for input |
| resizeBy() | Resize the window by the specified number of pixels |
| resizeTo() | Resize the window to a specified width and height |
| scrollBy() | Scroll the document by a specified number of pixels |
| scrollTo() | Scroll the document to specified coordinates |
| setInterval() | Call a function or evaluate an expression at specified intervals |
| setTimeout() | Call a function or evaluate an expression after a specified interval |
| stop() | Stop the window from loading |
| Screen Properties | |
| availHeight | Return the height of the screen (excluding the Windows Taskbar) |
| availWidth | Return the width of the screen (excluding the Windows Taskbar) |
| colorDepth | Return the bit depth of the color palette for displaying images |
| height | The total height of the screen |
| pixelDepth | The color resolution of the screen in bits per pixel |
| width | The total width of the screen |
| JAVASCRIPT EVENTS
JavaScript Mouse Events |
|
| onclick | When user clicks on an element |
| oncontextmenu | When user right-clicks on an element to open a context menu |
| ondblclick | When user double-clicks on an element |
| onmousedown | When user presses a mouse button over an element |
| onmouseenter | When user moves pointer onto an element |
| onmouseleave | When user moves pointer away from an element |
| onmousemove | When user moves pointer while it is over an element |
| onmouseover | When user moves pointer onto an element or one of its children |
| onmouseout | When user moves pointer away from an element or one of its children |
| onmouseup | When user releases a mouse button while over an element |
| JavaScript Keyboard Events | |
| onkeydown | When user is pressing a key down |
| onkeypress | When user starts pressing a key |
| onkeyup | When user releases a key |
| JavaScript Frame Events | |
| onabort | When loading of media is aborted |
| onbeforeunload | Before the document is about to be unloaded |
| onerror | When an error occurs while loading an external file |
| onhashchange | When the anchor part of a URL has changed |
| onload | When an object has loaded |
| onpagehide | When user navigates away from a webpage |
| onpageshow | When user navigates to a webpage |
| onresize | When user resizes document view |
| onscroll | When user is scrolling an element’s scrollbar |
| onunload | When a page has unloaded |
| JavaScript Form Events | |
| onblur | When an element loses focus |
| onchange | When the content of a form element changes (for input, select, and textarea) |
| onfocus | When an element gets focus |
| onfocusin | When an element is about to get focus |
| onfocusout | When an element is about to lose focus |
| oninput | User input on an element |
| oninvalid | When an element is invalid |
| onreset | When a form is reset |
| onsearch | When a user types something in a search field (for input="search") |
| onselect | When user selects some text (for input and textarea) |
| onsubmit | When a form is submitted |
| JavaScript Drag Events | |
| ondrag | When user drags an element |
| ondragend | When user has finished dragging the element |
| ondragenter | When the dragged element enters a drop target |
| ondragleave | When the dragged element leaves the drop target |
| ondragover | When the dragged element is on top of the drop target |
| ondragstart | When user starts to drag an element |
| ondrop | Dragged element is dropped on the drop target |
| JavaScript Clipboard Events | |
| oncopy | When user copies content of an element |
| oncut | When user cuts an element’s content |
| onpaste | When user pastes content in an element |
| JavaScript Media Events | |
| onabort | When media loading is aborted |
| oncanplay | When browser can start playing media (e.g. a file has buffered enough) |
| oncanplaythrough | When browser can play through media without stopping |
| ondurationchange | When duration of media changes |
| onended | When media has reached its end |
| onerror | When an error occurs while loading an external file |
| onloadeddata | When media data is loaded |
| onloadedmetadata | When metadata (like dimensions and duration) is loaded |
| onloadstart | When browser starts looking for specified media |
| onpause | When media is paused either by user or automatically |
| onplay | When media has been started or is no longer paused |
| onplaying | When media is playing after having been paused or stopped for buffering |
| onprogress | When browser is in the process of downloading media |
| onratechange | When playing speed of media changes |
| onseeked | When user has finished moving/skipping to a new position in media |
| onseeking | When user starts moving/skipping |
| onstalled | When browser is trying to load unavailable media |
| onsuspend | When browser is intentionally not loading media |
| ontimeupdate | The playing position has changed (e.g. because of fast forward) |
| onvolumechange | When media volume has changed (including mute) |
| onwaiting | When media has paused but is expected to resume (for example, buffering) |
| Animation | |
| animationend | When CSS animation is complete |
| animationiteration | When CSS animation is repeated |
| animationstart | When CSS animation has started |
| Miscellaneous | |
| transitionend | When CSS transition is complete |
| onmessage | When a message is received through the event source |
| onoffline | When browser starts to work offline |
| ononline | When browser starts to work online |
| onpopstate | When the window’s history changes |
| onshow | When a menu element is shown as a context menu |
| onstorage | When a Web Storage area is updated |
| ontoggle | When user opens or closes the details element |
| onwheel | When mouse wheel rolls up or down over an element |
| ontouchcancel | When screen touch is interrupted |
| ontouchend | When user’s finger goes off touch screen |
| ontouchmove | When user drags a finger across the screen |
We consider JavaScript one of the top programming languages to master for the future. And we recommend diving into advanced concepts like JavaScript array methods once you have a grasp of the basics of JavaScript.
Image Credit: Oskar Yildiz on Unsplash
Read the full article: The Ultimate JavaScript Cheat Sheet
non critical
via MakeUseOf.com https://ift.tt/1AUAxdL
January 25, 2020 at 06:57PM
Ecommerce Security: 10 Tips for Your Online Store
https://ift.tt/3b1es3H
Ecommerce has changed the way consumers shop. No longer does the traditional brick-and-mortar store reign supreme. Instead, online stores, by offering shopping convenience all day and all night every single day of the year, lure customers to their sites from all over the world. And as ecommerce sales continue to swell, the necessity of better ecommerce security grows more urgent.
According to reports from Statista, ecommerce sales are expected to reach $4.5 trillion by 2021. Moreover, retail commerce sales across the Asia-Pacific region are set to be greater than those in the rest of the world by 2023.
There are many reasons why this is so. For example, with an ecommerce store you can reach a global audience, even if your marketing budget is limited. Additionally, ecommerce stores don’t have the overhead expenses their brick-and-mortar counterparts have. Therefore, an entrepreneur can start an ecommerce business with only a small investment.
As a result, buyers can enjoy easily exploring millions of products on their phones and other devices.
Let’s not forget that ecommerce provides plenty of opportunities for landbased businesses as well, however. Both small and midsize businesses can boost their sales prospects by adding an ecommerce aspect to their portfolios.
However, every ecommerce site is vulnerable to security breaches and cyberattacks. Hackers lie in wait, eager to steal sensitive information. Therefore, while store design, functionality, and shopping convenience are important, online stores of all stripes need to prioritize ecommerce security features.
RELATED ARTICLE: WHICH CYBER SECURITY PROCESS IS RIGHT FOR YOUR BUSINESS?
Below are some important security tips for your ecommerce site:
Many ecommerce store owners establish their stores on platforms such as Magento and Shopify. This is not surprising, since these platforms offer excellent ecommerce security features.
Among your top considerations while selecting an ecommerce platform must be robust functionality, convenience, and security. Once these aspects are handled, you will be able to focus on your core business.
Ecommerce platforms such as Shopify may have the best ecommerce security features. However, even if you choose this platform for your site, you will still need to remain aware of other security measures and take action as necessary.
Rest assured, however, that most ecommerce platforms have secure payment gateways and convenient shipping methods, as well as high-level security features such as automatic security updates.
Your ecommerce site must have an SSL certificate such as Comodo PositiveSSL Wildcard. When you do, your site’s URL will begin with HTTPS instead of HTTP. An SSL certificate provides protocols that encrypt sensitive information such as customers’ credit card information, user names, and passwords.
HTTPS represents the standard for ensuring security of ecommerce websites and other sites that deal with sensitive information. In fact, Google ranks sites with the HTTPS designation higher than web pages that lack it.
For example, SSL certificates such as Comodo PositiveSSL Wildcard enable you to secure multiple sub domains at affordable prices and easy installation. Moreover, enrollment provides a 256-bit SSL encryption.
In order to safeguard your website’s security and ensure customer information is safe from intruders, set up rules for strong customer passwords. For example, require the use of mixed cases, numbers, and special characters.
You might even want to offer your customers a two-factor authentication system to ensure greater ecommerce security.
Every ecommerce website must have a robust data recovery plan. Such a plan will necessarily include regular data backups. An effective plan can help to prevent the loss of vital data related to your business and your customers.
Therefore, be sure to discuss data recovery plans with your host provider. In this way, you will know what you need to do whenever you have a server failure. This is essential for maintaining security for your ecommerce site
It may be helpful to use plugins to add additional layers of security to your ecommerce site.
For example, Wordfence Security is a plugin that integrates a solid security system in your ecommerce store by way of a web application firewall. It offers real-time insights on traffic and prevents potential hacking attempts.
Some ecommerce platforms provide negligent security. For example, some offer offline credit card processing as a standard option for their customers’ payments.
This option stores customers’ credit card details without encryption. This allows the card to be processed manually, which means this mechanism is not safe. If this is what you’re offering your customers, you are putting your customers’ personal information at risk.
Instead, use a payment gateway provider to keep payments safe. Above all, do not store credit card numbers at all. Also, use PCI DSS accreditation to reduce credit card payment fraud and lead to better security on your ecommerce site.
Of course, you have automatic backups and firewalls to ensure security of your ecommerce website. But it’s even more important to check your website code regularly for security issues. So scan all of your site’s code regularly to detect malware.
Keep in mind, too, that content delivery networks (CDN’s) have sets of servers that store copies of website pages. They can help to prevent DDOS attacks, which can significantly interfere with your business and harm your store.
More than half of the traffic that comes to your ecommerce website is not genuine. In fact, much of it poses a security threat.
Sometimes bot traffic may be used by competitors to gain an edge over your business. But it’s safe to assume that most bot traffic is directed with malicious intent.
Therefore, you need to have a bot detection system in place. Such a system will have analytics tools for monitoring the source of traffic to and from your site.
It’s a good idea to conduct regular vulnerability scans on your ecommerce website to detect security risks. There are various tools available that will allow you to do this.
Choose a program that will scan both your website and the network so you can understand the associated risks and issues.
No matter which content management system (CMS) you are using for your ecommerce website, it’s necessary to keep it updated for better security. This will help to resolve issues, fix flaws, and prevent hacking.
It is important to keep your ecommerce website secure and safe by using the best possible security measures. So stay up-to-date with the latest cyber security practices. Also, ensure your site is always backed up, and use effective encryption techniques. These measures will help to keep your ecommerce website secure.
The post Ecommerce Security: 10 Tips for Your Online Store appeared first on Business Opportunities.
business
via Business Opportunities Weblog https://ift.tt/2CJxLjg
January 24, 2020 at 04:16PM
MySQL Document Store Tutorial
https://ift.tt/2tExop7
When I tell people that they can use MySQL without SQL they tend to be skeptical. But with the MySQL Document Store you can do just that with a new NoSQL API and in this case there is no structured query language.pre-FOSDEM MySQL Days (which is sold out and there is a waiting list) is my tutorial on using the Document Store. Those in my session will be able to see how to use the MySQL Shell (mysqlsh) to connect to a MySQL server and save data without have to do the many things a DBA used to have to do in the past such as normalize data, setup relations, and several other tasks. Plus the schema-less Document Store means you can alter your data needs without having to do an endless series of ALTER TABLES.
 |
| MySQL Document Store let you save and retrieve data without needed the use of structured query language (SQL) |
Part of the tutorial is a workbook and slides that I should be able to publish if they are well received. And maybe a video for those who will not be able to make it to Brussels.
technology
via Planet MySQL https://ift.tt/2iO8Ob8
January 24, 2020 at 12:05PM
Adding Social Logins with Laravel Socialite
https://www.youtube.com/watch?v=FLsSEV5ulD4
A brief, 10 minute video showing how to get started with Laravel Socialite by creating a "Sign In with GitHub" button in an existing app.
programming
via Laravel News Links https://ift.tt/2dvygAJ
January 24, 2020 at 10:45AM
Creating your own user management system with user roles (free 16 video course)
https://www.youtube.com/playlist?list=PLxFwlLOncxFLazmEPiB4N0iYc3Dwst6m4
This free course covers the new Laravel 6 authentication scaffolding, adding roles to users and using gates to control the users.
programming
via Laravel News Links https://ift.tt/2dvygAJ
January 23, 2020 at 06:12AM
How To Deploy A Laravel Project On Linux Shared Hosting In 5 Minutes
https://ift.tt/2vpfzuP
In my 2019 review I mentioned that I was working on a side project which is setting up a shared hosting platform with Laravel developers in mind.
I have deployed lots of Laravel projects on Linux shared hosting and I know how painful it is especially when there is no ssh access.
Litehost is here to solve that problem. It has ssh access on all its hosting plans and it has Composer, Git & PHP CLI pre-installed on its servers. Finally it pretty affordable, just ₦400/month ($1.11). Isn’t that amazing? Litehost is live and its been accepting customer since 24th December 2019.
Just yesterday I moved my blog which I built with Laravel to Litehost server. So I am going to show you how I did it in 5 minutes.
Lets get to the main thing. I will assume you have already a Cpanel account with ssh access on it.
Push your Laravel project to a remote git repository. I already have my blog’s repository on GitHub and its open source.
Now lets go back to our Cpanel. If you have ssh access on your hosting plan, look for terminal under the advanced tab and click on it.
Move into your public directory and pull your Laravel project from your remote repository.
cd public_html git clone https://github.com/stephenjude/stephenjude.tech.git blog
With this command you now have your project inside public_html/blog folder.
Make a copy of your .env.example file and update your .env variables. You can do this using the CPanel file manager. Remember that Show Hidden Files (dotfiles) must be enabled from the CPanel file manager settings.
Now enter into the project folder and pull all the required dependencies.
cd blog composer install
Fine, now we have our Laravel project ready to be served but its remaining one more thing. Laravel makes use of the storage folder for lots of things like writing logs, caching views and local file storage for uploads. Lets make that folder writable.
chmod 777 storage
I know this is not advisable but we are not on a VPS. We are on a shared server with some some limits to what we can do. Yeah.
Finally you have to setup your .htaccess file to point to your Laravel public folder. You can find this .htaccess file inside the public_html folder. If its not there then create one and update it with the code below.
RewriteEngine on RewriteCond %{REQUEST_URI} !^blog/public RewriteRule ^(.*)$ /blog/public/$1 [L]
That’s it, you have successfully deployed your Laravel project.
I know this not the best way to deploy a Laravel project but I believe it’s efficient enough to get your project up and running on a Linux shared hosting.
I am still working on setting up shared hosting plans tailored for Laravel developers. The idea is to save time and deploy faster on shared hosting.
Join my weekly newsletter and never miss out on new tutorials, tips and more.
You can also follow me on twitter @stephenjudeso
programming
via Laravel News Links https://ift.tt/2dvygAJ
January 23, 2020 at 06:42AM
Joerg Sprave’s Archery Extreme
https://ift.tt/2NRUGhQ
There’s nothing quite as joyous as the grin on Joerg Sprave’s face and his manaical laugh when he fires up one of his over-the-top homebrew weapons. In this clip, he shows off a few of his creations, a couple of commercially-available crossbows, and the real reason you came here, an insane drill-powered machine bow at 7:15.
fun
via The Awesomer https://theawesomer.com
January 22, 2020 at 01:15PM
The Best Ergonomic Keyboard
https://ift.tt/2TPOoDg
Ergonomic keyboards are designed to reduce strain by keeping your hands, wrists, and arms at more comfortable, natural positions than you can get with a standard keyboard. After spending months testing 10 of them, we recommend the Kinesis Freestyle Edge RGB for anyone who does a lot of typing and is concerned about their posture or about hand, arm, or shoulder pain.
technology
via Wirecutter: Reviews for the Real World https://ift.tt/2gcK1uO
January 22, 2020 at 02:20PM
Find the Large Attachments Eating Up Your Gmail Space With a Simple Search
https://ift.tt/2TL4vSL
Have you ever had to frantically delete photos from your phone’s camera roll to make room for new ones? Us too. If you run up against your storage limit in Gmail, you won’t be able to send or receive new messages—a problem that’s just as frustrating.
Your Google storage allotment is shared across Drive, Gmail, and Photos, and there are a number of ways to make space from app to app. Messages and attachments (including those in Spam and Trash folders) are the big storage hogs in Gmail, so here’s how to find and delete those oversized attachments.
To start, type has:attachment larger:10MB in the Search box at the top of the Gmail window on your desktop or laptop web browser. This will turn up messages with attachments over 10 megabytes. Change the number around as needed (or save yourself a character by omitting the “B” in “MB,” if you want). You can’t search in GB, or gigabytes, but Gmail doesn’t let you send files that large anyway—you’re limited to 25MB of attachments in each message.
You can also use the size search operator, if you’d rather specify file sizes in bytes. Simply type size: and then a minimum number of bytes, such as size:1000000 (or 1MB). Here are a few examples, which you can click to see the results in your inbox immediately:
To free up storage space, select the messages you want to delete and click the Trash icon. Then, find your Trash folder on the left menu (you may have to select More > Trash depending on your inbox organization) and click “Empty Trash Now.”
You can see how much storage you have (and how much you’re using) if you scroll to the bottom of your inbox. Alternatively, go to your Drive settings to view how much space each app is using.
This piece was originally published in November 2012 and updated in January 2020 with more current information.
geeky,Tech,Database
via Lifehacker https://lifehacker.com
January 21, 2020 at 04:38PM