sayyidisal

import React from "react";
import {
    Text,
    View,
    Item,
    Icon,
    Input,
    Button
} from 'native-base';
import { KeyboardAvoidingView } from "react-native";

sayyidisal

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import java.util.*;

public class JsonHelper {
    public static Object toJSON(Object object) throws JSONException {
        if (object instanceof Map) {
            JSONObject json = new JSONObject();

sayyidisal

GENERATORS:

• Text Content Generator - http://www.lipsum.com
• Favicon Generator - http://tools.dynamicdrive.com/favicon
• Data Generator - https://mockaroo.com/
• Mobile Mockup Generator - https://mockuphone.com
• Logo Generator - https://www.logaster.com
• UUID Generator - https://www.uuidgenerator.net/
• Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
• Ultimate Code Generator - https://webcode.tools/

sayyidisal

Day 21 - Interactive Dribbble Invite Modal

This week I decided to create Paul Flavius Nechita's Day 21 UI, which is a Dribbble Invite Modal.

A Pen by Andy Tran on CodePen.

License.

sayyidisal

Twitter Card UI

A twitter profile card to embed in websites i guess, is following the idea of my twitter client UI http://codepen.io/marceloag/pen/fDmtq

A Pen by Marcelo Aguila on CodePen.

License.

sayyidisal

Pure CSS Horizontal Accordion

Inspired by Ch3mical.com.

I saw this accordion at Paul Kelley's website. He had used jQuery and images to achieve the effect. I decided to take a CSS3 approach and use elements instead of images. I have use Genericons font for the social networking icons.

A Pen by Ren Aysha on CodePen.

License.

sayyidisal

<a href="#0" class="c-link c-link--facebook c-tooltip" aria-label="Facebook">
    <svg class="c-icon"><use xlink:href="#icon--facebook"></use></svg>
</a>

<a href="#0" class="c-link c-link--twitter c-tooltip" aria-label="Twitter">
    <svg class="c-icon"><use xlink:href="#icon--twitter"></use></svg>
</a>

<a href="#0" class="c-link c-link--google c-tooltip" aria-label="Google+">
    <svg class="c-icon"><use xlink:href="#icon--google"></use></svg>

sayyidisal

Floating social icon buttons | CSS Only

A Pen by Håvard Brynjulfsen on CodePen.

License.

sayyidisal

Flashing Twitter Author Card

A Pen by David East on CodePen.

License.

sayyidisal

<div class="container">
  <div class="button">Share</div>
  <div class="social twitter"><a href="https://twitter.com/sa_sha26" target="_blank"><i class="fa fa-twitter"></i></a></div>
  <div class="social facebook"><i class="fa fa-facebook"></i></div>
  <div class=" social google"><i class="fa fa-google-plus"></i></div>
  <div class="social youtube"><a href="https://www.youtube.com/channel/UCCATAa8MWoBuH-sR_Jlx29A" target="_blank"><i class="fa fa-youtube"></i></a></div>
</div>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>