Nothing Found

It seems we can’t find what you’re looking for. Perhaps searching can help.

FAF deciding on filters on post to be syndicated:

HTML can do that?

Array ( [post_title] => HTML can do that? [post_content] =>

After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight!

It's amazing that you can do so much with just HTML.

1. Dropdown with searchable text

2. Dialog box

3. Measuring progress

Styling this is not an easy task, I agree! But there's always some workaround and it's nicely explained here - How to style progress element

4. Expand/collapse details

5. Show correct mobile keypad based on input type

6. Add a simple colour picker

7. Highlight text

8. Create a direct phone number link

Similar to email link with mailto we can also create a direct phone number link.

<a href="tel:+917272727272">+91-7272727272</a>

9. Show deletion and insertion of text

10. Edit page contents

Wish to make your own browser editor? You can do that too - How to make browser editor with html.

Note: Not all browsers have implemented these elements and attributes. But we can still use these today with progressive enhancements! 🙂

HTML is the foundation of any webpage, it's only wise to pay real good attention to it. Semantic markup not only helps in SEO but also helps in accessibility.

If you've come across any such cool thing HTML is capable of, please mention below 😀

[post_excerpt] => After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight! It's amazing that you can do so much with just HTML. 1. Dropdown with searchable text 2. Dialog box 3. Mea... [post_date_gmt] => 2019-06-25 21:38:30 [post_date] => 2019-06-25 21:38:30 [post_modified_gmt] => 2019-06-25 21:38:30 [post_modified] => 2019-06-25 21:38:30 [post_status] => publish [comment_status] => closed [ping_status] => closed [guid] => https://dev.to/ananyaneogi/html-can-do-that-c0n [meta] => Array ( [enclosure] => Array ( [0] => ) [syndication_source] => DEV Community [syndication_source_uri] => https://dev.to [syndication_source_id] => https://dev.to/feed [syndication_feed] => https://dev.to/feed [syndication_feed_id] => 15 [syndication_permalink] => https://dev.to/ananyaneogi/html-can-do-that-c0n [syndication_item_hash] => a9814e3791f48d0a5552ccfe85b11d42 ) [post_type] => post [post_author] => 5543 [tax_input] => Array ( [category] => Array ( [0] => 21 ) [post_tag] => Array ( ) [post_format] => Array ( ) ) )

Doing filter:faf_link_filter

After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight! It's amazing that you can do so much with just HTML. 1. Dropdown with searchable text 2. Dialog box 3. Mea...

After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight!

It's amazing that you can do so much with just HTML.

1. Dropdown with searchable text

2. Dialog box

3. Measuring progress

Styling this is not an easy task, I agree! But there's always some workaround and it's nicely explained here - How to style progress element

4. Expand/collapse details

5. Show correct mobile keypad based on input type

6. Add a simple colour picker

7. Highlight text

8. Create a direct phone number link

Similar to email link with mailto we can also create a direct phone number link.

<a href="tel:+917272727272">+91-7272727272</a>

9. Show deletion and insertion of text

10. Edit page contents

Wish to make your own browser editor? You can do that too - How to make browser editor with html.

Note: Not all browsers have implemented these elements and attributes. But we can still use these today with progressive enhancements! 🙂

HTML is the foundation of any webpage, it's only wise to pay real good attention to it. Semantic markup not only helps in SEO but also helps in accessibility.

If you've come across any such cool thing HTML is capable of, please mention below 😀

Doing filter:faf_remove_html

Doing filter:faf_post_expirator

Decide filter: Returning post, everything seems orderly :HTML can do that?

Array ( [post_title] => HTML can do that? [post_content] =>

After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight!

It's amazing that you can do so much with just HTML.

1. Dropdown with searchable text

2. Dialog box

3. Measuring progress

Styling this is not an easy task, I agree! But there's always some workaround and it's nicely explained here - How to style progress element

4. Expand/collapse details

5. Show correct mobile keypad based on input type

6. Add a simple colour picker

7. Highlight text

8. Create a direct phone number link

Similar to email link with mailto we can also create a direct phone number link.

<a href="tel:+917272727272">+91-7272727272</a>
9. Show deletion and insertion of text

10. Edit page contents

Wish to make your own browser editor? You can do that too - How to make browser editor with html.

Note: Not all browsers have implemented these elements and attributes. But we can still use these today with progressive enhancements! 🙂

HTML is the foundation of any webpage, it's only wise to pay real good attention to it. Semantic markup not only helps in SEO but also helps in accessibility.

If you've come across any such cool thing HTML is capable of, please mention below 😀

[post_excerpt] => After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight! It's amazing that you can do so much with just HTML. 1. Dropdown with searchable text 2. Dialog box 3. Mea... [post_date_gmt] => 2019-06-25 21:38:30 [post_date] => 2019-06-25 21:38:30 [post_modified_gmt] => 2019-06-25 21:38:30 [post_modified] => 2019-06-25 21:38:30 [post_status] => publish [comment_status] => closed [ping_status] => closed [guid] => https://dev.to/ananyaneogi/html-can-do-that-c0n [meta] => Array ( [enclosure] => Array ( [0] => ) [syndication_source] => DEV Community [syndication_source_uri] => https://dev.to [syndication_source_id] => https://dev.to/feed [syndication_feed] => https://dev.to/feed [syndication_feed_id] => 15 [syndication_permalink] => https://dev.to/ananyaneogi/html-can-do-that-c0n [syndication_item_hash] => a9814e3791f48d0a5552ccfe85b11d42 [_expiration-date] => 1561941180 [_expiration-date-options] => Array ( [expireType] => delete ) [_expiration-data-status] => saved [faf_process_expire_date] => 1561941180 ) [post_type] => post [post_author] => 5543 [tax_input] => Array ( [category] => Array ( [0] => 21 ) [post_tag] => Array ( ) [post_format] => Array ( ) ) [post_except] => After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight! It's amazing that you can do so much with just HTML. 1. Dropdown with searchable text 2. Dialog box 3. Mea... )

FAF deciding on filters on post to be syndicated:

Seo is my worst skill, what’s yours?

Array ( [post_title] => Seo is my worst skill, what’s yours? [post_content] =>

So I’ve been coding for 25 years. By far my worst skill is seo.

I’ve never been able to get traffic to any of my personal websites. Like the most I ever got was 1000 in a day. But typical it’s 10 to 0.

I don’t know why I struggle so much, I’ve read up on it. Did the basics. But it so much work and I get bored because it’s not my passion.

What is/are your worst skill/s

[post_excerpt] => So I’ve been coding for 25 years. By far my worst skill is seo. I’ve never been able to get traffic to any of my personal websites. Like the most I ever got was 1000 in a day. But typical it’s 10 to 0. I don’t know why I struggle so much, I’ve read... [post_date_gmt] => 2019-06-25 13:45:03 [post_date] => 2019-06-25 13:45:03 [post_modified_gmt] => 2019-06-25 13:45:03 [post_modified] => 2019-06-25 13:45:03 [post_status] => publish [comment_status] => closed [ping_status] => closed [guid] => https://dev.to/dechamp/seo-is-my-worst-skill-what-s-yours-23dn [meta] => Array ( [enclosure] => Array ( [0] => ) [syndication_source] => DEV Community [syndication_source_uri] => https://dev.to [syndication_source_id] => https://dev.to/feed [syndication_feed] => https://dev.to/feed [syndication_feed_id] => 15 [syndication_permalink] => https://dev.to/dechamp/seo-is-my-worst-skill-what-s-yours-23dn [syndication_item_hash] => 7634e2f18826cddb2ab36a4331804faa ) [post_type] => post [post_author] => 4499 [tax_input] => Array ( [category] => Array ( [0] => 21 ) [post_tag] => Array ( ) [post_format] => Array ( ) ) )

Doing filter:faf_link_filter

So I’ve been coding for 25 years. By far my worst skill is seo. I’ve never been able to get traffic to any of my personal websites. Like the most I ever got was 1000 in a day. But typical it’s 10 to 0. I don’t know why I struggle so much, I’ve read...

So I’ve been coding for 25 years. By far my worst skill is seo.

I’ve never been able to get traffic to any of my personal websites. Like the most I ever got was 1000 in a day. But typical it’s 10 to 0.

I don’t know why I struggle so much, I’ve read up on it. Did the basics. But it so much work and I get bored because it’s not my passion.

What is/are your worst skill/s

Doing filter:faf_remove_html

Doing filter:faf_post_expirator

Decide filter: Returning post, everything seems orderly :Seo is my worst skill, what’s yours?

Array ( [post_title] => Seo is my worst skill, what’s yours? [post_content] =>

So I’ve been coding for 25 years. By far my worst skill is seo.

I’ve never been able to get traffic to any of my personal websites. Like the most I ever got was 1000 in a day. But typical it’s 10 to 0.

I don’t know why I struggle so much, I’ve read up on it. Did the basics. But it so much work and I get bored because it’s not my passion.

What is/are your worst skill/s

[post_excerpt] => So I’ve been coding for 25 years. By far my worst skill is seo. I’ve never been able to get traffic to any of my personal websites. Like the most I ever got was 1000 in a day. But typical it’s 10 to 0. I don’t know why I struggle so much, I’ve read... [post_date_gmt] => 2019-06-25 13:45:03 [post_date] => 2019-06-25 13:45:03 [post_modified_gmt] => 2019-06-25 13:45:03 [post_modified] => 2019-06-25 13:45:03 [post_status] => publish [comment_status] => closed [ping_status] => closed [guid] => https://dev.to/dechamp/seo-is-my-worst-skill-what-s-yours-23dn [meta] => Array ( [enclosure] => Array ( [0] => ) [syndication_source] => DEV Community [syndication_source_uri] => https://dev.to [syndication_source_id] => https://dev.to/feed [syndication_feed] => https://dev.to/feed [syndication_feed_id] => 15 [syndication_permalink] => https://dev.to/dechamp/seo-is-my-worst-skill-what-s-yours-23dn [syndication_item_hash] => 7634e2f18826cddb2ab36a4331804faa [_expiration-date] => 1561941181 [_expiration-date-options] => Array ( [expireType] => delete ) [_expiration-data-status] => saved [faf_process_expire_date] => 1561941181 ) [post_type] => post [post_author] => 4499 [tax_input] => Array ( [category] => Array ( [0] => 21 ) [post_tag] => Array ( ) [post_format] => Array ( ) ) [post_except] => So I’ve been coding for 25 years. By far my worst skill is seo. I’ve never been able to get traffic to any of my personal websites. Like the most I ever got was 1000 in a day. But typical it’s 10 to 0. I don’t know why I struggle so much, I’ve read... )

FAF deciding on filters on post to be syndicated:

Vue - Post-Intro Topics

Array ( [post_title] => Vue - Post-Intro Topics [post_content] =>

Intro

When Ali posted her complete beginners guide to Vue, I decided that was a good time to give it a try since it kept coming up and I was having a particularly frustrating day with React. Ever since I've been investing my time in Vue and absolutely loving it! In this post, I want to walk through some of the next steps and topics I found helpful to learn about after Ali's guide (other than the other great articles listed at the end of that post).

Topics

Single File Components

One of the things I love so much about Vue is the structure of single file components - files with the .vue file extension. The clear distinction between HTML, CSS, and JavaScript clicked really well for me.

<template>
  <div>
    This is where the CSS goes.
  </div>
</template>

<script>
// This is where the JS goes.
module.exports = {
  name: 'ComponentName'
}
</script>

<style scoped>
/* This is where the CSS goes.*/
</style>

Scoped Styles

You may have noticed that I didn't use a <style> tag, but rather a <style scoped> tag. The difference is that scoped styles only affect the component where they are applied and any children components! This helps keep the CSS in a single place without needing a lot of #id targeting or inline styles.

Vue Router

Vue Router was one of the more frustrating things when I was starting, but mostly because I was underestimating how powerful it was.

Router allows you to create a Single Page App without needing much work outside of your normal Vue workflow. You create a Layout component that includes a <router-view> component and a router.js file where you specify what views you would like to make available.

Where I failed to fully grasp the power of Router was when I thought I needed to create 2 layout pages and navigate between them so that I could nest the router element further in the page under some circumstances. However, the creators of Vue Router were way ahead of me and you can nest a <router-view> inside another <router-view>!

Vuex

As you start building bigger and cooler apps, you'll find it becomes harder and harder to keep track of the state of all of your components. Vuex allows you to create a "state bank" where you can keep all your important details that many components need to access.

Just make sure when you are declaring your store you include new Vuex.Store( in this line:

const store = new Vuex.Store({

Not that I would know from experience

Quick Tips

Some quick mentions that I'm not sure where else to put:

Learn from my struggle

As I usually do when I first become interested in something, I throw my whole being into that thing. So while getting ready in the morning, I started playing some Vue conference talks. One of them was this one by Evan You (the creator of Vue):

I was super excited that a new version of Vue was coming out, and all the benefits sounded amazing!

So when I headed into work that day, the first thing I did was run the below command, which returned 3.#.# - I already have version 3! Sweet!

$vue --version

But alas, this is the CLI version that is being returned, not the version of Vue in use (which can be found with the Vue dev tools).

Official Docs

There are separate doc sites for

Most of them have light touches on each other, but it's good to keep in mind that you might be on the doc-lite version of what you're looking for.

Tutorial 'Skipping'

In many Vue guides, I've noticed that they start with something like this:

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Which is great... except that I was working with a .vue file and this is for a .js file.

Often, if you skip to the next code block, it will either be in the single file component format or start reviewing how to transfer to single file component format.

Closing

Hopefully some of the things I've learned the hard way can act as pointers to help get you kick-started in Vue! I'm still learning plenty every day about Vue and the best ways to do things, but if you have questions I'd love to help or help point you to someone more knowledgeable!

Space Photo by Casey Horner on Unsplash

[post_excerpt] => Intro A Complete Beginner's Guide to Vue Ali Spittel ・ Mar 20 ・ 8 min read #beginners #javascript #vue #frontend When Ali posted her comple... [post_date_gmt] => 2019-06-25 12:24:46 [post_date] => 2019-06-25 12:24:46 [post_modified_gmt] => 2019-06-25 12:24:46 [post_modified] => 2019-06-25 12:24:46 [post_status] => publish [comment_status] => closed [ping_status] => closed [guid] => https://dev.to/tvanblargan/vue-post-intro-topics-316i [meta] => Array ( [enclosure] => Array ( [0] => ) [syndication_source] => DEV Community [syndication_source_uri] => https://dev.to [syndication_source_id] => https://dev.to/feed [syndication_feed] => https://dev.to/feed [syndication_feed_id] => 15 [syndication_permalink] => https://dev.to/tvanblargan/vue-post-intro-topics-316i [syndication_item_hash] => e4488923d1f5023e161c7ff10954774b ) [post_type] => post [post_author] => 6669 [tax_input] => Array ( [category] => Array ( [0] => 21 ) [post_tag] => Array ( ) [post_format] => Array ( ) ) )

Doing filter:faf_link_filter

Intro A Complete Beginner's Guide to Vue Ali Spittel ・ Mar 20 ・ 8 min read #beginners #javascript #vue #frontend When Ali posted her comple...

Intro

When Ali posted her complete beginners guide to Vue, I decided that was a good time to give it a try since it kept coming up and I was having a particularly frustrating day with React. Ever since I've been investing my time in Vue and absolutely loving it! In this post, I want to walk through some of the next steps and topics I found helpful to learn about after Ali's guide (other than the other great articles listed at the end of that post).

Topics

Single File Components

One of the things I love so much about Vue is the structure of single file components - files with the .vue file extension. The clear distinction between HTML, CSS, and JavaScript clicked really well for me.

<template>
  <div>
    This is where the CSS goes.
  </div>
</template>

<script>
// This is where the JS goes.
module.exports = {
  name: 'ComponentName'
}
</script>

<style scoped>
/* This is where the CSS goes.*/
</style>

Scoped Styles

You may have noticed that I didn't use a <style> tag, but rather a <style scoped> tag. The difference is that scoped styles only affect the component where they are applied and any children components! This helps keep the CSS in a single place without needing a lot of #id targeting or inline styles.

Vue Router

Vue Router was one of the more frustrating things when I was starting, but mostly because I was underestimating how powerful it was.

Router allows you to create a Single Page App without needing much work outside of your normal Vue workflow. You create a Layout component that includes a <router-view> component and a router.js file where you specify what views you would like to make available.

Where I failed to fully grasp the power of Router was when I thought I needed to create 2 layout pages and navigate between them so that I could nest the router element further in the page under some circumstances. However, the creators of Vue Router were way ahead of me and you can nest a <router-view> inside another <router-view>!

Vuex

As you start building bigger and cooler apps, you'll find it becomes harder and harder to keep track of the state of all of your components. Vuex allows you to create a "state bank" where you can keep all your important details that many components need to access.

Just make sure when you are declaring your store you include new Vuex.Store( in this line:

const store = new Vuex.Store({

Not that I would know from experience

Quick Tips

Some quick mentions that I'm not sure where else to put:

Learn from my struggle

As I usually do when I first become interested in something, I throw my whole being into that thing. So while getting ready in the morning, I started playing some Vue conference talks. One of them was this one by Evan You (the creator of Vue):

I was super excited that a new version of Vue was coming out, and all the benefits sounded amazing!

So when I headed into work that day, the first thing I did was run the below command, which returned 3.#.# - I already have version 3! Sweet!

$vue --version

But alas, this is the CLI version that is being returned, not the version of Vue in use (which can be found with the Vue dev tools).

Official Docs

There are separate doc sites for

Most of them have light touches on each other, but it's good to keep in mind that you might be on the doc-lite version of what you're looking for.

Tutorial 'Skipping'

In many Vue guides, I've noticed that they start with something like this:

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Which is great... except that I was working with a .vue file and this is for a .js file.

Often, if you skip to the next code block, it will either be in the single file component format or start reviewing how to transfer to single file component format.

Closing

Hopefully some of the things I've learned the hard way can act as pointers to help get you kick-started in Vue! I'm still learning plenty every day about Vue and the best ways to do things, but if you have questions I'd love to help or help point you to someone more knowledgeable!

Space Photo by Casey Horner on Unsplash

Doing filter:faf_remove_html

Doing filter:faf_post_expirator

Decide filter: Returning post, everything seems orderly :Vue - Post-Intro Topics

Array ( [post_title] => Vue - Post-Intro Topics [post_content] => Intro

A Complete Beginner's Guide to Vue Ali Spittel ・ Mar 20 ・ 8 min read
#beginners #javascript #vue #frontend

When Ali posted her complete beginners guide to Vue, I decided that was a good time to give it a try since it kept coming up and I was having a particularly frustrating day with React. Ever since I've been investing my time in Vue and absolutely loving it! In this post, I want to walk through some of the next steps and topics I found helpful to learn about after Ali's guide (other than the other great articles listed at the end of that post).

Topics Single File Components

One of the things I love so much about Vue is the structure of single file components - files with the .vue file extension. The clear distinction between HTML, CSS, and JavaScript clicked really well for me.

<template>
  <div>
    This is where the CSS goes.
  </div>
</template>

<script>
// This is where the JS goes.
module.exports = {
  name: 'ComponentName'
}
</script>

<style scoped>
/* This is where the CSS goes.*/
</style>
Scoped Styles

You may have noticed that I didn't use a <style> tag, but rather a <style scoped> tag. The difference is that scoped styles only affect the component where they are applied and any children components! This helps keep the CSS in a single place without needing a lot of #id targeting or inline styles.

Vue Router

Vue Router was one of the more frustrating things when I was starting, but mostly because I was underestimating how powerful it was.

Router allows you to create a Single Page App without needing much work outside of your normal Vue workflow. You create a Layout component that includes a <router-view> component and a router.js file where you specify what views you would like to make available.

Where I failed to fully grasp the power of Router was when I thought I needed to create 2 layout pages and navigate between them so that I could nest the router element further in the page under some circumstances. However, the creators of Vue Router were way ahead of me and you can nest a <router-view> inside another <router-view>!

Vuex

As you start building bigger and cooler apps, you'll find it becomes harder and harder to keep track of the state of all of your components. Vuex allows you to create a "state bank" where you can keep all your important details that many components need to access.

Just make sure when you are declaring your store you include new Vuex.Store( in this line:

const store = new Vuex.Store({

Not that I would know from experience

Tyler VanBlargan
@pichuplayer
I'll kick off the 'it was right in front of me the whole time' posts: I spent a couple hours trying to setup Vuex for the first time a couple of weeks ago, and eventually realized that I didn't have `new Vuex(` in my variable declaration 🙃#devdiscuss
01:08 AM - 05 Jun 2019
1 8
Quick Tips

Some quick mentions that I'm not sure where else to put:

Learn from my struggle

As I usually do when I first become interested in something, I throw my whole being into that thing. So while getting ready in the morning, I started playing some Vue conference talks. One of them was this one by Evan You (the creator of Vue):

I was super excited that a new version of Vue was coming out, and all the benefits sounded amazing!

So when I headed into work that day, the first thing I did was run the below command, which returned 3.#.# - I already have version 3! Sweet!

$vue --version

But alas, this is the CLI version that is being returned, not the version of Vue in use (which can be found with the Vue dev tools).

Official Docs

There are separate doc sites for

Vue.js Vuex VueCLI Vue-Router

Most of them have light touches on each other, but it's good to keep in mind that you might be on the doc-lite version of what you're looking for.

Tutorial 'Skipping'

In many Vue guides, I've noticed that they start with something like this:

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Which is great... except that I was working with a .vue file and this is for a .js file.

Often, if you skip to the next code block, it will either be in the single file component format or start reviewing how to transfer to single file component format.

Closing

Hopefully some of the things I've learned the hard way can act as pointers to help get you kick-started in Vue! I'm still learning plenty every day about Vue and the best ways to do things, but if you have questions I'd love to help or help point you to someone more knowledgeable!

Space Photo by Casey Horner on Unsplash

[post_excerpt] => Intro A Complete Beginner's Guide to Vue Ali Spittel ・ Mar 20 ・ 8 min read #beginners #javascript #vue #frontend When Ali posted her comple... [post_date_gmt] => 2019-06-25 12:24:46 [post_date] => 2019-06-25 12:24:46 [post_modified_gmt] => 2019-06-25 12:24:46 [post_modified] => 2019-06-25 12:24:46 [post_status] => publish [comment_status] => closed [ping_status] => closed [guid] => https://dev.to/tvanblargan/vue-post-intro-topics-316i [meta] => Array ( [enclosure] => Array ( [0] => ) [syndication_source] => DEV Community [syndication_source_uri] => https://dev.to [syndication_source_id] => https://dev.to/feed [syndication_feed] => https://dev.to/feed [syndication_feed_id] => 15 [syndication_permalink] => https://dev.to/tvanblargan/vue-post-intro-topics-316i [syndication_item_hash] => e4488923d1f5023e161c7ff10954774b [_expiration-date] => 1561941181 [_expiration-date-options] => Array ( [expireType] => delete ) [_expiration-data-status] => saved [faf_process_expire_date] => 1561941181 ) [post_type] => post [post_author] => 6669 [tax_input] => Array ( [category] => Array ( [0] => 21 ) [post_tag] => Array ( ) [post_format] => Array ( ) ) [post_except] => Intro A Complete Beginner's Guide to Vue Ali Spittel ・ Mar 20 ・ 8 min read #beginners #javascript #vue #frontend When Ali posted her comple... )

FAF deciding on filters on post to be syndicated:

Spam Detection APIs

Array ( [post_title] => Spam Detection APIs [post_content] =>

I was trying to research the landscape of these the other day — And by research, I mean light Googling and asking on Twitter. Weirdly, very little comes to mind when thinking about spam detection APIs. I mean some kind of URL endpoint, paid or not, where you can hit it with a block of text and whatever metadata it wants and it'll tell you if it's spam or not. Seems like something an absolute buttload of the internet could use and something companies of any size could monetize or offer free to show off their smart computer machines.

Akismet is the big kid on the block.

You might think of Akismet as a WordPress thing, and it is. It's an Automattic product and is perhaps primarily used as a WordPress plugin. I run that here on CSS-Tricks and it's blocked 1,989,326 so far.

It also has a generic API. There are libraries for Dart, JavaScript, PHP, Python, Ruby, Go, etc, as well as plugins for other CMSs. So if you use a different CMS or have your custom app, you can still use Akismet for spam detection.

After you get an API key, you can POST to a URL endpoint with all the data it needs and it'll respond true if it's spam or false if it's not.

To get better results over time, you can also submit content telling it if it's spam or ham (ham is the opposite of spam... good content).

Plino

Several folks mentioned Plino to me.

There is a lot to like here, like the fact that it's free and returns a JSON response like you might be used to in development. There is the fancy buzzword "Machine Learning" being used here, too. It makes me think that with lots of people using this, it'll get smarter and smarter as it goes. But there is no way to submit ham/spam, so I'm not sure that's really the case.

There is other stuff that makes me nervous. It's clearly on Heroku which is kinda expensive at scale, and so with no pricing model it seems like it could go away anytime. Sorta feels like a fun-but-abandoned side project. Last commit was two years ago, as I write.

OOPSpam

OOPSpam looks super similar to Plino, but has a pricing model, which is nice. They publish their latency, which is over two seconds. I haven't compared that to the others so I have no idea if they are all that slow. Two seconds seems like a lot for an API call to me, but maybe it's not that big of a deal since it's an async submit?

CleanTalk

CleanTalk has a clear pricing structure and appears to have plenty of customers, which is a plus to me. The website looks a little janky though, which makes me worry a little.

(Sorry if that's a little rude, but it's just mental math to me. Good design is one of the least expensive investments a company can make to increase trust, so companies that overlook it make me wonder.)

It looks like they have a variety of anti-spam solutions though, which is interesting. For example, you can ask an API to see if an IP, email, or domain is on a blacklist, which is a pretty raw way of blocking bad stuff, but useful for stuff like protecting against spam registrations (rather than just checking blocks of text). They also have a firewall solution, which is interesting for folks trying to block spam before it even touches their servers.

Email options...

There are a couple out there that seem rather specific to testing emails. As in, testing your own emails before you send them to make sure they aren't considered spam by email services. Here are a couple I cam across while looking around:

The post Spam Detection APIs appeared first on CSS-Tricks.

[post_excerpt] =>

I was trying to research the landscape of these the other day — And by research, I mean light Googling and asking on Twitter. Weirdly, very little comes to mind when thinking about spam detection APIs. I mean some kind of URL endpoint, paid or not, where you can hit it with a block of text and whatever metadata it wants and it'll tell you if it's spam or not. Seems like something an absolute buttload of the … Read article

The post Spam Detection APIs appeared first on CSS-Tricks.

[post_date_gmt] => 2019-06-25 14:06:38 [post_date] => 2019-06-25 14:06:38 [post_modified_gmt] => 2019-06-25 14:06:38 [post_modified] => 2019-06-25 14:06:38 [post_status] => publish [comment_status] => closed [ping_status] => closed [guid] => https://css-tricks.com/?p=291785 [meta] => Array ( [enclosure] => Array ( [0] => ) [syndication_source] => CSS-Tricks [syndication_source_uri] => https://css-tricks.com [syndication_source_id] => http://feeds.feedburner.com/CssTricks [rss:comments] => https://css-tricks.com/spam-detection-apis/#comments [wfw:commentRSS] => https://css-tricks.com/spam-detection-apis/feed/ [syndication_feed] => http://feeds.feedburner.com/CssTricks [syndication_feed_id] => 14 [syndication_permalink] => https://css-tricks.com/spam-detection-apis/ [syndication_item_hash] => 06d3e61516a5446d2939a981c53a150d ) [post_type] => post [post_author] => 4 [tax_input] => Array ( [category] => Array ( [0] => 2929 [1] => 21 ) [post_tag] => Array ( ) [post_format] => Array ( ) ) )

Doing filter:faf_link_filter

I was trying to research the landscape of these the other day — And by research, I mean light Googling and asking on Twitter. Weirdly, very little comes to mind when thinking about spam detection APIs. I mean some kind of URL endpoint, paid or not, where you can hit it with a block of text and whatever metadata it wants and it'll tell you if it's spam or not. Seems like something an absolute buttload of the … Read article

The post Spam Detection APIs appeared first on CSS-Tricks.