What is CSS 3?
Who uses CSS 3?
CSS 3 Integrations
Here are some stack decisions, common use cases and reviews by companies and developers who chose CSS 3 in their tech stack.
Below is my own professional history to give some context to my current skill set. I have been a front-end dev for 18 years. My tools of choice are:
- CSS 3
- PHP (but not my strongest skill as I don't write it too often)
I first of all would like to become a better and more 'full stack' developer, and I have a business idea that will hopefully allow me to move in this direction. The queries I have will result in which approach I take here. One of the most important aspects to me is the system being 'future proof'. If successful I know I will eventually bring additional developers on board, and they will likely be better developers than me! I want to avoid them having to rebuild the system and would like it to be something that they can just expand and improve on.
The business which I'd like to create is the following (in a nutshell), I have ideas for many more features, but this is how I'd like to begin:
Web-based system for gym management & marketing. Specifically a class-based gym
- One-stop shop for a class-based gym owner
- Sell memberships
- Manage class bookings
- Automatically generated website
- Choose a pre-designed template and amend the content through their dashboard
- Easily send a newsletter to members
- Book a free trial form on the website linked directly to the booking system
- One system, one dashboard. I would like the gym owner to have one place to control everything. Members, marketing, and website amendments.
- Future proof. These features are the bare minimum and I'd like to keep expanding on the features as time goes on. Things like uploading programming for members, messaging between members and admin, and selling merchandise via the website.
- Fast to load & secure. I live in the WordPress world right now, which isn't the fastest or most secure environment. I appreciate there are better ways to develop a system like this, but I'm a little clueless about where to start.
- Mobile. The data created should easily communicate with a mobile app that customers will download to manage their memberships and class bookings.
TIA to anybody that can provide some guidance on where to start here.
Hello, it's, good to finally find a community. I am looking for the best route. I just finished studying HTML and I am looking for the best route. I just finished HTML training and I succeeded! so, I want to progress. I have two accredited courses that I have on the shelf ready for learning and don't know which path to take. should I jump right into Python or do I even need to study it first? My other class is CSS 3, should I take that first? Or should I study something else first and come back to it later? Eventually, I would eventually like to be a full-stack developer if I don't run out of time. I am 52 years old. I learned advanced basics when I was 12 but that was a long time ago. And what else do I need to study? I know nothing about anything except basic HTML and looking for a path.
I'm hoping to get some much-needed tech-stack advice. I have been in UX/UI design for ~11 years now. No hands-on programming until very recently, I learned the basics of Python/CSS 3/HTML5/Django/Flask.
I am looking to work in early-stage startups, helping to build tech/software design. Where I would essentially need to wear multiple hats.
The tricky part for me has been understanding which technology I should focus on learning.
I don't really care at all about where the jobs are. I care more about these priorities (in order):
- Feature-rich / Robust capabilities / Scaling / future-proofing / Security (Is it good tech)
- Ease of build. (Being a UX/UI guy, I love a good GUI to build with.)
- Library resources. Would love to skip the easy stuff whenever possible.
- Strong Dev community.
- Ability to convert Prototypes to usable code. Figma?
- Cross-platform capabilities.
- Monolithic nature. Would love to avoid learning a million different tools.
Basically, I am looking to be enough of a do-it-all type developer, that gets the MVP tech stack far enough along with the company to get funding and get the dedicated resources we would need for whatever the technology is...
Any advice is appreciated! Thanks! - Brian
Hey everyone, I have a matrix chart drawn in HTML5/CSS 3 dominantly using CSS grid. I would like to add interactive features and am unsure about the best tool. My programming knowledge is limited to 2 semesters of Java in college, so I'd have to learn the language as I go. I am open to anything, but the selected languages would be useful in future projects.
Here are the features I am attempting to add to the site linked as my blog:
Assign over 120 attributes each to over 400 elements (probably in a DB)
Procedurally position elements in a matrix chart based on user-inputted filters (filtering and searching)
Procedurally position matrix elements based on attributes weighted by user-input
Change style of elements based on user input (highlighting)
Allow saving matrix chart states to be revisited or shared
Provide a user-friendly interface for users to submit the above input
Build several columns or matrices that are separate but related and seamless to the viewer
We decided to use Python for our backend because it is one of the industry standard languages for data analysis and machine learning. It also has a lot of support due to its large user base.
Web Server: We chose Flask because we want to keep our machine learning / data analysis and the web server in the same language. Flask is easy to use and we all have experience with it. Postman will be used for creating and testing APIs due to its convenience.
Machine Learning: We decided to go with PyTorch for machine learning since it is one of the most popular libraries. It is also known to have an easier learning curve than other popular libraries such as Tensorflow. This is important because our team lacks ML experience and learning the tool as fast as possible would increase productivity.
Data Analysis: Some common Python libraries will be used to analyze our data. These include NumPy, Pandas , and matplotlib. These tools combined will help us learn the properties and characteristics of our data. Jupyter notebook will be used to help organize the data analysis process, and improve the code readability.
UI: We decided to use React for the UI because it helps organize the data and variables of the application into components, making it very convenient to maintain our dashboard. Since React is one of the most popular front end frameworks right now, there will be a lot of support for it as well as a lot of potential new hires that are familiar with the framework. CSS 3 and HTML5 will be used for the basic styling and structure of the web app, as they are the most widely used front end languages.
State Management: We decided to use Redux to manage the state of the application since it works naturally to React. Our team also already has experience working with Redux which gave it a slight edge over the other state management libraries.
Data Visualization: We decided to use the React-based library Victory to visualize the data. They have very user friendly documentation on their official website which we find easy to learn from.
- Caching: We decided between Redis and memcached because they are two of the most popular open-source cache engines. We ultimately decided to use Redis to improve our web app performance mainly due to the extra functionalities it provides such as fine-tuning cache contents and durability.
- Database: We decided to use a NoSQL database over a relational database because of its flexibility from not having a predefined schema. The user behavior analytics has to be flexible since the data we plan to store may change frequently. We decided on MongoDB because it is lightweight and we can easily host the database with MongoDB Atlas . Everyone on our team also has experience working with MongoDB.
- Deployment: We decided to use Heroku over AWS, Azure, Google Cloud because it is free. Although there are advantages to the other cloud services, Heroku makes the most sense to our team because our primary goal is to build an MVP.
Communication Slack will be used as the primary source of communication. It provides all the features needed for basic discussions. In terms of more interactive meetings, Zoom will be used for its video calls and screen sharing capabilities.
Source Control The project will be stored on GitHub and all code changes will be done though pull requests. This will help us keep the codebase clean and make it easy to revert changes when we need to.