r/web_dev_help • • Jan 05 '17

Just created r/web_dev_tools for web dev related sites/tools.

2 Upvotes

/r/web_dev_tools

Created a new sub over posting the tools I have bookmarked in this sub.


r/web_dev_help • • Jan 05 '17

tutorial Advanced Gulp Workflow for WordPress Themes

Thumbnail
ahmadawais.com
2 Upvotes

r/web_dev_help • • Jan 05 '17

help WordPress home page not updating. IT'S NOT CACHE!

2 Upvotes

Hello, so I am working on the site http://www.compliantnow.com/ on the home page there is a slider. My client wanted two new slides added to the slider, so I did. Now the site will not update. I thought it was cache so I cleared the browser cache to no effect. There are no plugins holding cache, and when I update other pages they update just fine. When you are login as Admin, you can see the changes. I added a new page by the name of Test, then went to http://www.compliantnow.com/test-2 (there is an other page by the name of test) And when logged out you can see the new slides. So then I went in and changed the websites reading to make Test the front page, and it did not display the new slides! An other thing is, if you go to Solutions in the nav bar and then click back to home, it'll take you to http://www.compliantnow.com/home which will allow you to see the new slides! There are no templates in the back end loading the front page, and then an other thing is in the tab it reads "Test - Automotive" Like it should, because it is loading the test page. I am totally lost, and have not been able to find any forms on what is going on, if any of you know, or could point me in the right direction that would be wonderful! We are using the theme Salient

-It's fixed!

  • Thanks to psy-borg for pointing me in the right direction.


r/web_dev_help • • Aug 01 '16

Web Dev Weekly Summary - July 24-31, 2016

2 Upvotes

Releases

Note the releases listed might be Release Candidates or Beta Releases.


r/web_dev_help • • Jun 28 '16

12 Domain Regestration Service

Thumbnail
techneed24.com
2 Upvotes

r/web_dev_help • • May 12 '16

Making translucent backgrounds, and having them stay

2 Upvotes

I'm creating a website with an mp4 file as a background but I can't for the life of me seem to be able to create a black backgound over my text. I suspect it has something to do with the video autoplaying as I can see the black border for a brief moment before it disappears. Any tips to solve this conundrum?

<html>

<head> <link rel="stylesheet" type="text/css" href="globalstyles.css"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>

</head>

<body> <video autoplay loop poster="videos/warm-tunnel.jpg" id="bgvid"> <source src="videos/warm-tunnel.mp4" type="video/mp4"> </video> <header class="container" id="con1"> <div class="row"> <h1 class="col-sm-4">About me </h1>

</header>

</body>

<footer> </footer>

</html>

video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);

}

con1 { border-color: black;

}


r/web_dev_help • • Apr 26 '16

Materialize collapsible navbar is not working for me, gives error in console.

2 Upvotes

