Here’s two ways to truncate text using pure css, no javascript required. Here we have a basic div structure, section, article, h2, paragraph, with a long title and lorem ipsum. I styled it a tiny bit and placed it in the center. To force this title to stay on one line we’re going to add wh...
The header of this website, we wanted it to be centered regardless of the viewing screen. Now, we can always do this using Javascript and jQuery, but we wanted a more elegant solution using CSS if possible. Here's what we came up with: margin-left: 50%; transform: translateX(-50%); So, y...
Incorrect format parameter is a problem we ran into while trying to import our database that we exported from our other server. The solution: upload_max_filesize=64M post_max_size=64M max_execution_time=1000
Our efforts of trying to get HTTP/2 set up continue. We need to figure out what version of Apache we have, so here's the terminal code we found for that. # httpd -v After inputting that, we find that our current version is 2.4.6. The Apache website says that the most current version is 2.4.43, whi...
We came across this issue when we were switching around the IP address of this website (sparkwebdev.com) and accessing it via terminal on two different servers. When we switched the IP address and then tried to access the newly assigned server we get this error, warning us that the ECDSA Host Key ha...
Taking notes so we don't forget this process again. This is what we do when we create a new server from scratch. //-> install, start, enable httpd, php, mysql, vsftpd yum update //-> installs Apache, which is needed for websites to run yum install httpd systemctl start httpd systemctl en...
We'll detail our thoughts on this issue more in the future, but basically the goal is to delay the loading of render blocking elements that aren't essential for the website for as long as possible. In our case this means, loading in jQuery, jQueryUi, and Javascript in general after the page itself h...
We've always tried to find ways to do pagination or correctly display lists. So, given that we use Yii to code in PHP, we'll get an array using $table = Table::model()->findAll("status='0'"); but never realized that you can use count(); to count how many rows came back. So here would be a solution t...
We are wondering why Javascript doesn't have more functions like PHP has. We use the ucwords(); function with PHP when we have to, it capitalizes each word of the string. There is no real equivalent to that in Javascript though, so we have to do a workaround. We suppose there's a lot of ways to do t...
We had the idea today of making the top of the website, the header images, transition more fluidly. We don't like how they fade in so abruptly, even though that's a good solution for them to just pop in. We used to use jQuery's $().animate({ }); to animate things like opacity and whatnot. In order t...
We were messing around with the admin side of things and we discovered that our textareas were not behaving the way we wanted them to. We want them to grow when you type into them, automatically. We had this complicated code written out to accomplish this, but we thought, "there's gotta be a better ...
To display HTML tags in a website, use their HTML encoding translation. Replace the < character with < Replace the > character with > Replace the & character with & You don't actually have to encode the ">" character. That one will show as long as you encode th...
By editing the list-style property of the Li the element, you will be able to change the list-style property. It seems that the default list-style property in an LI is "inherit", but if you change it at the top of your CSS style sheet then it will be stuck as that everywhere. So editing it on your U...
To see if an element exists, the easiest way is to count how many elements of that type are on the page. Use the .length property of the jQuery collection returned by your selector: <div></div> <script> if($('div').length){ //-> if div has a length, ie: has more than zero instances...