teleren/devto huggingface dataset:
Why my website doesn't display properly on iPhone 5s? What can I check in order to fix this issue?
Tags: iphone5s, html, css, beginners
Published: 2019-01-31 17:35:53

---
title: Why my website doesn't display properly on iPhone 5s? What can I check in order to fix this issue?
published: true
description: 
tags: #iphone5s #html #css #beginners
---

Hello, fellow devs!

So, the last month I've been building a site for my uncle. This is the first big project I've ever worked on.

I've been using mainly flexbox since it is now almost fully supported.

I sent it to some friends of mine to check it in their iPhones(on all browsers), and unfortunately, the site didn't display properly at all!

It shows only the header and the hero section right after the header, and it needs to scroll a lot to see the hero section's content.

I tried several things to fix it and unfortunately "spent" some free trials on browser-testing sites with no result :(

I also used the online [Autoprefixer](https://autoprefixer.github.io/) (which is an awesome tool, btw), but there was still no difference.

I really don't know how to proceed and what to change in order to fix the problem. 

The site on code pen: {% codepen https://codepen.io/FoteiniK/pen/rorpBg %}

If you have any idea, please share your thoughts! 

Thank you
React Native VS Ionic
Tags: reactnative, ionic, angular, jsx
Published: 2019-01-31 16:46:17

---
title: React Native VS Ionic
published: true
description: 
tags: react native,ionic, angular, jsx
---

What's the best React Native or Ionic? put below your opinion 



![React Native VS Ionic](https://thepracticaldev.s3.amazonaws.com/i/xhbokfhazht2rm2gthdl.png "React Native VS Ionic") 


13! :]
Medcare MSO
Tags: medicalbilling, laboratorybilling, arservices
Published: 2019-01-31 15:53:54

---
title: Medcare MSO
published: true
description: Medcare MSO is a trusted name in medical billing services because we believe in providing extraordinary solutions that go above and beyond standard practices. We provide customized insurance & patient billing services, healthcare recovery assistance, and practice management solutions to organizations of all types and sizes. Our innovative medical software is engineered to simplify all aspects of practice management and patient engagement and is currently being utilized in over 80,000 healthcare facilities nationwide.

Contact Information:

Address: 150 Washington Avenue Suite #201, Santa Fe New Mexico 87501
Phone: 800-640-6409
Fax: 800 351 4601
Email: jcollins4@gmail.com
For Info: info@medcaremso.com
For Sale: sales@medcaremso.com

Website: https://medcaremso.com/

tags: medical billing, laboratory billing, Ar services
---
Search through a JSON object using JavaScript
Tags: javascript, deepsearch
Published: 2019-01-31 15:50:27

---
title: Search through a JSON object using JavaScript
published: true
description: My 1st publish    
tags: JavaScript, DeepSearch
cover_image : https://thepracticaldev.s3.amazonaws.com/i/bpx7dogy9lo9ln2gtpgd.jpg
---

As my opening contribution, i leave here a method i developed to search inside a JSON object for a specific value (could be or not the name of the object property).



https://gist.github.com/killants/569c4af5f2983e340512916e15a48ac0




I'll be happy if at least one person finds it usefull.

Feel free to edit and improve it! Any feedback is welcome!
Day 31: Swift macOS password manager for people who hate the cloud
Tags: macos, swift, passwordmanager, cloud
Published: 2019-01-31 14:41:39

---
title: Day 31: Swift macOS password manager for people who hate the cloud
published: true
description: Follow along as I make a 100% cloudless and 100% swift password manager for macOS. That's 200% raw password managing power.
tags: macos, swift, password manager, cloud
series: Making a swift MacOS password manager for people who hate the cloud
cover_image: https://thepracticaldev.s3.amazonaws.com/i/91qogyoaw456qlkp069h.png
---

[<- For Day 30 go here](https://dev.to/swlkr/day-30-swift-macos-password-manager-for-people-who-hate-the-cloud-56ab)

📅 01/31/2019
🚀 [LAUNCH](https://www.producthunt.com/posts/all-your-passwords)
🔥 30 day streak
💰 $5.00 price
🤑 $0 revenue
📈 0 sales
📉 [78 upvotes](https://www.producthunt.com/posts/all-your-passwords)
⌚️ 57 hours spent
😭 1 Rewrite
🛬 [1 Lander](https://allyourpasswords.com) with [Source](https://github.com/swlkr/allyourpasswords-lander)
💻 114 files changed, 250127 insertions(+), 559 deletions(-)
🏁 Today's goal: **~~Launch on product hunt~~**

**7:33 AM**
Didn't want to stay up until 1 AM for this thing, so 

### 👉 [I just launched it just now go check it out!](https://www.producthunt.com/posts/all-your-passwords) 👈

I was initially very confused about what [previewhunt](https://previewhunt.com) was telling me were my crop options for the gallery and what they actually turned out to be. So I was just kind of sitting there for 10 minutes trying to figure out if the pictures would look weird or not. Obviously 10 minutes wasted. It's not open source yet, you know what… it is open source

👉 [swlkr/allyourpasswords](https://github.com/swlkr/allyourpasswords) 👈

It feels good to release something even though it might not get any upvotes. That part is out of my control. I've done everything in my power and I feel like since I actually launched something within the time I said I would after all of these years of non-ships and perfection seeking. That's priceless kids.

Keep on shipping ⛴
Rails! Here I come (Day #4)
Tags: beginners, rails, writing
Published: 2019-01-31 14:32:37

---
title: Rails! Here I come (Day #4)
published: true
description: I ventured into user registration and authentication today, and hit my first major roadblock. Along with it a new perspective.
tags: beginner, rails, writing
---

As planned, I set out to create a user login and registration page for my blog today. These would require authentication at various stages, and I intended to build it from scratch, without the use of any gem. Although, in hindsight, it would not have made much of a difference whether I used a gem or not, because, either way, I would have struggled to really internalize and understand the concept of registration, user authentication and sessions. 

Today's post, therefore, will be more about the process, my struggle rather than the actual code itself, because truly speaking even though, I was able to get the authentication working, I have not understood how it was implemented, and therefore, it makes no sense to talk about the actual code. 

*The day started great* though after my achievements(if I can call it that) from yesterday. I created the user page and a registration page and started working in a different git branch. I followed the process that had enabled me to create posts and store it in the database. Following that very process, I was able to register a user into my database, and it was then I realized - I had no idea how I was going to code the authentication bit. I looked around for tutorials and found one that would help me get through the process of creating the registration and login page from scratch. "I will really try and understand the code", I thought. But alas! It was not to be. I was not able to internalize and understand what was happening. There were moments where I did feel I had gotten a grasp of the concept, but then again I was not sure enough. I, therefore, have decided to have another go at it tomorrow. I really need to read between the lines and understand what is happening. Furthermore, I also felt I have been having a go at Rails without having any Ruby knowledge whatsoever. So, I have decided to also go and look at Ruby. Whilst, I will go ahead with my app and build it, I will also take the time to learn Ruby basics. This I believe will help me connect the dots.

If you have any advice for this Ruby on Rails newbie then I am all ears. Thank you
Can a Binary Search Guessing Game Predict if You can Code?
Tags: programming, coding
Published: 2019-01-31 13:57:35

---
title: Can a Binary Search Guessing Game Predict if You can Code?
published: true
description: 
tags: programming, coding
---

I've created a site with a [binary search guessing game here](http://canyoucode.net/cyc/).  In the interest of self-disclosure I'm trying to drive up page impressions with the hope of being accepted by an ad program so I can maybe monetize the site.

Though it's ugly right now [one of my github followers](https://github.com/TheHighPriestess) and a friend IRL, has given me permission to re-work the UI similar to a [guessing game she developed](http://elizabethhatleli.com/guessing-game/).  I'm also considering adding [a page similar to this](https://www.buzzfeed.com/kellyoakes/do-you-even-code) as a start toward (much?) more content.

I appreciate it if you think this might be worthwhile.  Also let me know if you want to get involved, possibly even by submitting a pull request to [the git repository](https://github.com/dexygen/canyoucode.net).  

And then of course if the site does start earning money, that would be shared between myself and among pull requesters.  Thanks for indulging me this post.
Updated my bootstrap input fields with 3 lines of CSS and the visual impact is amazing
Tags: webdev, css, showdev
Published: 2019-01-31 12:50:14

---
title: Updated my bootstrap input fields with 3 lines of CSS and the visual impact is amazing
published: true
description: making bootstrap forms look a little nicer
tags: webdev, css, showdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/88cm0nkzjg6lgvwjtxca.jpg
---

If you don't follow [Steve Schroger](https://www.youtube.com/channel/UCxqiDtkXtOCNJdckODHk9YA) everywhere he goes (not literally - don't be weird) - then you're missing out. 

Was watching one of his recent videos about refactoring the "Bad about" UI on youtube last night over dinner (yes I'm sad), and one of the things he mentioned is about form inputs - and how they're better with a grey background and no borders. So, I tried it out on my side project [mydevportfol.io](https://mydevportfol.io?r=devto)

Here's the code
```css
border: 0;
background: #f1f1f1;
box-shadow: none;
```

And that gives you the form on the right below. The black form on the left is from before I started updating this element. 
![before and after of form inputs](https://thepracticaldev.s3.amazonaws.com/i/88cm0nkzjg6lgvwjtxca.jpg)

I think it's quite a nice update - feels way fresher and easier on the eyes. As part of this change I obviously also updated the background of the containing element and the colour of the labels, but you don't need that code... 

Anyways, just wanted to share - such an easy change for a real visual impact. 

Check it out in action on my side project [mydevportfol.io](https://mydevportfol.io?r=devto)

Also don't forget to check [Steve](https://www.youtube.com/channel/UCxqiDtkXtOCNJdckODHk9YA) out, his videos are always great
Rails Isn’t Dead, Not Even Close. 6 Rails Advantages Keeping It Alive
Tags: rails, webdev, beginners, ruby
Published: 2019-01-31 18:49:33

---
title: Rails Isn’t Dead, Not Even Close. 6 Rails Advantages Keeping It Alive
published: true
tags: ruby on rails, rails, webdev, beginners, ruby 
canonical_url: https://snipcart.com/blog/rails-advantages
---

![Rails Isn’t Dead, Not Even Close. 6 Rails Advantages Keeping It Alive](https://snipcart.com/media/204028/rails-three-pillars.png)

Something from the post stuck with me all week: 

> ‘**Is ruby on rails**’ is one of my favorite things to type into Google because the search engine automatically suggests, ‘dead.’

I thought my colleague Max, the author, was being facetious to make a point. Ruby on Rails is a well-established framework with a thriving community. Plus Rails’ advantages provide efficient, practical, and time-saving solutions to building sites of any kind—not just e-commerce. So I found it hard to believe that the first assumption Google would make from “Is Ruby on Rails...,” would be “dead.”

Low and behold, it was no exaggeration. In fact, Google jumped straight there after typing “Is Ruby.”

  

→ Read the full post [here](https://snipcart.com/blog/rails-advantages)
Weird JS Challenge - Build this API
Tags: javascript
Published: 2019-01-31 08:41:07

---
title: Weird JS Challenge - Build this API
published: true
description: 
tags: JavaScript
---

TIL about a JavaScript feature I'd never seen before. I've used it to create the (super basic) calculator API shown below. 

The challenge, should you choose to accept it, is to recreate this (or a similar API) yourself. If you're anything like me, you'll learn a bunch!

```javascript
// Using the calculator!

calculator.one.plus.two.plus.three.equals
=> 6

calculator.two.plus.four.plus.seven.plus.eight.equals
=> 21
```

Hint: The solution is not to just use a single object with heaps of very deeply nested properties 😛
10 Underused Laravel Blade Directives
Tags: laravel, php, developer, webdev
Published: 2019-01-31 07:33:54

Laravel Blade is the template engine that's built into the framework. It makes working with HTML a breeze. I have been working with Laravel for more than a year, but never realized some of Blade's features. I want to share with you 10 underused blade directives that will clean up your code and save some time in the process. Let's get going.

> Check out [LaravelCollections.com](https://laravelcollections.com/?utm_campaign=10-blade-tips-article) - an ever growing collection of great Laravel resources

### @forelse
![10 Underused Laravel Blade Directives - @foreach](https://i.imgur.com/EnIGQTx.png)

### @each
![10 Underused Laravel Blade Directives - @each](https://i.imgur.com/747wvFH.png)

### @json
![10 Underused Laravel Blade Directives - @json](https://i.imgur.com/o1QwwKX.png)

### @verbatim
![10 Underused Laravel Blade Directives - @verbatim](https://i.imgur.com/ca84R17.png)

### @isset & @ empty
![10 Underused Laravel Blade Directives - @isset & @ empty](https://i.imgur.com/EG3SON5.png)

### @php
![10 Underused Laravel Blade Directives - @php](https://i.imgur.com/FXlxbkt.png)

### @push & @stack
![10 Underused Laravel Blade Directives - @push & @stack](https://i.imgur.com/gESB6an.png)

### @inject
![10 Underused Laravel Blade Directives - @inject](https://i.imgur.com/0VHDm8J.png)

### @includeWhen
![10 Underused Laravel Blade Directives - @includeWhen](https://i.imgur.com/1Ll254J.png)

### @hasSection
![10 Underused Laravel Blade Directives - @hasSection](https://i.imgur.com/hiY6si8.png)

### Conclusion
I hope these tips help you write better Blade views. If you have a tip do, share with us. I have linked to a few resources, which will help you take you Laravel skill to the next level.

 1. [LaravelCollections.com](https://laravelcollections.com/?utm_campaign=10-blade-tips-article)
 2. [Laravel Blade Documentation](https://laravel.com/docs/5.7/blade)
 3. [Scotch.io tutorial](https://scotch.io/tutorials/all-about-writing-custom-blade-directives)
 4. [Custom Blade directives package](https://github.com/appstract/laravel-blade-directives)

Thanks for reading, share this article with people who might be interested.
**This has been Adi - [Simplest Web](https://simplestweb.in/?utm_campaign=10-blade-tips-article)**
fullPage.js–Get started in Dart
Tags: dart, javascript, webdev, beginners
Published: 2019-01-31 06:48:38

In today's tutorial we will learn how to use the fullPage.js presentation library in a Dart web project. We will be using the **js** package by the Dart team to achieve this.

## Setup

Install [**stagehand**](https://pub.dartlang.org/packages/stagehand) and generate a web project:

```bash
$ pub global activate stagehand
$ mkdir my_project && cd my_project
$ stagehand web-simple
```
Amend the `dependencies` section of the **pubspec.yaml** file:

```yaml
dependencies:
  js: ^0.6.0
```
And update your dependencies:

```bash
$ pub get
```

Here's the full video tutorial once you've followed the setup procedure:

{% youtube qwpAEcSl43o %}

→ [**Watch on YouTube**](https://youtu.be/qwpAEcSl43o)
→ [**Get the source code**](https://github.com/graphicbeacon/js-dart-interop-samples/tree/master/fullpage)

---

## Conclusion

I hope this was insightful and you learned something new today.

**Subscribe to [my YouTube channel](https://www.youtube.com/channel/UCHSRZk4k6e-hqIXBBM4b2iA?view_as=subscriber) to learn full-stack web development with Dart**. 

**Like, share and [follow me](https://twitter.com/creativ_bracket)** 😍 for more content on Dart.

## Further reading

1. [js package](https://pub.dartlang.org/packages/js)
2. [How to Use JavaScript libraries in your Dart applications](https://dev.to/graphicbeacon/how-to-use-javascript-libraries-in-your-dart-applications--4mc6)
3. [**fullPage.js library**](https://alvarotrigo.com/fullPage/)
Need your oppinion
Tags: python, datascience
Published: 2019-01-31 06:21:14

---
title: Need your oppinion
published: true
description: public opinion polling
tags: Python, Data Science
---
![Oppinion](https://thepracticaldev.s3.amazonaws.com/i/4ivyn9oxc70b6if4rr1z.png)


##Greetings like-minded people!:)
I really need your opinion. I think I need to divide my blogs here and https://www.quora.com/profile/Tina-Ward-91/all_posts into two parts. One of them will be about pure Data Science and another about applied tools of Python for DS. I really need your oppinion. Thanks!

PS: You also can read article here https://wardtina.quora.com/How-to-Create-Unique-Image-of-Gambling-Topic-Using-Python
Rails, Turbolinks, and Webpacker
Tags: rails, turbolinks, webpack
Published: 2019-01-31 15:44:19

---
title: Rails, Turbolinks, and Webpacker
published: true
tags: [rails, turbolinks, webpack]
canonical_url: https://github.com/turbolinks/turbolinks#following-redirects
---

Even if you want to push rails-ujs and turbolinks to webpacker, you probably still want to keep the turbolinks gem around. Otherwise, you must set the Turbolinks-Location on your own in your controllers.

See [Following Redirects](https://github.com/turbolinks/turbolinks#following-redirects)
Tableau: Normalising Dates for time series alignment 
Tags: tableau, lod
Published: 2019-01-31 04:37:49

---
title: Tableau: Normalising Dates for time series alignment 
published: true
description: 
tags: #tableau #lod
---

This is an attempt to document learnings as regularly as possible.

Today, I'd like to discuss Normalising Dates to align your time series graph.

The example for today is a list of Companies since the 1960s till the present day with their adjusted closing price. 

**Default View** 

![alt text for accessibility](http://thepracticaldev.s3.amazonaws.com/i/d6b9j8xfgdwu8pw8tf1d.png)When you drag Date(year) to columns, Adjusted closing price to rows and company in the detail shelf, tableau and select the time series graph you'd have a graph that look's like the screenshot above.Now, if you want to create a graph that aligns all the companies start date to the same date below are the steps.

**Normalized View**

![alt text for accessibility](http://thepracticaldev.s3.amazonaws.com/i/0915zcy4rluc0d9jurez.png)
    a. Find the min. Date for each company using LOD.
       **_formula_** : {FIXED [Company] : min(Date-Year)}
    b. Find the min. Date for entire data set using LOD.
       **_formula_** : {min(Date-Year)}
    c. Find the difference of year b/w step a. and b. 
       Let's call this _Diff. Years_
    d. Use 'Diff. Years' from Step c to adjust Company dates.
       **_formula_** : [Date-Year] - Diff. Years
       Let's call this _Normalised Dates_
    e. Drag Normalised Dates to Columns, Adjusted Closing Price to rows and Company to detail shelf.

Do let me know your thoughts/questions/suggestions. I'd be happy to listen to them.
How to Use Live Preview
Tags: expressionengine, eecms
Published: 2021-02-22 16:08:49

---
title: How to Use Live Preview
published: true
date: 2019-01-31 04:36:00 UTC
tags: ExpressionEngine,eecms
canonical_url: https://u.expressionengine.com/article/how-to-use-live-preview
cover_image: https://u.expressionengine.com/asset/article-images/live-preview_2.jpg
  
---

Starting in ExpressionEngine 4.1 you can give content editors, clients, and yourself a way to preview content in the context of the appropriate front end template, in real time.

It’s quite simple to setup. To get started you’ll need the following;

- A Channel (new or existing).
- A template that displays the content of the above Channel.
- Some content for previewing.

## Step 1

Make sure you have a template that displays the content from your Channel on the front end. A basic template would be something like;

```
{exp:channel:entries channel='blog' limit='1' require_entry='yes'}
    <h1>How to use <i>Live Preview in ExpressionEngine</i></h1>
    <p>September 2018, by {author}</p>
    {blog_content}
{/exp:channel:entries}

```

The template doesn’t require anything special to be used as a Live Preview template, it just needs to be able to show the Channel’s data.

## Step 2

Setting up your Channel to use Live Preview. Within the Channel Manager click the name of the Channel you wish to edit, then click the Settings tab and under “URL and Path Settings” find the field “Preview URL”. Enter the Path or Route to the Template you want to use for Live Preview.

![](https://u.expressionengine.com/asset/article-images/preview-url.png)

## Step 3

Create or Edit an entry within the Channel we just set up. At the top and bottom of the Publish form you’ll see a new blue button called “Preview”. Click it!

Now you’ll find your self in Live Preview. Any edits you make to the Publish form will be reflected in real time in the Live Preview pane on the right, or above the form if Previewing from a mobile device.

![](https://u.expressionengine.com/asset/article-images/live-preview.png)

No more guessing or tab/context switching. Just editing and previewing.

## Step 4

Save time, and delight your clients!

 -- 

Originally published by [James Mathias](https://u.expressionengine.com/author/james-mathias)] at [u.expressionengine.com](https://u.expressionengine.com/article/how-to-use-live-preview)
How to Use Open Source Software: Features, Main Software Types, and Selection Advice
Tags: all
Published: 2019-01-31 03:40:46

---
title: How to Use Open Source Software: Features, Main Software Types, and Selection Advice

published: True
description: Openource Software
tags: All 
---

https://hackernoon.com/how-to-use-open-source-software-features-main-software-types-and-selection-advice-80fbdb0d0f60
Typeracer-cli
Tags: typescript, cli
Published: 2019-01-31 03:21:59

---
title: Typeracer-cli
published: true
description: Practice touch typing and compete with your friends all from the comfort of your shell and become a typing ninja :boom:.
tags: Typescript, cli
---
![Preview](https://raw.githubusercontent.com/p-society/artwork/master/gifs/typeracer.gif)

> Practice touch typing and compete with your friends all from the comfort of your shell and become a typing ninja :boom:.

## Installation

run `npm i --global typeracer-cli` from your command line

## Features

- Practice mode (offline mode)
- User stats (words per minute, time taken)
- Online mode (have a type-race by spawning up a server and sharing it with your friends)
- Ask for a rematch after the race ends (online mode)
- Can view the top 10 Highscores in online mode

## Usage

run `typerace` or `typerace -h` to its usage

**Output**

```
Usage: typerace [options] [command]

  Options:

    -h, --help          output usage information

  Commands:

    practice|p          Start typeracer
    online|o [options]  Start game in online mode
```


For more check it out on [Github](https://github.com/p-society/typeracer-cli)