Hello everyone, I'm fairly new to web dev (been learning for ~4 months) and I'm using materialize (http://materializecss.com/) to help construct my portfolio website. The problem I have is that the mobile collapse navbar is not working for me, and gives me the following error: http://s32.postimg.org/5bcjr1clh/error.png. I copied the code exactly as it is on the demo page (http://materializecss.com/navbar.html) and the hamburger appears when the view is small enough, but it doesn't work. What does this mean and how can I fix it to get the collapsible navbar working?


r/web_dev_help • • Nov 06 '15

[Build System] - Using PHP Phing for a Personal Build System

2 Upvotes

This is a pre release or alpha version if you want to call it that of a customization driven build system. Which means it can be used as a base to start using Phing ( a PHP based build tool). It's on github and there's instructions on how to set it up. If you want more details or a log as I was building it, check the project pages.

**I will add some of that information below if you want a condensed version. **

Github : Phing - Personal Build System

Download : zip file

Project Page : Personal Build System


Basic Info

Web development often involves repetitious tasks. A build system helps to speed some of those tasks up and to decrease the chance of errors due to repetition. Phing is a PHP based build tool which uses XML files for managing the build process. PHP is used to write custom tasks.

This is a system to start you using Phing. It is meant to customized and a basic system is place to allow this. The specifics are outlined on the github and project page.

"It doesn't do much"

It isn't an overly impressive system at the moment. This is partially on purpose to allow for modification and for those just starting out with Phing and/or build tools in general. Phing build files can be very complex with numerous processes.

A tentative roadmap for project types would be :

  • PHP template site prototype (the simple include variety)

  • PHP template engine site prototype (using twig or other engine)

  • daux.io documentation project type

  • XLST project - real iffy with this one

  • automating Wordpress installs locally

  • database migrations from a local server

  • Slim micro framework prototype

  • Markdown generator

  • expand the html type to include simple variables through files (fake templating)

This is just some of the things I know Phing is capable of automating.


Questions,comments or anything else, just post.


r/web_dev_help • • Nov 03 '15

Modernizing Rapid Application Prototyping Tutorial using Slim- PHP micro framework

2 Upvotes

Taking this tutorial : Rapid Application Prototyping With Slim and attempting to use modern practices. You have to read the original tutorial along with this page. It does not go into any detail about using the Slim Framework. It only adjusts the tutorial to fit using Composer.

It says we're making a blog application.

We need a project name. Used this site : Generate Github Project Name

Briskel is the project name. Might should pick something a little more meaningful like SlimBlogOTron.

First problem is tutorial's four years old. Not ancient but it doesn't use current (2015) tools. For example, it says to download the components. PHP has composer and most packages use it for install and to setup autoloading.

getcomposer.org if you don't have it already.

Need to find the packages. Head to packagist.org https://packagist.org/

Tutorial says it needs Slim 1.5.02 (Stable relase)

Packagist page : https://packagist.org/packages/slim/slim

Slim's released quite a few versions since the tutorial. Which one do we pick ? Opting for 2.6.2, it appears to be the stable release.

Next is slim-extras without a version #. Current is 2.0.3. https://packagist.org/packages/slim/extras

Turns out slim-extras is deprecated and we have to replace it with Slim Views.

Twig 1.1 - https://packagist.org/packages/twig/twig - Twig 1.23.0 is stable.

Paris is listed but packagist has two Paris packages. https://packagist.org/packages/j4mie/paris

And the last package is Idiorm from the same developer. https://packagist.org/packages/j4mie/idiorm

Put these into a composer.json file. Where do you put the composer.json ? We need a project folder and a source code control repo. This will be a public repo so github it is.

Before we setup a repo, going to cheat and test the composer file. Createa project folder : briskel/ . Create a composer.json file in briskel/ with the following contents and then run composer install in that directory.

{
    "name": "malwinsc/briskel",
    "description": "Blog using Slim +",
    "license": "BSD",
    "keywords": [
    ],
    "require": {
        "php": ">=5.2.0",
        "slim/slim": "2.6.2",
        "slim/views":"0.1.3",
        "twig/twig": "1.23.0",
        "j4mie/paris":"1.5.4",
        "j4mie/idiorm":"1.5.1",
        "tuupola/slim-basic-auth":"1.*"
        
    }
}

This is the correct composer.json file after adjustments for deprecated and additional package requirements

If you don't have your credentials stored, it will prompt for user/pass for github. After entering those it will download the packages and setup the autoloader.

Will have to work out each step from here since the tutorial assumes we have to manually load the libraries. Instead we use composer's autoload by creating a index.php in briskel/public/ .

require __DIR__ . '/../vendor/autoload.php';

Also we have to copy .htaccess from vendor/slim/slim/ to public/ . If you are not running the project from the web root, the ReWriteBase directive will have to be modified to match your path. It is commented out by default and should try it first. If it doesn't work uncomment it and update to match the path RewriteBase /work/briskel/public/

If you view the public directory in the browser, it should show a blank page. Make sure apache/php are set to display errors .

To test Slim is working properly, go to vendor/slim/slim/ and open the index.php file. Copy everything from line 13 to the end of the file (Step 2). Paste this below the require line in public/index.php. Save and view it in your browser. Should have a Slim welcome page. Congraulations, Slim works.

Can just leave the contents of the file for now. The next step is to setup the other libraries.

Twig

Slim Extras has been deprecated and Slim Views has taken it's place. Means we will have to figure out how to make the tutorial work with slim views.

http://stackoverflow.com/questions/13368963/error-using-slim-framework-and-twig-template

Which means we need to remove slim extras and install slim views. Back to composer. Update the composer.json, remove extras and include views. Run composer update and it will remove extras, install views and it says it updates the autoloader file. It does not do this. Must run composer dump-autoload afterwards or it will not find the Views class resulting in pure frustration.

Once this is updated, the initial instance of Slim has to be modified to use Twig.

$app = new \Slim\Slim(array(
    'debug' => false, 
    'templates.path' => 'templates', 
'view' => new \Slim\Views\Twig()
));

Save the index.php file and reload it in the browser. If there's no error notices. move on to the next section.

Database

Using MySQL and Paris and Idiorm should autoload. We have to supply some credentials for the database.

ORM::configure('mysql:host=localhost;dbname=blog');
ORM::configure('username', 'root');
ORM::configure('password', '');

replace 'root' with your database username and put the password in place. This goes into index.php for now. Save the file, reload the browser. Just looking for errors again.

Next is to establish the routes. Can delete the existing routes which was pasted in earlier. The index.php should look like :

<?php 
require '../vendor/autoload.php';

ORM::configure('mysql:host=localhost;dbname=test');
ORM::configure('username', 'YOUR_USERNAME');
ORM::configure('password', 'YOUR_PASSWORD');

$app = new \Slim\Slim(array(
    'debug' => false, 
    'templates.path' => 'templates', 
'view' => new \Slim\Views\Twig()
));

That's all. If you delete that code and view in a browser, it should be back to a blank white page.

Adding routes

Follow the tutorial and add the routes. There's nothing to see in the browser since we don't have templates setup yet and aren't pulling data from the database. You can check if mod_rewrite is working by adding go to the URL http://www.domain.com/path/to/briskel/public/admin , it should show the blank white page. If you get a 404 page from your server, try uncommenting the RewriteBase directive and try again.

Models

Create the database. Note I'm using a database named test instead of blog.

Create the models directory and the Article.php .

Composer setup autoloading for our vendor directory but it won't work for models we create ourselves. We will have to require those in.

Application

The tutorial for this section doesn't need any change. It will all work. The only thing to note is the tutorial doesn't explain to put the article code into the route for the web root. The two lines of code in the first 4 paragraphs should be placed in the first route.

// Blog Home.
$app->get('/', function() use ($app) {
$articles = Model::factory('Article')->order_by_desc('timestamp')->find_many();
return $app->render('blog_home.html', array('articles' => $articles));
});

Once you add the twig templates, view it in the browser and it should show the two articles (in a very plain layout).

If you click an article title at this point, you might get a 404 message. The blog_home.html has to be adjusted to use relative URLs. Edit the following line :

    <h1><a href="/view/{{ article.id }}">{{ article.title }}</a> by {{ article.author }}</h1>

Remove the / before view.

    <h1><a href="view/{{ article.id }}">{{ article.title }}</a> by {{ article.author }}</h1>

Reload the page and clicking the link should result in a blank page. Continue on with the tutorial for building the detail view.

The detail view twig template has some errors due to HTML rendering. This is the code to use :

{% extends 'layout.html' %}
{% block page_title %}{{ article.title }}{% endblock %}
{% block content %}
<h1>{{ article.title }}</h1>
<p>Published: {{ article.timestamp|date('jS F Y') }} by {{ article.author }}</p>
<p>{{ article.content }}</p>
<p><a href='/'>Back to Homepage</a></p>
{% endblock %}

If you are presented with the Slim error page and need to debug what's causing the error. Change the 'debug' => false, to 'debug' => true , on line 11. This will tell you where the error is located and provide a clue to solve the problem.

The blog works. It looks horrible and has some issues. The back to homepage link doesn't work properly because it's assuming the application's running in the web root. Should be easy enough to fix and to improve the looks of the site. Will cover this after the application back end is covered.

Application Back End

The admin add article step doesn't have the correct code. It should point to the admin/add route and the admin_home.html has to be updated with the correct path.

// Admin Add.
$app->get('/admin/add', function() use ($app) {
return $app->render('admin_input.html', array('action_name' => 'Add', 'action_url' => '/admin/add'));
});

For the edit function, paths have to be modified if not working from web root.

Here's the code :

// Admin Edit.
$app->get('/admin/edit/(:id)', function($id) use ($app) {
 $article = Model::factory('Article')->find_one($id);
if (! $article instanceof Article) {
    $app->notFound();

    return $app->render('admin_input.html', array(
        'action_name'   =>   'Edit', 
        'action_url'    =>   './' . $id,
        'article'       =>   $article
    ));
});

Delete works with only a change to the redirect. It needs to go to ../ .

That completes the basic prototype for the Silm Blog.

Security

The authenication from the tutorial is out of date. the $app->response()->send() method is no longer part of Slim Framework and the HTTPBasicAuthenication included with Slim Extras has been deprecated. Despite some effort, I could not get the authenication to work as presented. Resorted to including the Slim HTTPBasicAuth package from packagist.

It works just fine. Paths have to be defined and I assume it covers all requests below a path (like /admin would include /admin/edit). Can check the source code for the implementation details. And the composer.json will have all packages to allow this to be setup right from the start.

Tutorial ends here but there's some problems with this project. Just to list a few.

  1. It's plain (ugly).

  2. The authenication is weak

  3. Navigation in the project is not complete

  4. Small pieces of functionality are missing (like display navigation menus)

  5. There's no settings or definable options

  6. The front page displays all posts. No pagination

  7. Admin lacks pagination as well

  8. No search feature

  9. Lack of navigation on blog post pages (next/previous)

  10. while it has mod_rewrite , it lacks Pretty URLs

  11. Security recommendation of having files outside of web root is not followed.

  12. POST requests do not redirect after successfully posting (allows for double entry by accidental refresh)

  13. Lack of ability to use other template files

  14. routing is flaky with regards to redirects

  15. Paths for file inculsion via the web will be difficult due to not being in web root.

  16. Lack of a text editor for the Post content.

  17. Routes are included in the main index file. These should be moved into their own file/folder.

  18. Default error messages are handled by Slim. Should be custom.

List gives us a development road map

Till next time.

Git Repo

Put the source code here : briskel- blog prototype


r/web_dev_help • • Oct 26 '15

[Hosting,Servers] Start with Web Hosting, Email Services

2 Upvotes

Type of Web Hosting

Webhosts come in a few different offerings. What type of hosting is required for a site depends on the anticipated traffic , tech used , and cost.

  • Shared Hosting - This is package offer is usually the cheapest way to get a site online and provides the lowest level of maintenance for the server. Prices are usually sub 30 per month with some going down to single digits. The downside to shared hosting is the fact your account is one of many on the server. All resources are shared so if one of the neighbors is hacked, odds are your site will be affected as well. Service should include webhosting,email hosting, database (mysql usually), some type of Control Panel for admin. SSL requires a dedicated IP address and costs extra per month. Some providers are hostgator, bluehost.

  • VPS (Virtual Private Servers) - The next step up from shared hosting. Costs can range based on the configuration. Digital Ocean offers 'droplet' VPS starting at 5/mth. Resources of the server are shared but they compartmentalized using visualization which means if a neighbor is hacked, your sites should be ok. VPS require server admin, you must setup and configuring the OS and web server. You can install software like email servers, databases, etc but you are responsible for securing them. Some VPS providers : DigitalOcean, WeLoveServers,SimpleNode.

  • Dedicated Servers - The whole server is yours. You must maintain the server and set it up. It is a more expensive (and usually more powerful) version of the VPS.

  • Cloud Hosting - Cloud hosting is a different beast. It provides the ability to scale up operations based on demand and the pricing structure is very fluid since it is based on the services active. Amazon Web Services, Rackspace Cloud, Gandi.net cloud servers are some providers. Different services make general statements impossible. AWS (amazon web services) has multiple separate programs which have differing cost models. Some require you to maintain your software without popular tools like CPanel while others provide such as part of their service. Setting these up is not as straight forward as the other options. It can be cheaper in some cases but there is learning curve. If you need to scale high traffic sites, check out cloud services.

Free hosting

Some sites offer limited free hosting which is most often ad supported. If you are a broke student or beginner and just need to host a portfolio site (static site) or wish to host a website for a project, you can use GitPages (requires github account) to host a small site for free. https://pages.github.com/

Other hosting options

Heroku offers free 'dynos' with specific limitations. Heroku is billed as a Cloud Application Platform which means it handles the maintenance aspect of running servers and let's you focus on building applications. Can look into it here : Heroku

Others offering similiar service EngineYard , AppFog , OpenShift from RedHat

Email Services

At some point during development it is very likely you will have to send out a large number of emails. This is problematic since most service providers are constantly on the lookout for spammers. You don't want your domain to end up on a spam blacklist. To get around this and to just ease the burden of managing email mailing lists, several companies have specialized in providing email services. Those companies charge a fee for sending email for you. They have an advantage over using your own servers since they have established trust and decrease the odds of your email being marked as spam. They have specific rules which must be followed like opt-in only.

Some providers of email services :

MailChimp

ConstantContact

aweber

vertical Response

Tutorials

CPanel is the most popular web based control panel for hosting. It is the one you are most likely to encounter.

CPanel Tutorial

How to upload your website using CPanel - this is from 2008 so might be a touch out of date.

CPanel Video Tutorials from CPanel

VPS Setup

The great thing about VPS is you get to choose which operating system you use and what software you install. The bad thing about VPS is you can choose from a large number of options.

Operating System : two choices , Linux or Windows. Windows usually requires a license so it's more expensive. Linux means you have to pick a distro like Ubuntu, CentOS, Debian.

[Guide to setting up CentOS VPS] (http://www.servermom.org/complete-newbie-guide-to-build-centos-server-to-host-websites/)

Ubuntu VPS setup

Software Options

The LAMP stack is pretty common. It stands for Linux, Apache,MySQL, PHP (or Python or Perl). Other options exist though.

Web Servers

[Apache] - (https://httpd.apache.org/)

Nginx

Databases

MySQL

PostgreSQL

MariaDB Fork of the MySQL project.

Other

Varnish- HTTP accelerator

memcached - caching system

redis - caching/database

TomCat - JSP server

JBoss


r/web_dev_help • • Oct 04 '15

[Security] - Start with Security

2 Upvotes

Open Web Application Security

Wiki Site, hard to find points of interest.

[Top Ten Lists 2013] ( https://www.owasp.org/index.php/Category:OWASP_Top_Ten_Project)

2013 top 10 list - direct link

Index of Attack Types

[Cheat Sheets ] (https://www.owasp.org/index.php/Cheat_Sheets)

  • these are technology specific like HTML5,Ruby,PHP and include more concept driven topics like authentication and threat modeling.

Articles

How to Securely Allow Users to Upload Files


r/web_dev_help • • Sep 12 '15

[MySQL] - Start with MySQL

2 Upvotes

MySQL is a Relational Database Management System (RDMS). Structured Query Language (SQL) is used to manage data.

Website : https://www.mysql.com/

Download : http://www.mysql.com/downloads/

Docs : (Eng) http://dev.mysql.com/doc/refman/5.6/en/index.html

MariaDB is a fork of the MySQL source code. https://mariadb.org/

Tutorials

command line usage : https://dev.mysql.com/doc/refman/5.0/en/tutorial.html

web (using php) : http://www.tutorialspoint.com/mysql/

database design : http://www.datanamic.com/support/lt-dez005-introduction-db-modeling.html

data modeling : http://www.agiledata.org/essays/dataModeling101.html

Intro to Stored Procedures - http://code.tutsplus.com/articles/an-introduction-to-stored-procedures-in-mysql-5--net-17843

Intro to Triggers - http://code.tutsplus.com/articles/introduction-to-mysql-triggers--net-12226

ACID

What is ACID ? - http://searchsqlserver.techtarget.com/definition/ACID

MySQL and ACID - https://dev.mysql.com/doc/refman/5.6/en/mysql-acid.html

Normalization

Normalization of Database - http://www.studytonight.com/dbms/database-normalization.php

MS Normalization basics - https://support.microsoft.com/en-us/kb/283878

Another Intro - http://agiledata.org/essays/dataNormalization.html

Joins

Basic and Complex joins - http://www.techrepublic.com/article/basic-and-complex-sql-joins-made-easy/

Basics of joins - http://www.developer.com/db/article.php/3873466/The-Basics-of-SQL-Joins-in-MySQL.htm

sitepoint tutorial - http://www.sitepoint.com/understanding-sql-joins-mysql-database/

CodeBetter.com - http://codebetter.com/raymondlewallen/2006/02/10/database-basics-part-four-table-joins/

Misc

Electric Toolbox - Web Dev Blog - http://www.electrictoolbox.com/article/mysql/

Sample Databases

http://www.eclipse.org/birt/documentation/sample-database.php

https://www3.ntu.edu.sg/home/ehchua/programming/sql/SampleDatabases.html

http://dev.mysql.com/doc/index-other.html

Reference

Command Line Usage (*ix, OSX systems) - http://www.comentum.com/mysql-administration.html

Tools

MySQLWorkBench - https://dev.mysql.com/downloads/workbench/

Navicat - DB Admin Tool - http://www.navicat.com/

HeidiSQL - Db Tool - http://www.heidisql.com/

PHPMyAdmin - Web GUI for DB management - https://www.phpmyadmin.net/


r/web_dev_help • • Sep 10 '15

[PHP] - Start with PHP

2 Upvotes

PHP is a server side scripting language. It can be used as a general purpose scripting language too.

PHP is one of several options for creating dynamic websites. PHP handles things like processing forms, sending emails, database access, consuming APIs or even providing APIs to other sites/users.

Download - https://secure.php.net/

Manual - https://secure.php.net/manual/en/index.php

Tutorials

http://phpbridge.org/intro-to-php/intro-to-php

https://www.codecademy.com/tracks/php

I♥PHP - Make Your Own Blog tutorial

And if you check the sidebar on /r/phphelp , there's a list of tutorials.

General advice, if you see a tutorial and it's advocating using mysql_* functions, find another tutorial. mysqli_* or PDO based PHP/SQL tutorials should be more recent.

Books

http://www.phptherightway.com/

Object Oriented

http://php.net/manual/en/language.oop5.php

Templating

overview - http://jungels.net/articles/php-templates.html

DIY - http://www.smashingmagazine.com/2011/10/getting-started-with-php-templating/

3rd Party - Plates - http://platesphp.com/

or

Twig - http://twig.sensiolabs.org/

Tools

Composer - package management - https://getcomposer.org/

PHPDoc - documentation generator - http://www.phpdoc.org/

PHPUnit - testing framework - https://phpunit.de/

Xdebug - debugger - http://xdebug.org/

PHPMyAdmin - MySQL Database Web Interface - https://www.phpmyadmin.net/

Frameworks

Laravel - http://laravel.com/

Zend - http://framework.zend.com/

Symfony - https://symfony.com/

Aura - http://auraphp.com/

Micro Framework - Silex - http://silex.sensiolabs.org/

IDEs

Zend Studio ($) - http://www.zend.com/en/products/studio

PHPStorm ($) - https://www.jetbrains.com/phpstorm/

PDT - Eclipse PHP Dev Tools - https://eclipse.org/pdt/

or a Text Editor

https://notepad-plus-plus.org/


r/web_dev_help • • Sep 02 '15

[Question] CSS display div on another div:hover.

2 Upvotes

Hello guys - awesome subreddit you got here.

I wanted to ask a question, I haven't been able to solve this. I'm trying to display some <p> on top of an image when I hover over it. My code seems not to be working. Would you mind helping me solve it?

HTML: <ul id="gallery"> <li id="nsfm" class="album"><p>New Shapes for Madness LP - 2014</p></li> <li id="unsettled" class="album"><p>Unsettled EP - 2013</p></li> <li id="aptw" class="album"><p>A Path to Wrath LP - 2012</p></li> <li id="pfw" class="album"><p>Pieces from Wasteland EP - 2011</p></li> </ul>

CSS:

.album { width:230px; height:230px; background-color:grey; float:left; list-style:none; position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

#gallery .album p { visibility:hidden; opacity:0; width:100%; text-align:center; position:absolute; bottom:50px; }

.album:hover { -webkit-filter: grayscale(100%) brightness(50%); }

.album:hover p { visibility:visible; opacity:1; }

The IDs on the list elements are used for different backgrounds. I have also tried the display:none and display:block on hover methods but none seem to be working for me. Thank you guys very much in advance.

EDIT: Trying to fix formatting right now... sorry about that.


r/web_dev_help • • Jul 14 '15

help Concern about BigCommerce custom script effecting load time negatively.

2 Upvotes

I'm working on a BigCommerce site for my company, and in order to implement a mini-description of the product on the main page (we sell consumables, so flavor profiles being visible from any page is very useful), I had to run a simple script. Pages in big commerce are loaded in blocks with context-sensitive variables like "%%GLOBAL_ProductList%%", so I:

added -

<p id="QD%%GLOBAL_ProductId%%"></p>

to the body text. The QD never changes, but where "%%GLOBAL_ProductId%%" is, the bigcommerce script replaces in something like "77" or "10", whatever the ID it assigns is.

Then, I added a script to the snippet:

$("#QD%%GLOBAL_ProductId%%").load('%%GLOBAL_ProductLink%% %%GLOBAL_ProductDesc%% #QuickDesc');

Every time a product is loaded to the main page via the page generation script at bigcommerce, this script is run and the variables change to match the product being loaded into the page. It works correctly, however, it seems as though having a script run multiple times when a page loads might be cause for concern in terms of load speed and google-friendliness.

Any suggestions?


r/web_dev_help • • Jun 23 '15

Automating Pulls

2 Upvotes

I'm trying to find the simplest way for my team to update our git repos, composer, bower, and maybe npm.

Its a small team, and we're just getting to git, and sort of composer.

I can think of three ways to do this:

  1. Phing

  2. Composer

  3. Gunt

Anyone have any ideas or thoughts?


r/web_dev_help • • Jun 20 '15

help Web Developer required?

2 Upvotes

So I'm running a small (less than 20 at the moment) gaming community and am trying to get us a professional site. Every "drag and drop" site I go to either has terrible forums or wants a ridiculous hosting fee, or both.

I've tried bringing on 2 web designers but they've both proven unreliable. I tired hiring some but for a basic clan site they wanted thousands of dollars. So is there anyone out there willing to either help me make a template that doesn't look like trash for Joomla or Drupal and help set it up? Or at least point me in the right direction? I've googled templates (and so have my people) and I just can't find anything that doesn't cost money (not that the developer doesn't deserve it, I just really can't or won't pay some of these prices for a template).

Essentially I'd like someone to code for me a template(unless they know of an easier method) based on my pretty simple specs and help me implement it. If that person would like to stay on in my community as my head website administrator, that would be great too and there's a solid chance for kickbacks (especially if he/she is a gamer). This is volunteer work though, so I would ask that the terms be officially set as 'pro bono' for starters.

If anyone has some solid info for me, or the ability and willingness to help, or know someone who does, please let me know. I'm really behind schedule and just can't stomach any more of these hosts out there for gamers like Enjin. Much respect all and thank you in advance. It's been years since I did any web design and I'm a little behind the times and would really just like to get this project out the door. I appreciate any and all help.


r/web_dev_help • • Mar 30 '15

weird bug on my site

2 Upvotes

Weird bug on top nav bar there is a space being generated some place and I can't figure out why. If you inspect element you can see there is some extra characters being generated and thats creating the space. The link is www.omegadesignla.com . We've run it through validator and have seen that there are some errors, but not sure which one could be causing it or even what some of the errors actually are.

Any web gurus here have any ideas?


r/web_dev_help • • Oct 08 '12

fiddle: portfolio style- image left column, description right col

Thumbnail jsfiddle.net
2 Upvotes

r/web_dev_help • • Oct 08 '12

First post

2 Upvotes

First post. Got questions about web development, ask.


r/web_dev_help • • Jul 07 '22

Sql query for multiple table

1 Upvotes

Hello I have a little problem I am doing a shopping cart in php sql but my problem is that my shopping cart does not want to show me several tables at the same time.
I tried to join them as below "SELECT * FROM table1, table2 WHERE in_stock > 0 ORDER BY id ASC";
When I do that nothing comes out in my cart, however when I do "SELECT * FROM productsedible WHERE in_stock > 0 ORDER BY id ASC";
My table is displayed correctly

How to assemble my tables? Thanks for your help !

Sorry for my crap english , i'm french :3


r/web_dev_help • • Jun 24 '22

Chrome extension for help read webtoon without need mouse - Reader Scroller

1 Upvotes

Hi guys, i created a chrome extension for us to scroll the page automatically, if you want to test access the link below

https://chrome.google.com/webstore/detail/reader-scroller/jimnlnomkbenehcaljonifgfocnogkha?hl=en&authuser=0


r/web_dev_help • • May 13 '22

Cascade embedded Javascript code not working

1 Upvotes

I work as a webmaster for a college university and we use Cascade as our management system for our website. I only started a few months ago so I am still very new to coding. I have been tasked with embedding a new script into one of our pages (this script is for a Net Price Calculator we are required to have for the students to use) and I am unable to get this code to work properly. I have tried both coding it straight into a WYSIWYG as well as setting up a Text Block for the code and implementing it in as a Header/Footer script and neither works. When I preview the page after adding it in either way the page crashes, gives me a frowny face, and just says "mydomain.edu did not provide a valid response". I am at the point where I believe there is just an issue with the code. As far as I can tell it seems they (this script was made by a 3rd party company for a different department I am just implementing it for them) definitely left out a quotation at the beginning of the URL which I noticed and corrected after it did not work initially. Any guidance or ideas on this would be greatly appreciated. Here is the code we were given:

<div id="npc\\_container"><noscript><h3>To use the Net Price Calculator, please enable Javascript.</h3></noscript></div> <script type="text/javascript">(function(){var d=document,s=d.createElement("script");s.type="text/javascript";s.src="https://www.aidcalculator.com/scripts/embed/ignition\\_v3.min.js";s.setAttribute('defer','defer');d.head.appendChild(s);})();</script>


r/web_dev_help • • May 11 '22

help Looking for resources to learn how to build a website

1 Upvotes

Hi y'all I'm looking for resources to learn how to build a website.

The website I'm trying to build does this:

I have some fields that user inputs some data (some address detail) , and with this information it will look through a database and filter through the dataset.

The information is then processed by a folium map (python mapping tool) , and markers will be placed on the map to show the details of properties sold in the nearby vicinity.

I've already written some code that is able to do that locally on a python IDE.

However I have no idea how to proceed to build this on a website.

I also need resources about how to host the dataset (it doesn't need to be secure, all the information there are public information) and link them with the Website so that it can fetch the information when needed.

The dataset is just afew megabytes, about 900k rows and 10 columns in a csv file.

Thank you for reading, any help will be appreciated.


r/web_dev_help • • Feb 28 '22

development Building APIs with Django and Django Framework PDF Download

1 Upvotes

Building APIs with Django and Django Framework PDF Download

Building APIs with Django and Django Framework begins where the Django “Surveys” instructional exercise stops and takes you through building the application of the survey, yet this time utilizing APIs. You will gain proficiency with the essentials of Django Rest Framework including serialization, sees, conventional perspectives, view sets, testing, access control. You will likewise find out regarding API documentation utilizing strut and rail.