Call us:  714-555-1212

Connect with us

Web Developer will need the following to work on your website

Web Developer will need the following to work on your website

Web Developer WordPress Website Access to backend and hosting.

Before working on a live WordPress website, a developer would typically need a few things:

WordPress Access

1. Access credentials: The developer would need administrative access to the WordPress backend, including the username and password. This allows them to make changes to the website and install/update plugins and themes.

Hosting Account Access

  • Provide access to hosting account.

Having access to a hosting account means that you have control over all the necessary elements for managing your website. This includes FTP/SFTP access, database access to handle your website’s data, website backup functionality for protecting your site’s content, and a development environment where you can work on updates and changes.

If these services are not consolidated within one hosting account, you would need to provide separate access to each individual service or platform where they are housed.

FTP/SFTP access: File Transfer Protocol (FTP) or Secure File Transfer Protocol (SFTP) credentials are necessary for the developer to access the website’s files and directories. This access is crucial for making changes directly to the code, uploading new files, or troubleshooting issues.

Database access: The developer would need access to the website’s database, usually through tools like phpMyAdmin or similar database management systems. This access allows them to modify or optimize the database, fix errors, and perform necessary updates.

Website backup: It’s always recommended to have a recent backup of the live website before making any changes. This ensures that any unforeseen issues can be easily reverted back to the previous working version. The developer may ask for a backup copy to be provided or create one themselves.

Development environment: Ideally, the developer would also have a separate development environment to work on. This is a local or staging environment where they can make changes and test them before deploying them to the live website. It helps to prevent any potential disruptions or downtime on the live site during the development process.

By providing these essentials, the developer can effectively work on a live WordPress website while minimizing any risks and ensuring a smooth development process.

Web Developer WordPress Access
Web Developer WordPress Access
July 4th Campaign

July 4th Campaign

For the Sandy Mush Community Center July 4th project, I had the chance to volunteer my Design Skills and Marketing Services to the SMCC Events Committee. It was a great opportunity to wear many hats, from graphic design to copywriting, social media posts, email campaigns, and more.

Poster Design

I started with the poster design, using the patriotic colors of red, white, and blue, with stars and stripes that screamed “American patriotism from a distance.” The posters were posted at various locations, including Grateful Roots, Leicester Library, and Leicester Supply, among others.

SMCC 4th of July Celebration Poster

4th of July Posters

Email Blast

Once the posters were up, I created a custom email blast for our almost 400 subscribers. The email blast was a great success, with almost half of our subscribers opening the email. I included emoji images of hotdogs, hamburgers, soda, cake, and covered dishes, which added a cheerful touch to the email.

I was able to repurpose the email blast for the SMCC website post and add it to the SMCC public Google Calendar Event Description. The email blast and website post included all the details for the event, such as the location, timings, and activities.

Facebook Event

To spread the word about the event, I also published a Facebook event. We managed to reach over 100 page followers, with several interested shares.

https://www.facebook.com/events/1203423636928152?ref=newsfeed

Throughout the process, I worked closely with the SMCC Events Committee, providing my services to support their event goals.

CSS – Shape-Outside

CSS – Shape-Outside

CSS Shape-Outside is a property that allows text to wrap around a specified shape. This can be used to create unique and interesting layouts on a webpage. With careful consideration of the guidelines and limitations, it can be used to great effect.

Irish Circle Icon
Best Viewed on Desktop

CSS Shape-Outside is supported by most modern browsers, including Chrome, Firefox, and Safari. However, there are some guidelines to keep in mind when using this property.

Firstly, it’s important to note that not all shapes are supported by all browsers. Some shapes, such as polygon, are not supported by Internet Explorer or Edge, so it’s important to test your layout in different browsers to ensure compatibility.

Another consideration is that certain shapes may not work well with certain types of content. For example, using a circular shape with a lot of text can make the text difficult to read. It’s also important to avoid shapes that are too complex, as this can cause performance issues and slow down the page load time.

Shape-Outside – How to Use

To use CSS Shape-Outside, the following steps can be followed:

  1. Create the shape using one of the supported methods, such as shape-outside: rectangle(50px 50px 50px 50px); for a rectangular shape.
  2. Apply the shape to an element that contains the text to be wrapped, such as a <div> or <p> element, with the shape-outside property, like this: shape-outside: rectangle(50px 50px 50px 50px);

Shape-Outside Limitations

There are some limits to CSS Shape-Outside, such as the fact that it only works with block-level elements, and that it can be difficult to create complex shapes that work well with different types of content.

