New question

Question:

Date: 22-11-2015 06:26:37 (In Spanish)

[Sugerencia] Dispositivos móviles[Resolved]

Hola,
Hoy vengo a sugerirle a nuestro querido Fernando.
Una adaptación móvil de la comunidad ya que últimamente he estado usando mucho el teléfono y si es incomodo visualizar la página y no creo que sea el único que lo haga.
No tiene que ser adopción CSS, podría diseñarse uno en un subdominio como facebook.
Salu2 de su amigo ElCapa8
Tags: Bootstrap - CSS - HTML - HTML5 - Mobile - Opinion - Responsive - Responsive Web Design - Suggestion - The Community - Web Votes: 2 - Answers: 26 - Views: 13 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 22-11-2015 10:15:18 Bootstrap Fer! Es muy sencillo   Votes: 1 - Link answer
     
  • Date: 23-11-2015 10:48:27 Boostrap, ya te lo hace todo jeje

    hay una estadística que dice que el 70% de los usuarios entran desde sus dispositivos móviles a la web, solo para mencionar un dato.

    Slds
      Votes: 0 - Link answer
     
  • Date: 24-11-2015 05:52:50 Si, yo también considero que se necesita un diseño responsive, pero actualmente le estoy dando prioridad a las funciones y traducciones que estan faltando.

    Si gustan podrían proponer CSS para la maqueta actual y yo lo cargo antes de cerrar la etiqueta "header".

    Deberían ser dos CSS, uno con las generalidades "responsive.css" y otro con la sección "preguntas_responsive.css", por ejemplo para empezar, luego se podría realizar "inicio_responsive.css", "login_responsive.css", etc.

    El diseño se debe ajustar tanto a resoluciones pequeñas como grandes (definamos cuales).

    No se deben modificar los colores, tipo de letra, capitalización, etc. del diseño actual.

    Quedo al aguardo de sus comentario, muchas gracias
      Votes: 0 - Link answer
     
  • Date: 24-11-2015 07:05:05 Ps por ahora la resolución a enfocarnos es a 766px que es la estandar a dispositivos moviles.
    ya que Tablets la págna se visualiza muy bien.
      Votes: 0 - Link answer
     
  • Date: 24-11-2015 08:49:01 Creo que la resolución minima debería ser 320px..., agradecería que algún especialista de responsive aporte luz.

    Saludos,
      Votes: 0 - Link answer
     
  • Date: 24-11-2015 09:53:00 ps en si las resoluciones que se deben trabajar son:
    766px, 600px, 480px y 320px.
    En este ejemplo he decidio empezar en 480px; aunque la página se empieza a ver mal desde los 600px.
    quiero su opinion respecto al menu del usuario.
    les gustaria así o que se despliegue siendo fixed los dos menús.
    o solo el menú de navegación y dejando así el de los usuarios??
      Votes: 1 - Link answer
     
  • Date: 24-11-2015 12:17:27 Despued de horas de intentar hacer responsive esta sección es muy duro hacerla por las caracteres y estructura de la página queda muy duro hacerlo.   Votes: 1 - Link answer
     
  • Date: 25-11-2015 07:44:47 movil(240px - 767px)
    tablet(768px - 1023px )
    pc (>1024px)

    pero es necesario conocer los id y las clases del css con el que esta maquetado inicialmente para no tener que modificar nada de la maquetacion solo css
      Votes: 2 - Link answer
     
  • Date: 25-11-2015 09:20:04 Les comparto la información de resoluciones utilizadas por los usuarios "Móvil" de PHPCentral a la fecha.

    Las 20 resoluciones móvil más usadas en PHPCentral:



    En base a esto, creo que el minimo width debe ser de 320px, no? luego debería seguir ese diseño hasta que resolución? 700px por ejemplo? y luego camibar el diseño mobile a desktop?

    Espero puedan dar luz, saludos!
      Votes: 1 - Link answer
     
  • Date: 25-11-2015 09:31:17 Hola,
    Si Edwin si uno conoce los Id uno hace el CSS pero si no has visto la maquetación de la web.
    La página se puede adaptar pero hay líneas de estíos que están incluidas más abajo del HEAD dentro del BODY lo que es el menú y el footer fue fácil pero lo que es la sección de preguntas y respuestas es duro donde está el VOTO y los datos del USUARIO por la maquetación queda muy feo y raro al ser vista en el dispositivo móvil.

    Y sigo sugiriéndole a Fernando que ponga una de dispositivos móviles en un subdominio y con PHP o JAVASCRIPT redirección según el caso.
      Votes: 0 - Link answer
     
  • Date: 25-11-2015 12:39:05 Acabo de hacer un boceto de como podria quedar la web comparto el codigoo es html asi que facil crean el archivo html y pega el codigo y listo , podran visualizar esta echo en bootstrap , saludos

    
    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<meta name=description content="">
    	<meta name=viewport content="width=device-width, initial-scale=1">
    	<title>PHPCentral</title>
    	<link rel="stylesheet" href="">
    	<!-- Latest compiled and minified CSS & JS -->
    	<link rel="stylesheet" media="screen" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    	<script src="//code.jquery.com/jquery.js"></script>
    	<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    
    <style type="text/css" media="screen">
    	a{color: #b8b8b8 !important}
    	ul li{list-style: none}
    	.paises li{margin-bottom: 5px }
    	.navbar { border-radius: 0px !important}
    	.jumbotron{padding-bottom: 0px !important}
    	.navbar li:hover{background-color: #fff !important}
    	.navbar li:hover a{color: #222 !important}
    	body{font-family: "century gothic" !important}
    </style>
    
    </head>
    <body>
    
    
    
    <header>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color:#1A1A1A">
    	<div class="container">
    	<!-- Brand and toggle get grouped for better mobile display -->
    	<div class="navbar-header">
    		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
    			<span class="sr-only">Toggle navigation</span>
    			<span class="icon-bar"></span>
    			<span class="icon-bar"></span>
    			<span class="icon-bar"></span>
    		</button>
    		<a class="navbar-brand" href="#">PHP CENTRAL</a>
    	</div>
    
    	<!-- Collect the nav links, forms, and other content for toggling -->
    	<div class="collapse navbar-collapse navbar-ex1-collapse">
    		<ul class="nav navbar-nav">
    			<li><a><img class="usr_flag" title="Perú" alt="Perú" src="http://www.phpcentral.com/img/flags/pe.png">
    			<span class="usr_karma">Karma: 722</span></a></li>	
    		</ul>
    		<ul class="nav navbar-nav navbar-right">
    			<li><a href="#">MI PERFIL</a></li>
    			<li><a href="#">CERRAR SESSION</a></li>
    			<li class="dropdown">
    				<a href="#" class="dropdown-toggle" data-toggle="dropdown">Seleccione su idioma <b class="caret"></b></a>
    				<ul class="dropdown-menu">
    					<li><a href="#">Español</a></li>
    					<li><a href="#">Ingles</a></li>
    					<li><a href="#">Portugues</a></li>
    				</ul>
    			</li>
    		</ul>
    	</div><!-- /.navbar-collapse -->
    	</div>	 
    </nav>
       
    
    
    </header>
    <br><br><br><br>
    
    <center>
    	<img id="logo_phpcentralcomar" class="img-responsive" alt="php central" src="http://www.phpcentral.com/img/flags_logo/logo_phpcentralcomar_pe.png">
    </center>	
    
    <br>
    
    <div class="navbar navbar-inverse">
    <div class="container">
     <ul class="nav navbar-nav text-uppercase">
     	<li><a href="#header-section"></a></li>
     	<li><a href="#header-section"></a></li>
     	<li><a href="#header-section"></a></li>
    	<li><a href="#header-section">Inicio</a></li>
    	<li><a href="#header-section">TEMAS</a></li>
    	<li><a href="#header-section">PREGUNTAS</a></li>
    	<li><a href="#header-section">NOTAS</a></li>
    	<li><a href="#header-section">VIDEOS</a></li>
    	<li><a href="#header-section">CALENDARIOS</a></li>
    	<li><a href="#header-section">LA COMUNIDAD</a></li>
    </ul>
    </div>
    
    
    <div class="container">
    	
    <div class="row"><h1>Motivación de PHPCentral</h1></div>
    
    <div class="row text-justify">
    	PHPCentral es una comunidad online pensada para compartir conocimiento entre desarrolladores web de todas partes del mundo, con orientación a las tecnologías libres. Si bien la temática que motiva la comunidad es el desarrollo web con PHP y MySQL, no es posible dejar de lado otras tecnologías, frameworks, patrones y técnicas que hacen a un desarrollo web.
    </div>
    
    <p></p>
    <div class="row text-justify">
    	Tecnologías como xHTML, HTML5, CSS, Javascript, Framework JQuery, Patrón Model View Controller (MVC), Programación Orientada a Objetos (POO), Business Objects (BO), Data Access Object (DAO), Data Transfer Object (DTO), Linux, Windows, IDE's, Editores (entre otros) serán parte de los temas a ser tratados.
    </div>
    
    
    <div class="row"><h1>Países</h1></div>
    <div class="row text-justify">
    Listado de países integrantes de la comunidad (ordenados por el nivel de participación de sus miembros).
    </div>
    
    <br/>
    
    <div class="row paises">
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    		 <ul>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/ar.png"> Argentina</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/mx.png"> México</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/co.png"> Colombia</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/pe.png"> Perú</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/es.png"> España</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/gt.png"> Guatemala</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/ec.png"> Ecuador</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/ve.png"> Venezuela</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/cu.png"> Cuba</li>
    		 </ul>
    	</div>
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    		<ul>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/cl.png"> Chile</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/sv.png"> El Salvador</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/uy.png"> Uruguay</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/us.png"> Estados Unidos</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/do.png"> República Dominicana</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/bo.png"> Bolivia</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/cr.png"> Costa Rica</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/py.png"> Paraguay</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/gb.png"> Reino Unido</li>
    		 </ul>
    	</div>
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    	<ul>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/pt.png"> Portugal</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/ni.png"> Nicaragua</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/hn.png"> Honduras</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/br.png"> 
    		 	Brasil</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/pa.png"> 
    		 	Panamá</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/id.png"> Indonesia</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/eu.png"> 
    		 	Unión Europea</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/np.png"> 
    		 	Nepal</li>
    		 	<li><img class="usr_flag" title="Argentina" alt="Argentina" src="http://www.phpcentral.com/img/flags/rs.png"> 
    		 	Serbia</li>
    		 </ul>	
    	</div>
    
    </div>
    
    
    
    
    <div class="row">
    	<h1>Nuevos integrantes de la comunidad</h1>
    </div>
    
    <div class="row">
    	Últimos 10 miembros registrados con foto de perfil.
    </div>
    
    
    <div class="row">
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Eduardo Rodríguez</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Rouss Cabrera</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>MARCO PERAFAN</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    		<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>César Caballero</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>RONAL TAPIA</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Juan Quinto</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    		<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Elver Vasquez</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Roberto Cerna</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Harold Crow</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    		<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Karen Aguilar</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Euclides Cohen</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Hello, world!</h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    		<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    			<div class="jumbotron">
    			<div class="container">
    			<h1>Anahi D </h1>
    			<p>Contents ...</p>
    			<p>
    			<a class="btn btn-primary btn-lg">Ver Perfil</a>
    			</p>
    			</div>
    			</div>
    	</div>
    
    </div>
    
    </div>	
    
    
    
    
    
    
    
    <footer>
    	<div class="navbar navbar-inverse" style="margin-bottom:0px">
    <div class="container">
     <ul class="nav navbar-nav text-uppercase">
    	<li><a href="#header-section">Inicio</a></li>
    	<li><a href="#header-section">TEMAS</a></li>
    	<li><a href="#header-section">PREGUNTAS</a></li>
    	<li><a href="#header-section">NOTAS</a></li>
    	<li><a href="#header-section">VIDEOS</a></li>
    	<li><a href="#header-section">CALENDARIOS</a></li>
    	<li><a href="#header-section">LA COMUNIDAD</a></li>
    </ul>
    </div>
    </footer>
    
    	
    </body>
    </html>
    
    
      Votes: 4 - Link answer
     
  • Date: 25-11-2015 13:30:52 Hola,
    En mi opinión lo que es bootstrap no es una opción ahora porque hay cosas que no cuadran para el diseño de la página y no creo que sea una opción cambiar toda la página.
    Tocaría es hacer un diseño 100% para el dispositivo ya que la adaptación no es otra opción.

    Y para los que no han notado ya puedes compartir las preguntas en Facebook, y Twitter.
    Pero hay que organizar ya que tapa los botones Fernando
      Votes: 2 - Link answer
     
  • Date: 26-11-2015 08:10:55 Voy calma y solo es una sugerencia


      Votes: 1 - Link answer
     
  • Date: 26-11-2015 10:14:35 Muy vien hasta ahí no hay problema esta super.
    Quiero ver tu avamce en lo que son las secciones.
      Votes: 0 - Link answer
     
  • Date: 26-11-2015 15:26:09 Hola comunidad acabo de probar el html q compartir sobre el diseño para la web y me di con la sorpresa que se ve mal, decidi subirle a internet este es el link

    http://doorman.center/

    espero , sus opiniones aun falta algunos ajuste , pero ahi va , saludos
      Votes: 1 - Link answer
     
  • Date: 26-11-2015 16:43:50 Si el diseño en Bootstrap se ve muy mal.
    Por ahora Edwin es el que esta haciendo un buen diseño espero que no tenga complicaciones en el diseño por la estructura de PHPCentral.
      Votes: 0 - Link answer
     
  • Date: 27-11-2015 03:28:27 Espero les guste es apenas la seccion de preguntas


      Votes: 2 - Link answer
     
  • Date: 27-11-2015 06:13:00 Muy buen trabajo esta quedando bn lo que si me preocupa es en la parte de Preguntas y Respuestas en la de votos y el textarea que me dio tanta complicaciones.   Votes: 0 - Link answer
     
  • Date: 29-11-2015 12:26:45 Pagina de respuestas esspero sus comentarios

      Votes: 2 - Link answer
     
  • Date: 29-11-2015 18:45:35 Wow de verdad me sorprendiste le dedicaste mucho ya que siempre es duro adarga una página web ya hecha espero tus avances te felicito.   Votes: 2 - Link answer
     
  • Date: 29-11-2015 19:10:31 Edwin, muchas gracias por la sugerencia, muy bueno como acomodaste todo el contenido y acciones.   Votes: 1 - Link answer
     
  • Date: 10-12-2015 11:50:05 Por el momento solo llevo esto, espero les guste.
    Se que faltan algunos modulos pero en serio el tiempo ha sido limitado.

    agregar:
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">


    Poner el archivo justo antes de cerrar la etiqueta <head>
    responsive.css

    Poner el archivo justo antes de cerrar la etiqueta <body>
    responsive.js
      Votes: 2 - Link answer
     
  • Date: 10-12-2015 13:31:54 Me gustaría mucho verlo esperemos a que Fernando lo ponga para verlo bn.

    Salu2
    Gracias por tomarte el tiempo.
      Votes: 1 - Link answer
     
  • Date: 10-12-2015 22:27:49 Listo señores, se aplicaron los estilos y javascript sugerido, ya somo responsive gracias a Edwin Marroquin.

    Por lo pronto veo que no esta funcionando el botón de subir (flecha arriba), pero la verdad que esta muy bueno, me gusto mucho.

    Muchas gracias a todos.

    Saludos!
      Votes: 1 - Link answer
     
  • Date: 10-12-2015 23:34:35 Analizando la comunidad con PageSpeed de Google verifico que hay un problema con la resolución responsive, dice lo siguiente:

    Adaptación del contenido a la ventana gráfica
    El contenido de la página es demasiado ancho para la ventana gráfica y el usuario tiene que desplazarse horizontalmente. Adapta el contenido de la página a la ventana gráfica para proporcionar una experiencia de usuario mejor.
    El contenido de la página tiene 486 píxeles en CSS de ancho, pero la ventana gráfica solo tiene 375. Los elementos siguientes quedan fuera de la ventana gráfica:

    El elemento <span>Para participa…sa al sistema.</span> queda fuera de la ventana gráfica.


    Saludos,
      Votes: 1 - Link answer
     
  • Date: 11-12-2015 03:43:50 Hola Fernando

    Tal vez estés mal pero el botón para subir esta bien y todo lo que es el JavaScript.
    Y ps si el menú esta bn
    Pero el contenido está a menor resolución.
    También faltan varias secciones importantes como editar.
    Y revisar un poco porque aveces desaparece el menú principal cuando hay una alerta de la página.
    Y se acaba de desacomodar el gorro de Navidad.
      Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In
 
frjcbbae garagebible.com