Providing the tools you need to design and build your website. Whether you are an experienced hand coder or using one of the powerful CMS's that are on the market you will find something useful here.

"Remake" Theming System

for RavenNuke CMS.

"Remake" is a highly configurable content based theming system for RavenNuke V2.5 (RN) "Remake" is not about the RN files I edited, that was a one-time thing just to make them compatible with "Remake". Now my attention can be directed at RN integration.

This is not RavenNuke Version 3 or Raven CMS. What it is though is a theming system designed to make your RavenNuke theme responsive. Along the way, I had to edit a lot of the RavenNuke V2.5 core files and modules to meet my goal. I had to make them HTML5, CSS3 compliant as well as responsive.

I have created something new that will have to grow and mature to be truly worthwhile. It is my hope that by releasing “Remake” to the public as BETA release candidate 1 that you will help me reach my final goal. And that is to have a fully integrated theming system for RavenNuke V2.5 or V3 or Raven CMS.

In the future files will change because nothing is ever released in a perfect form. It takes a lot of committed and dedicated people to make things better. I do hope that the finger-pointers and trolls will stay out of the mix. Please post and let me know what needs to change and if it is within the goals I am going to include below, I will work hard to make it happen.

    GOALS:
  • Full administration integration.
  • Able to access the themes and make changes on the fly.
  • Having the ability to add content to the theme.
  • Theme creation.

You can download "Remake" in the Community Downloads Area.

"phpBB3 - WordPress and Website Integration - What I did."
So You Can Too!

I have been a phpBB3 user for some time now and I always wanted to build a website that had the forum integrated into it. Well now I do and that is the basis for this article. I'll tell you how I integrated phpBB3 into my site wrapper.

If you're like me and write (code) your own website then you know how frustrating it is to have a forum and other add-ons that visitors have to register for separately. Now with this small tip you can stop the frustration.

Here is what I did to allow visitors to register only once and visit my entire website freely.

Make max use of phpBB features.

I really hate using a Content Management System (CMS) to build my site because it requires daily updates with pages added as needed. I just feel limited by using one. When I made the integration with phpBB3 I sat and decided what features I could make use of and not have to code a lot of features - that the forum software already provided. The main feature I wanted was giving visitors the ability to register and have a User Account area. I also wanted to set up a downloads area where I could offer my creations to anyone that wanted them. At the same time recording the amount of activity and download numbers. And offer those downloading my creations the ability to comment on them without having to go to another page on my site. Because phpBB3 already has these features, it was an easy decision.

Login/Registration

The first thing I did after installing phpBB3 was to create a login form for my main homepage. I wasn't able to find the entire form at one place on the web so I had to piece it together while coding it to integrate with my website design. You can see it on the right side of the page just under the menu.

Here's the form I made in the downloads area with comments.

Why WordPress?

Now that I had the login/registration added and tested I decided to add WordPress to handle designers news. Well I just wanted to learn WordPress (basically) is the real reason.

I installed WordPress and found a free plugin that allows for login/registration integration with phpBB3. Get it HERE. Now I had my site wrapper, phpBB3, and Wordpress all connected giving me the User Account area I was looking for. I created the downloads area by setting up categories and forums and by doing that I am able to get the stats on visitor and download counts.

Now that I had my site integrated with all of these awesome products I had to build a theme to make all of these look the same. I didn't want to have visitors looking at three separate themes while browsing my site.

"Web Design Trends For 2019"

Also see this Video by Philip VanDusen

Designers have an … anxious … relationship with the idea of trends. On one hand, following the crowd feels wrong — after all, isn’t creativity doing anything but what everyone else is doing? To this line of thinking, the only value in knowing what’s trendy is knowing what you’re pushing against. You can’t simply do the opposite of a trend, of course. But knowing what the trends are makes it easier to subtly comment on and/or critique them.

Learn more ...


Free Responsive HTML5 Templates

 


Learn To Code Your Own Website. Here are a few good go-to resources.