Shape-Outside Experimental Methods

However, there are also experimental methods of using CSS Shape-Outside that show promise. For example, some developers are exploring ways to use CSS Grid and Flexbox to create more complex shapes, or using SVG shapes with the clip-path property to achieve interesting effects.

CSS – Container Queries

CSS – Container Queries

Hundreds of computers screens in different sizes

CSS Container Queries: The Future of Responsive Web Development

Responsive web design has become a crucial aspect of modern web development. With the increasing variety of devices that people use to access the internet, it’s essential to design websites that can adapt to different screen sizes. Media queries have been the go-to solution for a long time, but they have limitations. CSS Container Queries are a new approach that addresses some of these limitations, allowing developers to create more flexible and powerful responsive designs.

What are CSS Container Queries?

CSS Container Queries are similar to media queries in that they allow developers to apply different styles based on certain conditions. However, there’s one significant difference: media queries are based on the viewport size, while container queries are based on the size of the container element. This means that container queries can be used to style elements based on their parent container’s size, rather than the screen size.

How to Use CSS Container Queries

Using CSS Container Queries is relatively straightforward. First, you need to create a container element that you want to target. Then, you can apply styles to the container element based on its size. Here’s an example:

.container {
  @container (min-width: 500px) {
    /* Styles applied when container width is at least 500px */
  }
}

In this example, the @container rule is used to define the conditions under which the styles will be applied. You can use any valid CSS property inside the container rule, just like with media queries.

Browser Support for CSS Container Queries

CSS Container Queries are no longer in the experimental stage and have been added to the latest versions of major browsers such as Chrome 105+, Edge 105+, and Safari 16. This means that container queries are now available and have become more widely adopted.

CSS Container Queries (Size) | Can I use… Support tables for HTML5, CSS3, etc

It is true that CSS Container Queries are on track to become a CSS standard. The W3C has published a working draft of CSS Containment Module Level 3, which includes a specification for container queries. However, it’s worth noting that the specification is still in the working draft stage and is subject to change. It’s also unclear when browser support for container queries will become widespread. Nonetheless, the fact that container queries have been included in a W3C specification is a positive development and suggests that they will become an important feature of CSS in the future.

Future of CSS Container Queries

CSS Container Queries are a promising new feature that could revolutionize responsive web design. They allow developers to create more flexible and powerful responsive designs that adapt to the size of the container element rather than the screen size.

Example of CSS Containers

Note: While CSS Container Queries are a promising solution for responsive web design, it’s important to note that the feature is still in development and may not be fully supported by all browsers.

artwork

A People’s History of the United States

Book review by Gary Crossey

artwork

Design Justice: Community-Led Practices

Book review by Gary Crossey

artwork

Journey to the Center of the Earth

Book review by Gary Crossey

Why a Rural Tech Hub?

Why a Rural Tech Hub?

How do you envision the future of farming? – Digital Artwork by Gary Crossey

Why a Rural Tech Hub in Sandy Mush Can Benefit Our Local Community

In recent years, there has been a growing interest in the tech industry in Asheville, which is now the 7th fastest-growing tech hub in the nation and the 19th best place to live in America. This interest has also spread to nearby communities, including Sandy Mush, where the establishment of a rural tech hub can have significant benefits for the local community. In this blog post, we will discuss the importance of having a tech hub in Sandy Mush and how it can help establish a thriving innovative hub.

The Rise of Digital Nomads

One of the biggest trends in the tech industry in recent years has been the rise of digital nomads. These are individuals who work remotely and can work from anywhere with an internet connection. This trend has been fueled by advances in technology and the increasing availability of high-speed internet in even the most remote locations. Sandy Mush, with its beautiful scenery and quiet surroundings, is an ideal location for digital nomads to work in. By establishing a tech hub in Sandy Mush, we can support the digital nomads to our community.

The Local Tech Ecosystem

Another reason why establishing a tech hub in Sandy Mush is important is the growing interest in the local tech ecosystem. With Asheville becoming a fast-growing tech hub, there is a demand for tech talent in the surrounding areas. By establishing a tech hub in Sandy Mush, we can connect tech talent in our community, which can help spur innovation and create new job opportunities.

Envision future farming
Someone in Southwest Asia in the 9th millennium thought to domesticate cattle.

Establishing a Thriving Innovative Hub

Having a tech hub in Sandy Mush can help connect local businesses, entrepreneurs, and digital nomads with the resources and support they need to succeed in the tech industry.

Learn More