W3 Schools "is a web developers information website, with tutorials and references on web development languages such as HTML, CSS, JavaScript, PHP, SQL, and JQuery, covering most aspects of web programming. W3Schools presents thousands of code examples. By using the online editor provided, readers can edit the examples and execute the code experimentally."


Microsoft Virtual Academy "Free Microsoft training delivered by experts. Learning paths are curated courses brought to you by Microsoft Virtual Academy (MVA) to help you increase your proficiency in the latest technologies. Build valuable skills through video tutorials, demos, assessments, and more. Plus, earn MVA badges for completed learning paths, and share them through email or social media, such as LinkedIn, Twitter, and Facebook. Get started today!"


Codecademy Our courses are designed to keep you on track, so you learn to code “today” not “someday.”


SitePoint Extensive collection of featured articles, books and courses. Learn HTML5, CSS3, JavaScript, PHP, mobile app development, Responsive Web Design.

☆ Special Recognition

Easy-to-use online form builder for every business. Create online forms and publish them. Get an email for each response. Collect data.

This is absolutely the best one-stop source for all of your form needs. Jotform is a San Francisco based firm who got their start way back in 2006 by Aytekin Tank and they have only gotten better ever since. Tech Times recognized JotForm online form integration on Slack as one of the "Best Productivity Apps" of 2016.

"I have used Jotform for years and in my line of work as a web designer I can safely say that there is none better!" - Papa Mike Creations

As of 2015, JotForm had 2 million registered users and 7,000 form templates. The forms can be integrated on external sites including MailChimp, PayPal, Stripe, and Salesforce. Why not give Jotform a try, it's FREE to try and use with limitations. Upgrade to the premium plan that best suit your needs.

Jotform

Archives

September 2019

July 2019

HTML and CSS
are the fundamental technologies for building Web pages: HTML (html and xhtml) for structure, CSS for style and layout, including WebFonts. Find resources for good Web page design as well as helpful tools.

 

What is WebFonts? -WebFonts is a technology that enables people to use fonts on demand over the Web without requiring installation in the operating system. W3C has experience in downloadable fonts through HTML, CSS2, and SVG. Until recently, downloadable fonts have not been common on the Web due to the lack of an interoperable font format. The WebFonts effort plans to address that through the creation of an industry-supported, open font format for the Web (called "WOFF").

 

What is XHTML?
-XHTML is a variant of HTML that uses the syntax of XML, the Extensible Markup Language. XHTML has all the same elements (for paragraphs, etc.) as the HTML variant, but the syntax is slightly different. Because XHTML is an XML application, you can use other XML tools with it (such as XSLT, a language for transforming XML content).


What is CSS?
-CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts. It allows one to adapt the presentation to different types of devices, such as large screens, small screens, or printers. CSS is independent of HTML and can be used with any XML-based markup language. The separation of HTML from CSS makes it easier to maintain sites, share style sheets across pages, and tailor pages to different environments. This is referred to as the separation of structure (or: content) from presentation.



"MOBILE WEB"



"YOUTUBE CSS"

All popular browsers are CSS responsive and to be able to create a website you need to know some form of CSS. Here's a couple of videos that will help you immensely. You can watch them right here - go Fullscreen





"Learn CSS"

Grid By Example

Guide to Flexbox

W3 Guide to Flexbox

Learn Flexbox at Scrimba




"Learn JavaScript"

Intro to ES6+ at Scrimba

Learn JS at Learn-JS.org

Learn JS - W3 Schools

50 Resources to Learn JS

This website uses cookies to ensure you get the best experience on our website.   Delete all cookies

×

How we use Cookies

This website provides for a one-time login and allows you to move around the entire website freely without having to login to the Forums of Newsroom again. In order to provide this service we use Cookies which are very small text files that are stored on your computer when you visit some websites. This website can read them but no other website can.

You can disable any cookies already stored on your computer without affecting our website but may affect your ability to move around. You can also delete all cookies.