#there is an easy alternative on every standard keyboard
Explore tagged Tumblr posts
itsagrimm · 2 years ago
Text
if you have difficulty typing König correctly - don't type konig.
use Koenig instead.
Yes, this is officially how german speakers circumvent the problem when using keyboards without the Umlaut ö.
you can also google 'oe umlaut' and then copy paste the ö.
141 notes · View notes
atplblog · 30 days ago
Text
Price: [price_with_discount] (as of [price_update_date] - Details) [ad_1] From the manufacturer Vegan Leather Desk Mat from Dyazo This is your ultimate PU leather desk pad At Dyazo ,we hope you will love our PU leather desk mat. The attention of the craftsmanship and quality standards sets us apart from the alternatives. We are a customer citric company providing the World best customer experience so be rest assured with your purchase! Features Size 45 cm * 90 Cm Colour : Blue & Yellow Reversable Lightweight & Thin Easy to carry NON Culring Edges The Edges are made in a way that they dont split makes it very neat and long lasint mouse pad . Reversible Design The pad can be used from both sides so now no more boring desk . Easy to carry Light and roll able design makes the Dyazo desk mat easy to carry . Product Dimensions: 90 Cm X 45 Cm Can Be Used Both Side Reversible Color Is Navy Blue & Yellow Material – Premium 100 % Vegan Pu Leather A Minimalistic And Elegant Desk Mat That Complements The Aesthetics Of Every Work/ Office Desk Ensuring No Mouse Lag While Using The Mat Underneath The Extensive Area In The Mat Allows The Mouse To Scroll Freely, Making It A Great Computer Accessory That Improves Your Productivity. The Desk Mat By Dyazo Is A Heavy-Duty, Anti-Skid, Slip-Resistant Pad That Gives The Best Experience And Peace Of Mind While Working, Browsing Or Gaming. It Accommodates Your Laptop / Macbook, Keyboard, Mouse, Notebook, Coffee Cup And Stationery. The Desk Mat Gives A Tidy, Well-Ordered Appearance And Is Easy To Clean. A Wet Cloth Wipe Is What It Needs To Keep It Neat And Spot-Free. Desk Pads Are A Simple Way To Level Up Your Workstation By Shielding And Organizing Your Desk. The Unique Process And Materials Combine To Make A Desk Pad That Stands Out. [ad_2]
0 notes
devoqdesign · 2 months ago
Text
Accessibility in Web Design: Creating Inclusive Interfaces for Users of All Abilities
In the modern era of web design, accessibility has become more than just a buzzword—it's a core principle that ensures digital inclusivity for users of all abilities. With millions of people around the world facing various disabilities, from visual and hearing impairments to cognitive challenges and motor disabilities, it’s crucial that websites are designed to accommodate everyone. When accessibility is prioritized, digital experiences become open and usable to all, promoting equality and user satisfaction.
This article will delve into the importance of accessibility in web design, the core principles to follow, and actionable strategies to implement inclusive practices. By the end, you’ll have a solid understanding of how to create web interfaces that cater to a diverse audience and improve the overall user experience (UX).
What is Web Accessibility
Web accessibility refers to the practice of designing websites and digital interfaces that can be used by people with a variety of disabilities. It ensures that all users, regardless of their physical, sensory, or cognitive abilities, can navigate, interact with, and understand web content.
Accessibility isn’t just about making a site functional for people with disabilities; it’s about providing an equitable experience that gives everyone the opportunity to interact with digital content in meaningful ways. By adhering to accessibility standards, designers and developers can create websites that are more usable, navigable, and readable for all users.
Why is Accessibility Important
1. Legal Compliance
One of the most compelling reasons to prioritize accessibility is compliance with regulations such as the Americans with Disabilities Act (ADA) and the Web Content Accessibility Guidelines (WCAG). Failing to meet these standards can result in legal action and fines. Globally, many countries have similar legislation, making accessibility a legal requirement for many businesses.
2. Expanding Audience Reach
By making your website accessible, you open it up to a broader audience. People with disabilities represent a significant portion of the population—approximately 15% globally. This is a large group of potential users, customers, or clients who can benefit from a more inclusive digital experience.
3. Enhancing User Experience
Accessibility isn’t just beneficial for people with disabilities; it also enhances usability for all users. Features like clear navigation, text alternatives, and keyboard shortcuts make a website easier to use, resulting in improved engagement and satisfaction across the board.
Core Principles of Accessible Web Design
To create an inclusive interface, follow these four foundational principles outlined in the WCAG guidelines:
Perceivable: Users must be able to perceive all content and information presented on the site. This means providing text alternatives for images, offering captions for videos, and ensuring that content can be viewed in different ways without losing meaning.
Operable: Users must be able to navigate and operate the site using various tools and devices. This includes providing keyboard navigation for those who cannot use a mouse and ensuring that interactive elements are accessible.
Understandable: All content and interface elements should be easy to understand. Use clear language, consistent layouts, and ensure that instructions and feedback are straightforward.
Robust: Content should be robust enough to work with a wide range of assistive technologies, from screen readers to older browsers. Test your site across different platforms to ensure compatibility.
Key Strategies for Creating Accessible Web Interfaces
1. Use Semantic HTML Elements
Semantic HTML not only improves the structure of a webpage but also makes it easier for assistive technologies like screen readers to interpret the content. 
2. Provide Text Alternatives for Non-Text Content
Every non-text element, such as images, buttons, and videos, should have a text alternative. This means adding alt attributes to images, providing transcripts for audio content, and using ARIA labels to describe the purpose of interactive elements.
For example, an image of a graph should have descriptive alt text like “Bar graph showing monthly revenue growth from January to June,” rather than a generic “Graph” description.
3. Ensure Sufficient Color Contrast
Users with visual impairments, including color blindness, often struggle with low-contrast text and elements. To ensure readability, maintain a contrast ratio of 4.5:1 between text and background colors. Use tools like the WebAIM Contrast Checker to verify your design.
4. Make Navigation Keyboard Accessible
Many users rely on a keyboard to navigate through a website. Ensure that all interactive elements, such as buttons, links, and form fields, are focusable and accessible via the keyboard. Use tabindex to manage focus order and ensure that skip navigation links are available for users to bypass repetitive content.
5. Create Responsive and Flexible Layouts
Responsive design is not just for different screen sizes; it’s also crucial for accessibility. Use relative units like percentages or ems for font sizes, and implement a flexible grid system that adapts to the user’s preferred zoom level. This allows users to resize text and elements without breaking the layout.
Common Accessibility Mistakes to Avoid
Using Color Alone to Convey Information: Don’t rely on color alone to indicate status or actions (e.g., “red = error, green = success”). Include additional indicators like icons or text.
Overusing Animations and Effects: Excessive animations can trigger seizures in users with epilepsy or distract users with cognitive disabilities. Use motion sparingly and provide an option to disable animations.
Neglecting Form Accessibility: Forms should have clear labels, error messages, and a logical tab order. Use tags and associate them correctly with form fields.
Conclusion
Creating an accessible web design is not just a box to check—it’s an ongoing commitment to inclusivity and a better user experience for all. By applying best practices like using semantic HTML, ensuring sufficient color contrast, and providing keyboard navigation, you can build digital interfaces that cater to diverse needs and abilities.
Accessibility is not only the right thing to do; it also makes good business sense. Inclusive websites attract more users, improve engagement, and help establish a positive brand image. By making your website accessible, you create a space where everyone feels welcome and empowered to interact with your content.
Devoq Design Company is a leading UI/UX Design Agency in Connecticut and UI/UX Design Agency in  Delaware, offering specialized design solutions that cater to the unique needs of businesses in these states. By focusing on creating intuitive, user-friendly, and visually appealing interfaces, Devoq Design Company helps clients in Connecticut and Delaware elevate their digital presence and provide superior user experiences.
0 notes
txras1 · 2 months ago
Text
Enhancing Inclusivity through BDA Accessibility Services
In today's digital world, accessibility has become a pivotal aspect of inclusive service delivery. For people with disabilities, navigating the online and offline world can pose challenges if adequate measures are not taken. This is where BDA (Building Design for Accessibility) services play a crucial role. BDA Accessibility Services are designed to ensure that spaces, both physical and digital, are accessible to all, including those with disabilities. These services are vital not only for ensuring compliance with legal standards but also for promoting inclusivity and providing equal opportunities for everyone.
What Are BDA Accessibility Services?
BDA Accessibility Services refer to a comprehensive approach to creating environments that cater to the needs of individuals with disabilities. This includes ensuring that spaces whether they are buildings, websites, public services, or software are designed and modified to be accessible. These services address various aspects such as mobility, vision, hearing, and cognitive challenges, ensuring that no one is excluded from accessing vital services.
Whether through ramps and elevators for physical spaces or screen readers and keyboard navigation for digital platforms, BDA Accessibility Services work towards creating a seamless experience for everyone. Moreover, with the growing awareness and legal mandates surrounding disability rights, businesses and organizations must adopt these services to stay compliant with regulations like the Americans with Disabilities Act (ADA) in the U.S. and other global standards.
The Importance of Accessibility Services
Legal Compliance: Many countries have legal frameworks that mandate accessibility in public spaces, workplaces, and digital platforms. Failing to comply can lead to hefty fines, lawsuits, and damage to a company's reputation. BDA Accessibility Services help ensure that organizations meet these legal requirements, avoiding penalties and creating a better experience for their customers and employees.
Social Responsibility: Offering accessible spaces and services is not just a legal obligation; it is a moral one. Every individual, regardless of their physical or cognitive abilities, deserves to access services with dignity. Implementing accessibility services reflects a company’s commitment to diversity and inclusion, showcasing it as a socially responsible entity.
Tumblr media
Broader Audience Reach: By investing in accessibility, businesses open their doors to a wider audience. According to the World Health Organization, over a billion people live with some form of disability. Ignoring accessibility means losing out on a significant portion of potential customers. BDA Accessibility Services can help businesses unlock this market by creating environments that cater to everyone’s needs.
Enhancing User Experience: Accessibility improvements often lead to better user experiences for all. Features such as simplified navigation, voice commands, and easy-to-read interfaces benefit not only people with disabilities but also others, such as elderly users or those in challenging environments. This enhances overall user satisfaction and brand loyalty.
Key Elements of BDA Accessibility Services
Physical Accessibility: This includes structural adjustments to buildings, such as ramps, elevators, tactile flooring, and accessible restrooms. Physical accessibility is critical to ensuring that people with mobility impairments can navigate spaces easily.
Digital Accessibility: Websites, apps, and software must be compatible with assistive technologies like screen readers, offer alternative text for images, and be navigable via keyboard shortcuts. Digital accessibility ensures inclusivity in online environments.
Communication Accessibility: For individuals with hearing or vision impairments, services such as sign language interpretation, captioning for videos, and braille translations are necessary. Communication accessibility ensures that everyone can interact effectively with the content being provided.
BDA Accessibility Services are essential for creating a truly inclusive environment. By addressing the needs of people with disabilities, these services help build spaces and digital platforms that offer equal opportunities for all. As businesses, governments, and organizations increasingly recognize the importance of accessibility, the demand for BDA services will continue to grow, leading to a more inclusive and accessible world for everyone.
For more info:-
BDA Accessibility Services
0 notes
aodawebdevelopment · 2 months ago
Text
Accessibility Web Development: Best Practices for Inclusive Design
Tumblr media
In the digital age, accessibility in web development is no longer an afterthought—it’s a necessity. With millions of users relying on the web for information, services, and communication, ensuring that websites are inclusive and accessible to all is critical. Accessibility web development focuses on creating websites that can be navigated and used by everyone, including individuals with disabilities. This article explores the best practices for designing inclusive websites and why accessibility should be at the forefront of every web development project.
1. Why Accessibility Matters in Web Development
Accessibility web development ensures that websites are designed to be usable by people with diverse needs, including those with visual, auditory, cognitive, and motor impairments. Globally, over 1 billion people live with some form of disability. By ignoring accessibility, websites risk alienating this significant portion of users.
Beyond inclusivity, there are legal, ethical, and business reasons for prioritizing accessibility. Countries like Canada, the United States, and the UK have strict accessibility laws, such as the Accessibility for Ontarians with Disabilities Act (AODA) and the Americans with Disabilities Act (ADA). Websites that do not comply can face legal penalties. Additionally, an accessible website improves SEO, user experience, and overall functionality, benefiting all users.
2. Principles of Accessibility Web Development
The Web Content Accessibility Guidelines (WCAG) set the global standard for web accessibility. These guidelines are built on four principles, known as POUR:
Perceivable: Users must be able to perceive the information presented (e.g., through alternative text for images and captions for videos).
Operable: The website should be easy to navigate and use, even for individuals who rely on assistive technologies like screen readers or keyboards.
Understandable: The content should be easy to read and comprehend, with a logical layout and clear instructions.
Robust: The website should work across various devices, browsers, and assistive technologies, ensuring compatibility.
3. Best Practices for Inclusive Web Design
Implementing accessibility web development practices requires attention to detail and a commitment to inclusivity. Here are the best practices to ensure your website is accessible:
a. Keyboard Accessibility
Some users cannot use a mouse and rely solely on a keyboard for navigation. Ensuring that all website features, including forms, menus, and interactive elements, are accessible via keyboard is critical.
Use logical tab order so users can navigate smoothly between sections.
Provide clear focus indicators to show where the user is on the page.
Ensure that all clickable elements, such as buttons and links, are accessible via the keyboard.
b. Provide Alternative Text for Images
Alternative text (alt text) is essential for users who rely on screen readers. Alt text provides a description of an image, ensuring that visually impaired users can understand the context of the image.
Write concise but descriptive alt text that explains the content or purpose of the image.
Avoid redundant phrases like “image of” or “picture of.”
For decorative images, use empty alt attributes (alt="") to let screen readers skip over them.
c. Use Proper Heading Structure
Headings help users, particularly those using assistive technologies, navigate the website’s content more efficiently. Proper heading structure also improves the overall user experience.
Use headings (H1, H2, H3, etc.) in a hierarchical order to organize content logically.
Ensure that the H1 tag is used only once per page, representing the main topic or title.
Use subheadings to break down content and make it easier to digest.
d. Color Contrast and Readability
Users with visual impairments, such as color blindness or low vision, rely on high contrast between text and background colors to read content.
Ensure a contrast ratio of at least 4.5:1 for normal text and 3:1 for larger text.
Avoid using color alone to convey information (e.g., red text for errors) and provide alternative cues, such as symbols or underlined links.
Use legible fonts and allow users to resize text without breaking the layout.
e. Provide Captions and Transcripts for Multimedia
For users with hearing impairments, captions and transcripts are essential for understanding video and audio content.
Add closed captions to all video content, ensuring that they are synchronized with the audio.
Provide transcripts for audio-only content, such as podcasts, so that users can access the information in text form.
f. Accessible Forms and Error Handling
Forms are a critical component of many websites, from e-commerce checkouts to contact forms. Making forms accessible ensures that all users can submit information effectively.
Provide clear labels and instructions for each form field.
Use proper error messages that are easy to understand and guide users on how to correct mistakes.
Ensure that forms are navigable via keyboard, with logical tab order and visible focus states.
g. Use ARIA (Accessible Rich Internet Applications) Landmarks
ARIA landmarks help users with screen readers understand the structure of a webpage. These landmarks provide information about page regions, such as navigation, search, and content areas.
Use ARIA labels to provide context for dynamic content, such as expandable menus or pop-up modals.
Avoid overusing ARIA roles, as they can create confusion for screen readers if not implemented correctly.
4. Testing for Accessibility
To ensure that your website meets accessibility standards, thorough testing is essential. Here are some methods for testing website accessibility:
a. Automated Tools
There are several automated tools available that can scan your website for accessibility issues. Tools like WAVE, axe, and Lighthouse can identify common problems, such as missing alt text, color contrast issues, and improper heading structures.
b. Manual Testing
Automated tools can’t catch every issue. Manual testing, such as navigating your website using only a keyboard or a screen reader, provides a more comprehensive understanding of how accessible your site is for real users.
c. User Testing
Involving individuals with disabilities in the testing process is one of the most effective ways to ensure your website is truly accessible. Real user feedback can highlight issues that automated and manual testing might miss.
5. The Benefits of Accessibility Web Development
While accessibility might seem like an added effort, the benefits are clear:
Wider Audience Reach: Making your website accessible opens it up to millions of users with disabilities, increasing traffic and engagement.
Improved SEO: Many accessibility practices, such as using alt text and proper headings, also benefit your search engine optimization (SEO) efforts.
Enhanced User Experience: Accessible websites are often easier to navigate, providing a better experience for all users, regardless of ability.
Legal Compliance: Avoid lawsuits and fines by ensuring your website complies with accessibility regulations like AODA and ADA.
6. Conclusion: Prioritizing Accessibility for a Better Web
As the web continues to evolve, accessibility is becoming an integral part of web development. By following the best practices outlined in this article, developers can create inclusive websites that cater to a diverse range of users.
Investing in AODA web development is not just about legal compliance—it’s about making the web a better place for everyone. An accessible website fosters inclusivity, enhances user experience, and ultimately benefits businesses by expanding their reach and improving SEO. In the long run, prioritizing accessibility ensures that your website remains functional, relevant, and welcoming to all users.
0 notes
webdeveloperscommunity · 4 months ago
Text
Top 10 Best Practices for Web Accessibility
Tumblr media
Ensuring web accessibility is essential to provide an inclusive online experience for all users, including those with disabilities. Here are the top 10 best practices for web accessibility:
1. Use Semantic HTML
Semantic HTML elements (like <header>, <nav>, <main>, <footer>, <article>, and <section>) provide meaning and structure to web content. Screen readers and other assistive technologies rely on these elements to interpret and navigate a webpage accurately.
2. Provide Text Alternatives for Non-Text Content
Every image, video, and audio file should have an alternative text description (alt text) that describes the content or function. This ensures that users with visual impairments can understand the content through screen readers. For complex images like charts, provide detailed descriptions.
3. Ensure Keyboard Accessibility
All website functionalities should be accessible using only a keyboard. This includes navigating through links, form controls, and interactive elements like drop-down menus. Avoid using tabindex values greater than 0 to manage focus order naturally and predictably.
4. Create Accessible Forms
Forms should have clear labels associated with each input field. Use the <label> element with the for attribute to link labels to their corresponding input fields. Provide instructions and error messages that are easy to understand and accessible through screen readers.
5. Use ARIA Landmarks and Roles Wisely
ARIA (Accessible Rich Internet Applications) roles and landmarks can enhance accessibility by providing additional context to screen readers. Use roles like role="banner", role="navigation", role="main", and role="contentinfo" to define the structure of your web pages. However, use ARIA roles only when necessary and avoid overusing them, as they can become confusing.
6. Ensure Sufficient Color Contrast
Text and interactive elements should have sufficient contrast against their background to be readable by users with visual impairments, including color blindness. Use tools like the WebAIM Contrast Checker to ensure your color choices meet the WCAG (Web Content Accessibility Guidelines) contrast ratio requirements.
7. Provide Clear and Consistent Navigation
Consistent navigation helps users understand the structure of your website and find what they need more easily. Use clear, descriptive link texts and provide multiple ways to navigate the site, such as a search function, sitemap, and breadcrumbs.
8. Use Descriptive Links
Avoid using vague link texts like "click here" or "read more." Instead, use descriptive link texts that convey the purpose or destination of the link. For example, "Read our accessibility guidelines" is more informative and useful for screen reader users.
9. Implement Responsive Design
Ensure your website is responsive and works well on a variety of devices and screen sizes. Responsive design enhances accessibility by providing a consistent experience for users who rely on different devices, including smartphones and tablets.
10. Conduct Regular Accessibility Testing
Regularly test your website for accessibility issues using automated tools and manual testing with assistive technologies. Automated tools like WAVE, Axe, and Lighthouse can identify common accessibility issues, but manual testing with screen readers, keyboard navigation, and other assistive technologies is crucial to catch more nuanced issues.
Conclusion
By implementing these best practices, you can create a more inclusive and accessible web experience for all users. Prioritizing web accessibility not only helps you comply with legal standards but also enhances the usability and reach of your website. Remember, accessibility is an ongoing process that requires continuous attention and improvement.
Need a partner for developing your website with high accessibility? Choose Techtsy a full-service software development company based in Malaysia.
0 notes
illumtori · 11 months ago
Text
Mastering Physical Workspace Design for Productivity
Tumblr media
The design of your workspace is more than just an aesthetic choice. It directly influences your productivity and comfort. Have you ever wondered why some workspaces seem to radiate productivity while others feel stagnant? The secret often lies in their design. The way your physical workspace is set up can significantly impact your productivity, mood, and even health.
We will explore practical ways to optimize your physical workspace, focusing on ergonomic design, lighting, and other elements that can make a significant difference in your daily work experience. Whether you’re in a bustling office or a quiet corner of your home, these insights will help you transform your space into a productivity haven.
The Science of Ergonomics in Workspace Design
Basics of Ergonomics
Ergonomics is about making your work environment fit you. It involves selecting and arranging your furniture and equipment to suit your body and the tasks you perform, aiming to increase comfort and efficiency.
The right chair and desk can make a significant difference. An ergonomic chair does more than just support your back but it promotes good posture, aligns your spine and reduces the risk of developing musculoskeletal disorders. An adjustable desk can help reduce the physical strain of sitting for extended periods. Simple adjustments can lead to noticeable improvements in comfort and focus.
The power of ergonomic adjustments lies in their ability to produce immediate and noticeable improvements in both comfort and focus. For instance, positioning your chair so that your feet are flat on the ground and your thighs are parallel to the floor can significantly alleviate lower back stress. Adjusting the height and angle of your monitor to prevent neck strain, and positioning your keyboard and mouse within easy reach to maintain a relaxed arm posture are other simple yet effective ergonomic practices.
For example, a study found that introducing ergonomic chairs in an office reduced complaints of back pain. Small changes in your workspace setup can have a positive impact on how you feel and work.
Optimizing Workspace Lighting
Effective lighting in a workspace goes beyond basic visibility; it plays a fundamental role in enhancing concentration and minimizing eye strain, significantly impacting productivity and mood. The right lighting creates an environment that not only illuminates but creates an environment that is conducive to work and energizes.
While natural light is the gold standard for workspace illumination, contributing to better mood and energy levels. When natural light is not available then choice of artificial lighting becomes important. Choose lighting solutions that mimic natural light. For example, LED lights, known for their energy efficiency, are beneficial in this regard due to their adjustable brightness and color temperature options. LED lights with adjustable brightness and color temperature can be a good alternative. This adaptability allows you to tailor the lighting to suit different times of the day and various tasks, reducing glare and ensuring adequate illumination without overwhelming the senses.
Task lighting, such as desk lamps, plays a crucial role in directing light precisely where it’s needed, thereby enhancing focus and reducing the likelihood of eye fatigue. For workspaces that lack natural light, consider investing in high-quality lamps that simulate daylight. These lamps can help regulate circadian rhythms, thereby maintaining alertness and preventing the midday slump often experienced in poorly lit environments.
Every individual has unique lighting needs, which can vary depending on the nature of their work, personal preferences, and the specific layout of their workspace. Experimenting with different lighting arrangements and intensities can help in finding the optimal setup that caters to personal comfort and efficiency. In addition to overhead lighting, incorporating adjustable desk lamps or floor lamps can offer the flexibility to create a personalized lighting environment that boosts productivity and minimizes discomfort.
Creating and Personalizing an Aesthetic and Functional Workspace for Efficiency
A well-designed workspace can boost both your mood and productivity. Start by organizing your space for functionality, ensuring that everything you need is easily accessible. Then, add a personal touch with items that inspire you, like photos, artwork, or a favorite plant. These personalization can make your workspace feel more comfortable and inviting without overwhelming it.
Personalizing your workspace isn’t just about aesthetics; it’s about creating an environment where you feel motivated and focused. Identify what elements make you feel most comfortable and productive, whether it’s a certain color scheme, type of lighting, or specific desk accessories.
Practical Tips for Personalization
Start with the essentials: a comfortable chair, a desk that fits your needs, and good lighting. Then, add personal items like a favorite piece of art, a photo frame, or a plant. These items shouldn’t clutter your space but rather enhance it, making it feel uniquely yours.
While personalizing your workspace, it’s important to maintain a balance. Too many personal items can be distracting. Aim for a clean and organized space that reflects your personality but still maintains a professional feel, especially important in shared or open office spaces.
Adding plants to your workspace can have multiple benefits. They not only improve air quality but also enhance your workspace’s visual appeal, potentially reducing stress and boosting creativity. Select plants that thrive in indoor environments and require minimal maintenance. Some popular options for office spaces include snake plants, ZZ plants, and Pothos. These plants are not only aesthetically pleasing but also effective in purifying the air.
Ergonomic Accessories and Their Importance
While ergonomic chairs and desks are fundamental, don’t overlook the importance of accessories like keyboard trays, footrests, or monitor stands. These additions can further reduce strain on your body and increase comfort during long working hours.
Select accessories based on your specific needs. For instance, if you frequently experience wrist discomfort, an ergonomic keyboard or a wrist rest might be beneficial. Similarly, if you find your feet don’t comfortably reach the floor when sitting, a footrest can provide support and improve posture.
While budget is always a consideration, investing in high-quality ergonomic accessories can be worthwhile in the long run. Quality products not only last longer but also tend to offer better ergonomic benefits, contributing to your overall health and productivity.
The Importance of Workspace Layout and Flow
The layout of your workspace can significantly impact productivity. Consider the flow of your workday and arrange your space accordingly. Ensure that frequently used items are within easy reach and that you have enough space to work comfortably without feeling cramped.
If space allows, consider creating different zones for various tasks — a zone for computer work, another for reading or brainstorming, and perhaps a small relaxation area. This can help in mentally shifting gears between different types of work.
In smaller workspaces, being creative with layout is key. Use vertical space for storage, multifunctional furniture, and keep your setup flexible to adapt to different tasks. Even in limited spaces, a thoughtful layout can maximize efficiency and comfort.
Maintaining a Clean and Organized Workspace
A clean and organized workspace can significantly reduce stress and distraction. Develop a habit of regular cleaning and decluttering. Keep only what you need on your desk and use organizers or storage solutions to keep everything in its place.
Use tools like drawer dividers, cable management systems, and document holders to keep your space organized. Digital organization is equally important — maintain a clutter-free desktop on your computer and organize your digital files systematically.
There’s a psychological aspect to organization — a tidy workspace can lead to a clearer mind and a more focused approach to work. It can also positively impact your professional image, especially in shared office environments or during video conferences.
Conclusion: Bringing It All Together
In exploring the fundamentals of physical workspace design, we’ve seen how impactful the right setup can be on productivity and well-being. Remember, the perfect workspace is unique to you. Whether it’s adjusting your chair for comfort, optimizing lighting for focus, or adding personal touches for inspiration, even small changes can have a profound effect.
We encourage you to experiment with these ideas and find what best suits your work style. And as you do, stay tuned for our next article in the series, where we’ll delve into the digital dimensions of workspace optimization, offering insights and tips for streamlining your digital environment to complement your physical workspace.
Follow our Instagram account for your daily dose of fun and inspiration!!
Looking for a productivity tool that can help you achieve goals, set budget, and be more productive? Come learn about Illumtori!
0 notes
atwodigi · 1 year ago
Text
ADA Compliance in Real Estate Digital Marketing: Ensuring Accessibility for All
In an increasingly digital world, where information is just a click away, ensuring accessibility for all is not just a legal requirement but a moral imperative. The convergence of real estate and digital marketing has brought new opportunities and challenges, making ADA compliance an essential aspect of every real estate digital strategy. At [Your Company Name], we are committed to not only meeting but exceeding ADA compliance standards, making sure that every individual can access and engage with real estate digital content seamlessly.
A2 Digital is the best real estate digital marketing agency. Visit our website and grow your business.
Understanding ADA Compliance in Digital Real Estate Marketing
The Americans with Disabilities Act (ADA) was established to prohibit discrimination against individuals with disabilities and ensure their full and equal participation in all aspects of society, including the digital realm. In the context of real estate digital marketing, ADA compliance translates to creating a web presence that accommodates individuals with disabilities, including but not limited to visual, auditory, cognitive, and motor impairments.
The Significance of ADA Compliance
1. Equal Access to Information
ADA compliance ensures that your real estate listings, property descriptions, images, and videos are accessible to everyone. This not only broadens your audience reach but also upholds the principles of inclusivity and fairness.
2. Legal Requirements and Avoidance of Lawsuits
Non-compliance can lead to legal repercussions and potential lawsuits. By adhering to ADA guidelines, you not only mitigate legal risks but also demonstrate your commitment to creating an equitable online environment.
3. Enhanced User Experience
ADA-compliant websites are designed with user experience in mind. Implementing features like alt text for images, closed captioning for videos, and easy navigation benefits all users, contributing to a positive online experience.
4. SEO Benefits
Search engines favor websites that prioritize user experience and accessibility. ADA-compliant websites tend to have better search engine rankings, ultimately driving more organic traffic to your real estate listings.
ADA Compliance Best Practices for Real Estate Digital Marketing
1. Alternative Text (Alt Text) for Images
Include descriptive alt text for all images on your website. Alt text not only aids visually impaired users but also improves image search optimization, helping your property images appear in relevant search results.
2. Captioning for Videos
Caption all videos to make them accessible to individuals with hearing impairments. Captions also enhance user engagement and retention, providing an opportunity to convey property details effectively.
3. Clear and Concise Content
Craft property descriptions and other content with clarity and simplicity. This benefits users with cognitive disabilities and contributes to better SEO, as search engines favor easily understandable content.
4. Font and Color Contrast
Ensure sufficient contrast between text and background colors for readability. Use web-safe fonts and maintain a consistent font size throughout your website.
5. Keyboard Navigation
Design your website to be navigable using a keyboard alone. This assists users with motor impairments who may not be able to use a mouse.
6. Responsive Design
Optimize your website for different devices and screen sizes. Responsive design not only enhances accessibility but also improves user experience, which indirectly influences your search engine rankings.
7. Accessible Forms
Create forms that are easy to complete, especially for users who rely on screen readers. Label form fields clearly and provide helpful error messages.
Our Commitment to ADA Compliance
At [Your Company Name], we recognize the importance of creating an inclusive digital environment for all users. Our real estate listings are meticulously optimized to meet and exceed ADA compliance standards. We go the extra mile to ensure that property information, images, and videos are accessible to everyone, ensuring that no one is left behind in the digital age.
Conclusion
ADA compliance in real estate digital marketing is not just a legal obligation but a fundamental principle that underlines the importance of inclusivity and equal access. By prioritizing ADA compliance, you not only uphold ethical values but also position yourself for online success. At [Your Company Name], we are dedicated to championing accessibility in real estate digital marketing and setting new industry standards.
0 notes
leefkeebs · 1 year ago
Text
Wisteria B-Stock
Tumblr media
I bought these switches for roughly 0.26 Euro per from the fellas at All Caps in Australia while getting other stuff (like the deskmat in the picture) to make international shipping worth it.
Buying international to get stuff that isn't available locally is exciting, but I can't help but feel a bit bad every time I do order from the US, Australia, or China.
Let's get into the basics:
These switches are long-pole linears manufactured by Meirun, a Chinese manufacturer for various types of switches, not just keyboard switches. The materials used overall aren't anything to blow your mind with a POM stem, PC top and nylon bottom. This leads to a familiar but nice snappy, loud and bright bottom out sound, and a more toned down and in comparison rather quiet reset sound. Travel distance is 3.4mm and the springs for the A-stock are (according to specs) relatively standard 62g and 15mm steel(?) springs.
Tumblr media
With that we already have the first issue, which was expected as it's listed on the product page as well: the springs have different weights and lengths between most of the switches. I have found there being mostly 3 categories: As advertised, lighter and very light. The very light variation feeling nearly like a 45-50g spring. The length of the springs varies by roughly +-1.5mm but doesn't seem to be in relation to their weight.
Now of course this is easily fixed if you just have springs on hand to swap them out, no biggie, but fixing an over-lubed switch is not as easy if you don't have fancy stuff or techniques to get that excess lube out of the nooks and crannies of the bottom housing. The switches are hand-lubed, consistently lubed, mind, but in my opinion it's a bit excessive.
There also seems to be some oddity with roughly 15% of the stems, where the pole is slightly longer, maybe .2mm, leading to shorter travel and a somewhat different, louder sound on bottom out.
Another problem I've found that a scary amount of switches were unusually scratchy, which got me curious so I opened some up and found that it's caused by 2 separate issues: First off a more easily fixed issue is some random debris in there that might be small bits of plastic, maybe fabric? It's most likely from when they were lubed and while annoying, it's by far the lesser evil. The moment I went "yikes" out loud was when I found some of the stems to have an issue where I found them to have small bits sticking out, mostly on the backside and the sliders, as well as on some bits that don't really matter for performance. (There are also some weird dark blue-ish spots that only affect the looks of the stem)
Tumblr media
The good news is that you can probably sand those bits down and polish them afterwards and that would fix them, bad news, I don't think most people would want to put in the time and effort to do that. Alternatively, you might be able to use a break-in machine instead of polishing them after sanding, but I currently cannot test that.
Out of the 100 I bought, I counted 70 to be usable but requiring a spring swap to be consistent, the rest having either debris/dirt in them or having the mentioned busted stems. This doesn't hurt too bad considering they were dirt cheap and obviously no shade at the vendor as it was B-stock after-all and I knew what I was getting myself into.
The switches that are usable feel nice and smooth but due to the generous amount of lube the bottom out noise is dampened a lot and it sounds a bit sad honestly. The few switches I got with the longer poles on the other hand don't seem to suffer from it too much and sound incredible. If I took the time and re-lubed them proper I bet they'd all sound like that, but that is for another day.
The bottom line is that the B-stock is, as advertised, a gamble. The switches that are usable mostly feel and sound great, but those that don't, require anywhere between a little and a lot of effort to fix. If you get these, you will most likely want to buy A-stock, or plenty of spares and some springs if you buy B-stock, as well as being cautious about buying these on the aftermarket.
I would also like to say that while this might seem overly negative, these are not bad switches; they are quite good linears in fact. It just happens that the bad ones of the bunch are quite bad indeed and that linears don't have a whole lot to talk about.
If I can get my hands on A-stock of the Wisteria switches I will keep y'all posted, most likely as a reblog to this post.
1 note · View note
merriammusicinc · 2 years ago
Text
Roland RP107 | Digital Piano Announcement | Replacement for Roland RP102
youtube
p>Roland’s RP102 has been a staple of the home digital piano market since its release in late 2017. The least expensive home digital piano with 88 weighted key touch from Roland, the RP102 has been a popular alternative to other best-sellers like the Yamaha YDP-144 and Kawai KDP75.
With the recent announcement of an update to the RP102 in the form of the new Roland RP107 SKU, we knew we needed to do a video and write a quick blog post about it, sharing everything we know at this point.
RP107 have not shipped to North America at this point, but we expect them to start hitting store shelves soon.
Why was the Roland RP102 Popular?
As we mentioned in the intro, the RP102 has been Roland's most basic 88-key weighted action digital piano. By the home piano, we mean that the RP102 has an integrated stand and built-in triple pedal system with damper, soft and sostenuto pedals.
Roland PHA-4 Action
The RP102 has a fairly basic 12-watt speaker system to keep the cost down, but otherwise, it has some really strong points going for it, making it an especially attractive option for the price. For one, it has the PHA-4 Standard Keyboard action, which in our opinion, is the top action available in this price range.
Bluetooth MIDI & Roland Apps for iOS & Android
Despite a fairly bare-bones on-board feature set, when used in conjunction with Roland's apps, the full General MIDI II sound bank was unlocked, giving the user access to hundreds of sounds including synthesizers, electric pianos, guitars and a host of drum rhythms.
And as an early adopter of Bluetooth MIDI, connecting to a smart device to access the apps was easy.
Roland SuperNATURAL Piano Engine Roland RP107 3D Headphone Ambience
The RP102 also boasts a very nice sound generator with Roland’s SuperNATURAL Piano Sound. While the speaker system isn’t robust enough to maximize the sound engine when playing acoustically, it sounds fantastic when playing with headphones with a lush grand piano sound, due in part to the built-in Headphones 3D Ambience effect.
What’s Improved on the Roland RP107? New BMC Sound Chip
The first key improvement featured on the new RP107 is the inclusion of Roland’s BMC sound chip. This advanced new chip is also being featured throughout the new FP series instruments, as well as the upcoming Roland F107. Not only does this chip offer increased complexity on acoustic piano tones and all sounds frankly, but it also doubles the polyphony from 128 notes to 256. So, we can safely expect the RP107 to sound better than the RP102.
Bluetooth Audio Roland RP107 Connectivity
While the connector jacks have remained the same with the RP107, Bluetooth Audio has been added which is a very exciting addition given the price point that the RP107 will be available at.
Bluetooth Audio allows you to stream music directly from a device and playback the music through the RP107’s built-in speaker system, whether for playing along with or simply listening to.
16-Watt Speakers
Roland has given the speaker system on the RP107 a modest bump in power output, from 12 watts to 16 watts in total coming from the amp. Combined with the BMC, this extra bit of power is sure to have a larger-than-normal effect on the overall quality of the sound.
Roland Piano App Roland Piano App
Roland’s Piano Every Day app had many great features, but the user interface was clunky and met with many complaints. Fortunately, Roland took the criticism to heart and addressed the issues thoroughly, resulting in the new Roland Piano App.
When using the RP107 in conjunction with the Roland Piano App, you can remote control all of the features of the RP107 from the convenience of your smart device thanks to Bluetooth connectivity with a beautiful new interface. Everything from the metronome, touch sensitivity, twin piano, master tuning, and everything else, while also greatly expanding the functionality by adding additional sounds, sheet music via the Roland Cloud and rhythms.
Closing Thoughts Roland RP107 Dimensions
While the RP102 was a highly relevant instrument during its run, there’s no question that the RP107 is a welcome arrival, and serves as a meaningful advancement with some very notable improvements, particularly with regard to sound. Roland’s warranty coverage is always great so that’s a confidence booster as well.
If you’re looking for a very capable yet affordable home digital piano with slick cabinet styling that also happens to come with everything you need in the box, including a piano bench, music rest and power supply, the Roland RP107 is set to be a compelling option that should be on your wishlist waiting for checkout, picking up where the RP102 left off.
The post Roland RP107 | Digital Piano Announcement | Replacement for Roland RP102 first appeared on Merriam Pianos
2359 Bristol Cir #200, Oakville, ON L6H 6P8
merriammusic.com
(905) 829–2020
0 notes
tech-tips-2023 · 2 years ago
Text
Logic Pro 10.7.7 Download [Free]
Logic Pro is a powerful and complex application that offers a long list of tools to help you create and edit music. It also provides a streamlined interface and lightning-fast click-and-drag comping to help you build your best performance from multiple takes.
Logic has a powerful collection of stock plugins that can shape your sound, but it also gives you the freedom to try out more advanced options online. If you need to add new content, Logic lets you download that content directly from the library and plug-in settings in the Loop Browser.
Powerful Tools for Music Production
https://logicprodownloadin.wixsite.com/logic-pro is a powerful digital audio workstation (DAW) that combines advanced features with user-friendly controls to enhance your workflow and creativity. It’s an excellent choice for both beginners and seasoned producers.
Besides the standard editing and recording tools, Logic Pro also offers five amazing apps to make your music production a breeze. Whether you want to sound great on stage or enhance your music production skills, these apps will help you achieve the results you want.
For example, the Remix FX feature lets you call on previous performance tracks to enhance your song’s tempo. Moreover, Logic Pro has dedicated tools for comping, grouping tracks and managing alternative files.
Sound as Great on Stage as You Are in the Studio
Logic Pro is Apple's professional-grade digital audio workstation (DAW) with step sequencing, sampler controls and remote music-making capabilities. It turns your Mac into a fully-featured recording studio that lets you capture organic-sounding acoustic drum tracks, electronic beats, live instruments sounds and much more.
Its powerful editing features allow you to bring your songs and arrangements to life by making adjustments such as pitch correction, rhythmic elements or tempo changes transparently without the need for additional plugins. Flex Time, Flex Pitch and Smart Tempo are just a few of the many options that come built into Logic.
Logic also makes it easy to keep track of takes and edits using dedicated comping and alternative file management functions. This allows you to easily move from one track to another while maintaining the original project's sound and style.
Organize Your Music in a New Way with Live Loops
If you're working with a lot of different loops, it's important to have an organized library. That way, you can easily find the loops you need when you're ready to record a new track or edit existing tracks.
Logic Pro has a special system for organizing your Apple Loops based on instrument, genre, or descriptors. You can access this system by tapping the loop symbol (looks like a roller coaster loop) in the upper-right toolbar.
Tumblr media
In addition to organizing your loops, Live Loops also allows you to experiment with musical ideas in real time. You can start a composition by adding loops, samples, or recordings into a grid of cells. Then trigger different combinations to play with your ideas and capture different arrangements in the timeline.
Streamline Your Workflow
Whether you’re a seasoned Logic Pro user or are just starting out, the software has many ways to help you streamline your workflow and make the most of every minute in the studio. For example, it features an incredibly flexible track layout and a variety of other nifty nifty features that are geared towards the studio musician.
This streamlined interface makes it easy to manage multiple tracks at once, and it also allows you to quickly access the best tools for the job without wasting time on unneeded features. One such feature is the midi controller, which makes it a breeze to switch between keyboards and MIDI inputs on the fly.
Logic also features an impressively long list of plug-ins, including some you can’t find anywhere else. For example, there are more than a dozen dedicated video effects processors, and it’s possible to integrate these into your workflow via a special interface. Another cool trick is the ability to create your own custom audio sampler, which you can then drag into any of a number of Logic’s built-in instruments and plugins.
0 notes
saint-starflicker · 7 months ago
Text
I play the piano, the guitar, and made it into the chorus of my high school's production of Pippin which was how I first got voice training. I also have composed a handful of songs. Here's two ways I recommend:
The Digital / Voice-Only Way
What I advise you do is get a voice recorder app on your smartphone, or a digital dictaphone, or even a cassette-tape voice recorder if those still exist...
...and if a tune comes into your mind, without words, then la-la-la it into your chosen recording medium (or if it's entangled with lyrics, like the tune went to your mind while you were writing a poem for it, then replace the la-la's with your poetry/lyrics.)
That's one way. You can even do that with what's called a capella, which can be a solo voice with no accompanying instrumentals, or multiple layered voices that become the "instrumentals".
Audacity is a free sound editor, if you want to play around with layering your voice recordings in addition to cutting-and-pasting the parts of your voice sound file that you want. You can record a percussion voice as one layer, a chord-humming voice as another layer, and your melody-lyrics as the main part. Combine those and you have a song.
That's mostly the digital way. When I say "chord" it's when you sing a note (that's one moment of music, a "la") or a series of notes ("la-la" or "la-la-la"), and there's a different note that the "instrumental" is playing at the same time��even if that "instrumental" accompanying it is another voice.
The difference between the song-notes and the accompanying "instrumental" notes creates a chord (technically the term is interval, but I mean to give you a general idea of what a chord is.)
Or you can keep the solo voice with your melody and lyrics, then worry about accompaniment much later. The recording devices and applications are only to help your memory.
Minus the tech, a lot of traditional ballads were probably composed in this way ("Drowned Lovers" by Kate Rusby; the poetic structure of a ballad is alternating lines of iambic tetrameter and iambic trimeter but this is not a strict form so it's not important I only add it here in case you're curious), and even a lot of modern music uses solo-voice a capella for emotional effects: Jax the Bard's "Chemical Workers Song", Bo Bice's cover of "In A Dream", Tori Amos' "Me and a Gun", etcetera.
The Analog Way, or Actually Learn An Instrument
The piano is better for learning music theory, I think you can get smaller and cheaper digital/electric MIDI keyboards that plug to upload to Audacity all right with a cable, and the steeper learning curve is worth it for the versatility...but I personally prefer the six-string acoustic guitar at standard tuning for composing songs because it's more tactile, I think as an instrument the guitar is easier to learn than the piano. You don't even really need a capo or a guitar pick when starting out.
What I recommend starting with is rhythm guitar stuff: If you learn the C-major, A-minor, G-major, and D-major chords on the guitar...then you have basically learned to play the guitar accompaniment of almost every pop song. There's a difficult way and an easy way to play G-major on a standard tuning 6-string guitar; don't start out with the difficult G-major.
If you're going for a more Lana del Rey and maybe Lorde vibe, then I think only E-minor and A-minor and maybe D-major and D-minor will be most of what you need.
With an analog and acoustic basis this way, what can happen is you listen to the change between chords, and then you start putting a melody to match those chords and rhythm-guitar percussion—instead of the method I recommended above, which creates the melody-and-lyrics first and then builds the accompaniment around that. In this other way, you create the pattern of chords and rhythms first, and the melody-and-lyrics get built on top of that.
After either of these, you can figure out your creative process. Sometimes a rhythm, percussion, or bass line is the first part that a songmaker thinks up for their specific song ("Jason" by Andrew Muccitelli started with its bass, if I recall correctly). Other times, the melody emerges from the words ("Jolene" by Dolly Parton, she was trying to remember the name of somebody who asked for her autograph, because Parton got permission to use her name in a song, so it was repeating the name to herself that created the urgency of the first verse and became a melody as she repeated the name to remember it.) Other times still, I will think of a melody and that bit of melody will remain orphaned without lyrics, and I don't even know if that bit of melody will be the verse or the chorus.
There was (is?) a composer-lyricist team I followed whose process, according to the lyricist, was that they fight. One of them has a feeling or idea about what they want the next song they work on together to be about, and if the other disagrees then they fight, and the one who's most passionate about really feeling the style and the subject matter wins. The next step after that is getting into a rhythm, because if the lyricist has a rhythm and the composer has a rhythm and they agree on that, then they can work on those independently from each other. At the end of the day they meet up again, they share what they worked on for the song they fought about in the first place, and the composer's melody will match the lyricist's lyrics because they shared the rhythm or tempo.
I think that process can happen to one person, but it can take longer if you can't work on both parts of the song at the same time (or if you never win that first decisive "fight" with yourself about what this song is even going to be about.)
So even though that's my advice to start out, your creative process is really going to be yours, you discover what works best for you or what you can make-do with within your limitations. Maybe you think the guitar is too difficult while the piano keyboard is easy, opposite of my experience and opinion. That's completely all right. If it works for you, then it works!
guys i rlly want to start writing songs bc i’ve been building up my voice and writing some vague lyrics for possible songs but i dont know how to play any instrument and its rlly hard for me to come up with creative and good melodies 😭 if anyone can help me pls respond
24 notes · View notes
devoqdesign · 2 months ago
Text
Accessibility in Web Design: Creating Inclusive Interfaces for Users of All Abilities
In the modern era of web design, accessibility has become more than just a buzzword—it's a core principle that ensures digital inclusivity for users of all abilities. With millions of people around the world facing various disabilities, from visual and hearing impairments to cognitive challenges and motor disabilities, it’s crucial that websites are designed to accommodate everyone. When accessibility is prioritized, digital experiences become open and usable to all, promoting equality and user satisfaction.
This article will delve into the importance of accessibility in web design, the core principles to follow, and actionable strategies to implement inclusive practices. By the end, you’ll have a solid understanding of how to create web interfaces that cater to a diverse audience and improve the overall user experience (UX).
What is Web Accessibility
Web accessibility refers to the practice of designing websites and digital interfaces that can be used by people with a variety of disabilities. It ensures that all users, regardless of their physical, sensory, or cognitive abilities, can navigate, interact with, and understand web content.
Accessibility isn’t just about making a site functional for people with disabilities; it’s about providing an equitable experience that gives everyone the opportunity to interact with digital content in meaningful ways. By adhering to accessibility standards, designers and developers can create websites that are more usable, navigable, and readable for all users.
Why is Accessibility Important
1. Legal Compliance
One of the most compelling reasons to prioritize accessibility is compliance with regulations such as the Americans with Disabilities Act (ADA) and the Web Content Accessibility Guidelines (WCAG). Failing to meet these standards can result in legal action and fines. Globally, many countries have similar legislation, making accessibility a legal requirement for many businesses.
2. Expanding Audience Reach
By making your website accessible, you open it up to a broader audience. People with disabilities represent a significant portion of the population—approximately 15% globally. This is a large group of potential users, customers, or clients who can benefit from a more inclusive digital experience.
3. Enhancing User Experience
Accessibility isn’t just beneficial for people with disabilities; it also enhances usability for all users. Features like clear navigation, text alternatives, and keyboard shortcuts make a website easier to use, resulting in improved engagement and satisfaction across the board.
Core Principles of Accessible Web Design
To create an inclusive interface, follow these four foundational principles outlined in the WCAG guidelines:
Perceivable: Users must be able to perceive all content and information presented on the site. This means providing text alternatives for images, offering captions for videos, and ensuring that content can be viewed in different ways without losing meaning.
Operable: Users must be able to navigate and operate the site using various tools and devices. This includes providing keyboard navigation for those who cannot use a mouse and ensuring that interactive elements are accessible.
Understandable: All content and interface elements should be easy to understand. Use clear language, consistent layouts, and ensure that instructions and feedback are straightforward.
Robust: Content should be robust enough to work with a wide range of assistive technologies, from screen readers to older browsers. Test your site across different platforms to ensure compatibility.
Key Strategies for Creating Accessible Web Interfaces
1. Use Semantic HTML Elements
Semantic HTML not only improves the structure of a webpage but also makes it easier for assistive technologies like screen readers to interpret the content. 
2. Provide Text Alternatives for Non-Text Content
Every non-text element, such as images, buttons, and videos, should have a text alternative. This means adding alt attributes to images, providing transcripts for audio content, and using ARIA labels to describe the purpose of interactive elements.
For example, an image of a graph should have descriptive alt text like “Bar graph showing monthly revenue growth from January to June,” rather than a generic “Graph” description.
3. Ensure Sufficient Color Contrast
Users with visual impairments, including color blindness, often struggle with low-contrast text and elements. To ensure readability, maintain a contrast ratio of 4.5:1 between text and background colors. Use tools like the WebAIM Contrast Checker to verify your design.
4. Make Navigation Keyboard Accessible
Many users rely on a keyboard to navigate through a website. Ensure that all interactive elements, such as buttons, links, and form fields, are focusable and accessible via the keyboard. Use tabindex to manage focus order and ensure that skip navigation links are available for users to bypass repetitive content.
5. Create Responsive and Flexible Layouts
Responsive design is not just for different screen sizes; it’s also crucial for accessibility. Use relative units like percentages or ems for font sizes, and implement a flexible grid system that adapts to the user’s preferred zoom level. This allows users to resize text and elements without breaking the layout.
Common Accessibility Mistakes to Avoid
Using Color Alone to Convey Information: Don’t rely on color alone to indicate status or actions (e.g., “red = error, green = success”). Include additional indicators like icons or text.
Overusing Animations and Effects: Excessive animations can trigger seizures in users with epilepsy or distract users with cognitive disabilities. Use motion sparingly and provide an option to disable animations.
Neglecting Form Accessibility: Forms should have clear labels, error messages, and a logical tab order. Use tags and associate them correctly with form fields.
Conclusion
Creating an accessible web design is not just a box to check—it’s an ongoing commitment to inclusivity and a better user experience for all. By applying best practices like using semantic HTML, ensuring sufficient color contrast, and providing keyboard navigation, you can build digital interfaces that cater to diverse needs and abilities.
Accessibility is not only the right thing to do; it also makes good business sense. Inclusive websites attract more users, improve engagement, and help establish a positive brand image. By making your website accessible, you create a space where everyone feels welcome and empowered to interact with your content.
Devoq Design Company is a leading UI/UX Design Agency in Connecticut and UI/UX Design Agency in  Delaware, offering specialized design solutions that cater to the unique needs of businesses in these states. By focusing on creating intuitive, user-friendly, and visually appealing interfaces, Devoq Design Company helps clients in Connecticut and Delaware elevate their digital presence and provide superior user experiences.
0 notes
hexhomos · 2 years ago
Note
i rlly want to write longer fics but i can never get past the first 1k words no matter what 😶 how TF do you write up to 30,000+???? pkease im DYING
This is a question I often battle with myself and it's one without an universal answer, imo. I can offer you advice that has worked for me, but you'll have to administer it following your own habits!
I’m putting this post under a readmore because it ended up being fairly long. (Tips, resources, links and book recs below cut)
In the throes of intensive fixation, I managed to write Catafalque's 32k in about ~2 months. But I think it's important to be clear here: 2 months of active, every day writing, even when I was feeling kind of meh about it, and I had already spent the previous November thinking about a lot of the themes / scenes / structure of the fic before I got to the writing part itself. I was also helped plenty by the fact that the fic is borrowing time locked events from Arcane's canon, and I knew exactly how things would play out for these characters ahead of time, meaning, I could explore alternate possibilities without a lot of stuff bogging me down. Readers would know what I was talking about by implication! I can just go on and on about feelings and abstract concepts and it's fine!
Compare it to my latest fic though (’Meat gets caught’) which sits at a hefty 6k, but also took… about 2 months of flubbing in the backburner, LOL. The Idealization period for this fic was considerably larger for a Way Smaller Output, since I was juggling characters people are mostly unfamiliar with, events they had no baseline for, and establishing a set character dynamic that is clear to me, but not to others, all in very a short allocation of paragraphs.
Now here's what I mean by the above: There is no standard speed to writing, and you should be aware that the process Will Be Different from author to author *and* project to project. It is a fallacy to believe success follows only one mold.
Ideally, you should stop thinking about big numbers altogether. Focus on the NOW. You want to finish a story you think might be kinda long, but you lose steam when trying to write aaaaaall that bullshit? ok then here's tip number 1 --
1) Just write 300 words a day. Every day. Make it a hardset goal, and avoid skipping this daily exercise as much as possible.
300 words a day for 30 days = 9000 words, easy. The objective here is giving you a task that can be completed without a daily headache. Maybe your minimum can be 200 words, if you prefer - so long as you write them. Pick a frequent or comfortable timeslot to do it, and make this a routine. Focus on finishing scenes, finishing a chapter, finishing whatever section you're already on. Keep going until you reach the end of your story.
You can edit it tomorrow, or when you're closer to completion. (I do a lot of fiddling with my words! I'll often edit my stories dozens of times, more if you're counting section rewrites or re-arranging paragraphs. Editing is your friend. Wait a little bit to see where you've messed up though. Fresh text is tricky.)
The good thing about setting this bar low, is that if you can only write your minimum of the day, that's perfectly fine. Close the doc and let it rest. But just the act of starting and working on the thing by itself is a surprisingly potent battery - there's days where i find a good rhythm for things and end up hammering a whole 1k, since my hands are already on the keyboard.
Tip #2, following on the footsteps of the above:
2) Use a different font color for each day. Make your progress actually *visible* while you're composing the document.
This can be as simple as alternating between black and dark blue to keep it non-distracting. (You can use other, crazier colors if you're into it though!) It's immediately rewarding to be able to scroll back through what I've already written and see that organic growth - days I wrote little, days I wrote a lot, how the text is still changing and being affected by what i do. I have an issue with abstract goals, I *like* being able to see how much progress I've made, and it gets me hyped to pinch in a little more.
3) EDITING IS YOUR FRIEND.
first drafts look and read like gummed up garbage. You should give imperfections a license to exist.
That's ideal! Don't be discouraged. Trust that you can come back and fix things when you have a better grasp of the whole piece. You can always edit it later. Remember: Polishing your text with time is not a bug - it's a feature.
4) BE FUCKING INDULGENT.
Writing is an inherently embarrassing act. This is self explanatory. Now, since you’re already there, just make the most of it.
If you’re really on the path towards a long con of a plot, make sure to sprinkle in gifts for yourself. Write about something you enjoy. Put in details that make you laugh. Make your characters go on your own big wubbyland adventure. ‘writing for an audience’ instead of for yourself can quickly kill the enjoyment (and drive) of anything.
5) Lost or confused? Think of your INTENT, FORM, and STRUCTURE.
I can't remember the last thing I wrote without an outline to guide me as the months wore on. I think it is deeply important to write down somewhere accessible, somewhere you can look back on:
What is the intent of this story? What am I trying to say?
This is a little cheat just for yourself, so you stay on topic. And you can broaden that question with a few more qualifiers if you like:
What is the sequence of events? What *themes* am I trying to convey? What are the major beats/ scenes/ actions taken? Can you break it down into a clean list of bullet points, one for each step of the story? that might help you a LOT. More than you'd think. If you find that helps you - make it a checklist. Make every little turn of the story into a micro goal that can be reached through narrative, and go ticking off the boxes until you’ve covered the whole thing.
You can even make this into a dedicated planning document by itself, put your themes, keywords, and bullet point outline all in one place. So when you're in the process of writing and your mind goes a little blank, all the refreshing elements are saved up nicely somewhere. Feel free to cheat.
...So that's INTENT and FORM -- what about STRUCTURE?
Mary Robinette Kowal did this great explainer on the structure of short stories and how to plan them, and the ideas she introduces here can be used to write fiction of *any* length. I highly recommend giving it a listen. If you're not used to thinking about story structure, this can be very clarifying! And if that's already something you worry about, the formula she provides is a great starting point to baking your own sourdough.
Structure is a broad subject depending on the specifics of your fiction, and this is where we begin to run into things like ‘Genre’ and ‘Point of View’ and the rubric stretches really wide.
When in doubt about structure (and genre), my rule of thumb is always:
1) Find something similar to what I’m trying to do
(what are things similar to this? what are the most popular examples of this? how were these things written, to express those ideas?)
2) Read up to see how they do it
(separate the stories into their barest components - how are the events presented? How is style used? How are characters developed -- what pushes characters into developing? What are the recurring themes? What connects this fiction into a cohesive, recognizable whole?)
3) Try to apply whatever notes I took from above ^^^^ into my own project
This might be obvious, but ‘questioning my story’ or ‘questioning my characters’ is usually how I begin developing all of my writing. You might be more attracted to another method! (and that’s okay) but this is the stuff I can offer.
More vaguely useful resources on structure/plotting or literary theory;
Ellen Brock’s (Novel Editor) Advanced Story Structure series
‘Monkeys with Typewriters’ by Scarlett Thomas (book)
‘Steering The Craft’ by Ursula K. Le Guin (book)
‘Story Genius’ by Lisa Cron (book)
If you read through *just* the intro of some of those you’ll notice that they all have very different takes on these topics (and some may even contradict the others,) which is what I think makes for the best path to self-discovery. Explore different stuff, test it out, throw it away if it doesn’t work etc. And while I can’t post direct links here lets just say these are all. ummmm. Very Findable in the internet! Get an epub reader. Highlight a bit.
now that structure is over and done with, let’s move onto my last tip:
6) Seriously reconsider the size of your story.
A lot of people really don’t like being told this, but someone has to do it.
You’ll notice that a lot of my above advice (and resources,) errs on the side of assuming you want to write something at least as long as a 200-300 page novel. I can’t really blame them, since that’s just the state of the industry and ‘what sells’, and these ideas are so prominent they have transferred to nonprofit hobby spaces to the point people tend to think that bigger IS better -- but consider, maybe it isn’t.
Maybe the story you’re trying to tell can be condensed into a 15k word oneshot.
Maybe you can *actually* get it done if it’s a collection of important character-related scenes split into 3 chapters, instead of a whopping 50.
Maybe the concept eluding you thus far can become stronger if you let go of the preconception that it needs to be a drawn-out epic, and just write it as a potent roller-coaster ride that ends before the hour is up.
I’m not saying you need to undo all the work you’ve already done - but consider the whole! Making the scope of your writing smaller works on your favor. Unless you have a natural knack for it, I really, really wouldn’t recommend making your first serious attempt at longform writing a 100,000 word behemoth. ‘Done’, as a goal, is immediately more achievable than ‘Perfect’!
You can get a lot of mileage out of short stories and oneshots, and it can be more satisfying for you, as a writer, to complete whole projects in a realistic timeframe.
anyway. Maybe this will help you, or maybe it won’t. But in any case: I wish you the best of luck in this journey and I hope you can find what works best for you!!!
108 notes · View notes
flipomatic · 4 years ago
Text
Choreography
Author Note: Here I am again, LisaYuki has reclaimed my soul.
Summary: “Lean in.” Those words, so simply escaping from Sayo’s lips, sent a tremor down Lisa’s spine.
“Y-you know we’re performing this on stage, right Sayo?” Lisa stuttered, her face warming as Yukina actually leaned in closer. Yukina was so close now; Lisa could feel her breath on her cheek. This was fine, she told herself. As long as she looked ahead at her mic during the song, she’d be fine.
Word Count: 1900
____________________________________________________________
Every time Roselia played their new song, Lisa was filled with overwhelming joy. The lyrics she wrote, the music Rinko composed, and the part she sang, all came perfectly together. The song was better than she ever expected it to be.
Soon they would perform Yakusoku for the first time, at an important concert. It had to be perfect by then, up to the high standard Roselia held for their music.
Today, on a cloudy afternoon, the final touches were being added. The song was almost ready to perform. Sayo had insisted on recording them playing it, so she could watch it back later for any errors. Her phone was set on a music stand in the back of the studio, capturing every note played.
Lisa focused on balancing playing and singing, making sure to be close enough to her mic. More than in any other song, she needed to be heard here. The notes from her bandmates flowed around her, with the drum carrying the heartbeat of the piece and the piano lifting it higher. She sang in reply to Yukina, as they built the song together.
Lisa’s heart always pounded in her chest when they reached the bridge of the song, where she alternated with Yukina. Lisa poured her feelings in every time, singing with everything she had. Her dedication, her loyalty, her affection; she wanted all of it to come through.
The last chorus was her favorite one, and she was sad to reach the end of the song.
Once the last note rang out, Lisa looked around at her bandmates. Rinko looked content as she slowly removed her hands from the keyboard. Ako was grinning from ear to ear. Sayo frowned slightly, but Lisa could tell that she was satisfied.
Yukina had turned to look at Lisa, their eyes locking when Lisa’s reached her. She nodded once, sending a wave of warmth and pride through Lisa.
Sayo stepped forward to stop the recording. “I’ll watch this later.” She said, holding up her phone. Lisa and Yukina broke eye contact to look at her. “But I think it’s ready.”
“I agree…” Rinko spoke quietly. Ako pumped one fist in agreement.
“The song has come together well.” Yukina deposited her mic on the stand. “Good work everyone. That’s all for today.”
With that dismissal, the band started to pack up. Lisa put her bass in its case, zipping it shut. She started to stow her music as well.
“The new song is so exciting!” Ako stood near Rinko as she packed up, talking excitedly about Yakusoku. “It builds really big!”
Rinko nodded in agreement. “I hope the audience… likes it.” She had finished stowing her keyboard, and was zipping up the case.
On the other side of the room, Sayo had finished putting her guitar away. Despite committing to do it later, she was already watching the recording. Yukina was with her, watching it as well. Lisa could barely hear it from here, though she thought it sounded good so far.
Lisa scooped up her bass case, slinging it over one shoulder. She approached the video watching pair as Rinko and Ako made their exit.
“How is it?” Lisa asked, drawing their eyes for a moment.
“The tempo has finally stabilized.” Despite the positive message, Sayo frowned. “It’s still missing something.” She looked irritated.
“Hmm…” Yukina mused, looking back down at the phone. Lisa stepped closer so she could do the same.
“I’m not sure it needs anything else.” Lisa said after thirty seconds of watching. It all looked good to her. The balance was perfect and as Sayo said, the tempo was under control. That had been their biggest problem when they started learning it.
Sayo was silent for a moment, as the video continued to play. Her eyes widened when the last chorus started. “That’s it.” She looked up at Yukina and Lisa. “We need choreography.”
“You’re right, I should’ve thought of that.” Yukina nodded, bringing one hand up to her face thoughtfully.
“It’ll boost engagement with the audience.” Sayo paused the video as she spoke, rewinding it to about the halfway point. “Especially if we time it right.” Her eyes practically glinted, in a sinister way that gave Lisa pause.
Lisa thought she might regret this, but she asked, “What do you have in mind?”
Now Sayo smiled sharply, the look of one who was satisfied with themself. “I’m not a hundred percent sure, I have to see how it looks.” She stepped away, back towards the center of the room. “Do you have a few minutes to try something?”
Lisa glanced at Yukina, who shrugged. “Yeah, we can stay.” Lisa replied.
“Great, go ahead and get back into position.” Sayo gave the instructions as she walked to the back of the room. She’d be able to see the whole area from there.
Lisa walked to where she’d been rehearsing before, while Yukina grabbed the mic stand and did the same. She set her bass case down.
Once they were in position, Sayo gave more directions. “I’m thinking of having it during the bridge, right before the last chorus.”
That made sense, since it was the largest point of build up in the song. “I assume I’ll stay here.” Lisa said, gesturing at her feet. “Since I need the mic.”
“Yes, that’s right.” Sayo turned up the volume on her phone, then played the video for a moment. “No one will move until the line ‘my beloved.’” She played the start of the bridge, which began with Yukina’s lines, before pausing it. “At the end of that line, Yukina you should walk towards Lisa. You have to be there by the start of your next line.”
Sayo gestured for Yukina to obey as she played the song again, which Yukina quickly did. Lisa glanced over and watched Yukina approach as her own voice singing ‘my beloved… the tender sights of your many smiles’ played from the phone. Lisa’s stomach flipped, perhaps this wasn’t such a good idea.
Sayo paused it at the end of the line, as with Yukina reaching Lisa just in time. “Put your hand on her shoulder.”
“Excuse me?” Yukina deadpanned. Lisa also wasn’t sure she had heard it right.
“You know what I said.” Sayo crossed her arms.
For a moment, the two stared at each other. Then Yukina complied, bringing her right hand up slowly to rest it on Lisa’s shoulder. Yukina’s own shoulder was still a good distance away.
“Lean in.” Those words, so simply escaping from Sayo’s lips, sent a tremor down Lisa’s spine.
“Y-you know we’re performing this on stage, right Sayo?” Lisa stuttered, her face warming as Yukina actually leaned in closer. Yukina was so close now; Lisa could feel her breath on her cheek. This was fine, she told herself. As long as she looked ahead at her mic during the song, she’d be fine.
“Yes.” Sayo replied bluntly. She lifted her phone again. “Yukina, you’ll sing your next line like that.” She played the audio for a moment, with Yukina’s voice singing ‘I’ve gently awoken’ before pausing it again. “Hold the mic for Lisa so she can sing her next line. Lisa, put your free hand over hers.”
Oh, no, no no no. As Lisa turned her head towards Yukina, realizing just how close their faces were, she knew that she could not handle this. Her cheeks had been warm before, but now they burned. Yukina wasn’t even looking at her, since she was focused on following Sayo’s directions, but she was far, far too close. Lisa could hardly breathe.
Yukina held the mic in front of Lisa’s face as Sayo played the last line of the bridge on her phone. Lisa slowly brought her hand up as directed, covering Yukina’s with it. Lisa’s voice on the recording, soft and oh god why had she written the song like this, sang ‘keep believing in me until the end’. Sayo paused it again.
This was like Hidamari Rhodonite, but even less outside of Lisa’s control. It felt intimate, terrifying. Yukina was right there. Her golden eyes, expressive to only those who knew her best, met Lisa’s.
For a moment, there was just the two of them.
Lisa pulled her hand away quickly and broke eye contact, reminding herself to breathe.
“Then Yukina will take one step away, for the line you sing together.” That was easy, that Lisa could do. Yukina moved away, back towards the side of the room. The recording played one last time, the last line ‘it’s a promise’ ringing through the room.
“I’ll make sure to go stand in the back, so all eyes are on you.” Sayo said with a nod. That provided no comfort to Lisa, who felt like she could collapse into a melted pile of mush. Only the bass would be left if she did.
“The crowd will love it.” Yukina said, cutting Lisa’s protest short before she could even start to voice it. She turned to Lisa, eyes widening slightly. They flicked down, then back to Lisa’s face. “Are you alright?” Her eyebrows were furrowed with concern.
Lisa was sweating and flushed; she must’ve looked incredibly stressed. Her words caught in her throat. “I, hehe,” She chuckled nervously. “I’m fine.” She was not fine. Lisa was very far from fine. “Are we sure about this?”
“I think it represents the song well.” Yukina replied, her mouth turning down into a frown. “If you’re not comfortable, we can change it.”
“I…” Lisa inhaled slowly, processing Yukina’s words. She was giving her an out, a chance to escape this. But, didn’t this choreography represent the heart of the song? Yukina and Lisa’s promise, how close they were, and their past together, were all on display here. Lisa had known that when she wrote the lyrics. This was just choreography to match, to show the parts of her she had filled the song with. If she thought calmly about it, which was admittedly hard right now, it made sense.
It would enhance the song, make it even better. That was enough to influence her decision. “We should do it.” Lisa settled on, accepting the moves even as her heart still raced. She’d dealt with being close to Yukina for many years, she could handle this.
Yukina’s lips quirked up, the smile reaching her eyes.
“We’ll keep practicing it next time.” Sayo interrupted, approaching the pair. “I think it’ll work.”
Yukina nodded, and the trio resumed getting ready to leave. Lisa picked up her bass as they put the mic stand back, then headed out from the studio.
The breeze outside helped cool Lisa’s warm cheeks, but it couldn’t do anything to calm her racing mind. She glanced at Yukina as she walked, marveling at how calm Yukina had been. She really was a professional, the best singer Roselia could ask for. Lisa wondered what she thought as they performed the new moves, but that was a question for another time.
Lisa still loved the song she wrote, though she was going to need to keep practicing it. It captured the spirit of her promise with Yukina, her feelings towards her best friend, which would only be performed by the best. Lisa would follow through on that promise, until the very end.
The next step was to perform it without nearly passing out.
____________________________________________________________
End Note: The translation of Yakusoku lyrics is from the wikia, linked here: https://bandori.fandom.com/wiki/Yakusoku
To see this choreography performed by Roselia, you can watch a video of Rausch Yakusoku here: https://www.bilibili.com/video/BV1DU4y147kS
24 notes · View notes
loquaciousquark · 5 years ago
Note
Hi! I think I remember you posting about "making" your own computer? I'm sorry to bother you with something like this, but was it difficult? Would you say you have to know a lot about how computers work to do it? Thanks!
Heck yeah!!! Oh man!! Gosh guys can I talk to you about building computers and how EVERYONE willing to do some basic googling is almost certainly capable of this I promise?
Welcome to:
Tumblr media
Okay okay okay so let me spin you a li’l yarn: I was in optometry school in 2010-2011ish and I had been living up to now on prebuilts, mostly laptops, but DA2 was recently out and gosh darn it I wanted something I could play a proper game on. A friend of mine had a 10yo daughter who wanted to build a computer herself, and he told me if I’d buy the parts, he’d walk both of us through how to do it (what really happened was the 10yo built my first computer and I watched and brought drinks, so–no, I wouldn’t say you have to know a lot about how computers work to do it!).
The physical requirements are some basic manual dexterity & arm strength (you gotta be able to manipulate some tiny things and put some pressure on some connections) and you will most likely need to lift up to 15 pounds, although you can limit that if you go for smaller components. The ability to bend forward and twist and reach will also probably be necessary, although some careful planning can also likely mitigate that.
Tumblr media
I think I have pictures of the actual build process somewhere, but regardless, it resulted in this bad boy that served me well for about nine years. I was shocked to see how easy it was to put together, honestly; if you can follow a Lego assembly book, you can put a computer together. With tools like PCPartPicker that have built-in compatibility checks to make sure all your pieces fit, it’s a piece of cake to put together a parts list that you can feel really good about. You just pick whether you want your motherboard to come with fancy lights or not (hint: rgb is unironically cool & i’ll fight anyone who says otherwise).
In the end, you’ll need a set of basic components. You’ll need:
A case to put all the pieces in
A motherboard, the circuit board of the computer that connects everything, basically the heart of the computer
A CPU, the brain of the computer that determines processing power, or basically how fast it can do math and direct traffic
a CPU cooling system, which can be either mechanical fans or liquid cooling, gotta keep that baby chill; may or may not come packaged with the CPU depending on what you get
A graphics card (aka GPU), the thing that makes video games look pretty (and what will probably be the single most expensive item in the build depending on how good you go)
RAM, a short-term memory processing component that comes in different amounts (4gb, 8gb, 16gb, 32gb, 64gb if you’re a madman) depending on how fast you need your short-term memory to work. Good RAM allows you to do things like open a bunch of Chrome tabs at once, run Photoshop at the same time you’re listening to youtube videos, or process the demand of loading up a host of enemies in Mass Effect. Most everyone these days can get by just fine with 16gb of RAM, which is what I have.
a hard drive (or the new, faster, more expensive version, a solid state drive) which functions as your long-term storage bins. This is where you save documents, images, and install your programs. These come in tons of sizes–the larger your files are, the more storage space you’ll want. I always put at least a terabyte of storage in my builds.
a power supply unit or PSU, which gives the electrical juice for everything to run
a monitor (the more hertz, the smoother the video will be - you’ll want either 60hz or 144hz depending on how much your number of frames-per-second matter to you)
a keyboard and mouse
speakers or headphones or both!
Optional addons:
RGB lighting for everything :O
an optical drive (aka something to put DVDs, Blurays, or other physical CD disks into)
fancy liquid cooling pipes
additional case fans; most cases come with adequate fans, but if you are using the computer in a room with poor ventilation or you find that certain components are running hot, you can install additional fans
coincidentally you can also get fans with RGB lighting too
cable extenders when you are going for a specific color scheme
So it can definitely all look overwhelming at first, but when you start to look at how everything is laid out, you’ll notice some trends. Look at these motherboards, for example.
Tumblr media
These are just four random motherboards I pulled off Newegg, a commonly used computer parts purchasing site. Sure, the colors are a bit different, but the layout between them…is all basically the same! Here, I’ll draw it out.
Tumblr media
In just about every modern motherboard you buy, this will be the rough layout. Everything else is window dressing–what kind of GPU you get, what kind of CPU you get, whether your RAM lights up cool colors or not. Your motherboard will ALWAYS include a map that has extensive descriptions of what each connection does.
Much, much, much more under the jump!
Tumblr media
Most of these you won’t even need!
There are always some compatibility things to consider–as I mentioned, PCPartPicker can help you figure out a lot of these–but the biggest one to care about is the CPU. There are two major companies that make CPUs, AMD and Intel. They both have pros and cons on the chips they make, but right now, AMD makes a family of CPUs called Ryzen that both outperform and are cheaper than Intel’s current leading brands, the i7 and i9 lines. Intel was king of the hill for a long time, though, and their CPUs are still really good quality, so some people still go with them over the cheaper alternatives for now. (There are some reports of black screens with the new Ryzen lines, but as I’ve never owned one, I can’t personally speak to how common that is.)
Regardless, once you pick which family of CPUs you want to go with, AMD or Intel, you just have to pick an Intel-friendly or AMD-friendly motherboard. This is always specified in the description of the motherboard. I own the Asus z370 motherboard, so here’s what it says in the description for CPU:
Tumblr media
Anyway, once you’ve picked all your parts and had everything shipped to you, it’s literally just a plug-n-play, step by step until everything’s plugged in. Your motherboard manual will also include recommended order of installations, too, and often how to install them.
Tumblr media Tumblr media Tumblr media
It helps to remember that the manufacturers of all these parts understand that they are expensive, and they really DON’T want to make them hard to install! Broken or difficult pieces during installation means that the customer is upset, and upset customers ask for refunds and lose brand loyalty.
Tumblr media
It also helps to understand that a lot of these connections are based on certain standards–I didn’t realize until I was rebuilding my current machine that these holes set for screws really do work with just about everything you get, as long as it’s the same generation, because motherboard manufactures WANT you to have the flexibility to go any attachment brand you like and still be able to use their board to mount them. 
So, you pick your case and open it up, and you put the motherboard down on top of all the little screw holes until they match, and then you screw all the screws down firmly.
Old rig, partially disassembled:
Tumblr media
New, in approximately same state:
Tumblr media
(One of the reasons I went with this larger white case than a smaller, slim case like my old one, is because this nicer case has what’s called “cable management;” that means there’s a built-in back area behind the motherboard where all my cables can be jammed without messing up the “aesthetic” of the glass window. My first build obviously did not have that, as seen in that first picture at the top of this post, so I had to just jam my cables wherever I could fit them so that the sides would close, haha.)
Anyway, you can see that the motherboard is just screwed in where it should be, and my CPU is already installed where it should be. I haven’t mounted the cooler for it yet because I needed to clean off the old thermal paste and install new thermal paste before doing so. My two sticks of RAM are also mounted in the top right in the motherboard’s recommended configuration & locations for two sticks (vs. one, vs. four).
Then, with the cooler in place, it looked like this:
Tumblr media
So the cooler I have is liquid cooling in a closed system (the thick black tubes running right to left) which is attached to a fan that mounts in place of the white fan on the left from the previous picture. It was as simple as unscrewing the old fan and putting the new one in its place. I think I even used the same screws. The fan is powered by that thin cable running along the top of the case that plugs into a little socket on the motherboard labeled “CPU Fan.” It was as simple as just finding the right plug; it doesn’t even have directionality, just a three-pin socket, so it doesn’t even matter which way you plug.
Already it’s looking like a proper computer! And because this case has cable management, I took a picture of what it currently looked like from the backside.
Tumblr media
This case is cool because it has a neat set of connectors mounted on the back of this little hideaway to connect the case fans. I could have run the white fan cables through to the front of the motherboard for them to get power/marching orders, but it was cleaner aesthetically to attach them here in the back. Nothing wrong with connecting them on the front, though–that’s what I did in my original build!
Tumblr media
You also might have noticed I’ve mounted the PSU in that white case by now as well. It’s the large black and red box in the bottom corner, seen best from behind. The white case comes with what’s called a PSU shroud, which just means there’s a fancy white cover over it to keep the ~aesthetic~ when viewed from the front side.
Tumblr media
The next step is to mount the graphics card!
Tumblr media
There’s instructions in your manual as to exactly how these mount, but it really and truly is just removing the dust cover brackets where you need to, and then a delicate plug & play, pushing that big guy in until you hear the click! (Click good, snap bad. Haha. I’ve changed out these cards several dozen times and never broken one, though!)
You can also see the ugly red-tipped cables plugged into the GPU and the motherboard, both on the right side. These come from the Power Supply Unit (they are all permanently connected in most brands, and look basically like a squid’s tentacles–once you have your items mounted onto the motherboard, you just look for the connector from the PSU with the right number of pins and plug it in!)
Tumblr media
This guy is the worst. He is fat and hard to maneuver and always requires SO MUCH FORCE to click into this delicate bendy board and your heart will ALWAYS be in your throat as your fingers shake from how hard you’re having to push to sink it, and it will ALWAYS eventually go in but you’ll hate every second of the doing. I hate you, 24-pin EATX. I hate you so much.)
The next thing I did was mount my optical drive (because yes, I still own one), my hard drive, and my solid state drive.
Tumblr media
The hard drive and SSD both serve the same purpose (long-term data storage), but the SSD is much faster and uses newer technology. It’s also more expensive for the amount of storage you get, so I have a 256gb SSD that holds my operating system, my heavily-used programs like Firefox and Photoshop & Premiere, and one or two video games I play the most that I would like to load as fast as possible. This is the drive that can allow me to restart my whole system in less than five seconds.
The hard drive is 1.75 terabytes and holds everything else: fics, pictures, videos, music, other games, etc.They mount onto the racks with pre-drilled screws. The optical drive just slides into the socket snugly until it hits the back of the rack.
All of these use a standard connector called a SATA cable which runs between the back of the drive to a SATA socket on the motherboard. Most motherboards come with at LEAST six or seven of these connector slots, and some come with more. They look like this:
Tumblr media
and are pretty universal. Any kind of extra storage or drive you want to add to your computer will probably connect with a SATA cable. I think my motherboard, my SSD & HD, and my case purchases all came with a pack of loose SATA cables of different lengths to be used for whatever I wanted.
The rack each drive is mounted to came installed with the case and pre-drilled with screw holes (and provided screws) for attaching either the HD or SSD in every slot. Because this case is all about aesthetic, it also comes with two vertical SSD mounts on the back of the case if you wanted to remove the right-side rack altogether, but as I mentioned, I have the optical drive, so I couldn’t go with that option.
So now we have all the major pieces mounted! The last set of connections are a collection of small fiddly pieces that all plug in roughly the same area and do things like light up the case’s LED, provide that startup beep, connect the USB sockets on the case’s front to power, etc. This is by far the section that takes me the longest because I guarantee I will ALWAYS plug at least two into the wrong socket and not have a beep, or my audio won’t work or something until I go back and reconnect them.
Tumblr media
The next thing was to plug in my monitors and…see what happened when we hit the power button! (Monitor connections just plug directly into your graphics card in the back of the case.) And here’s what happened!
youtube
So it turned out when I was connecting my SSD (which has my OS on it), I was pushing on the little connector while sitting on the back side of the case. I thought I had the thing in the socket, but what I’d actually done was jam the connector just under the lip of the motherboard (that is, not connected to anything at all, just hanging in open space). Once I realized, though, it was an easy fix!
The last thing I wanted to do to complete the clean white look I wanted was to replace those UGHLY red PSU cables with what are called “cable extenders.” I bought some white ones on Amazon; because most PSUs’ cables are permanently attached at the box, you plug your cable extenders into the other end and then feed them through the case, so that’s the only portion visible. The ugly PSU cables are still there at the other end of the white cables, just hidden in the cable management area behind the motherboard.
Tumblr media Tumblr media
I spent some time fixing up the cables to curve exactly how I wanted them to, then picked my LED RGB colors and closed up the open side with the glass wall. All that was left was to plug in my mouse/keyboard/speakers/headphones/mic/webcam, etc., and we were done!
Tumblr media Tumblr media
Ta-daaaa!
The first build I did, the one in the blue & black case, took us about two days due to some unexpected problems. First, we were trying to salvage an old CPU from my HP prebuilt to save a little money. Unfortunately, they used basically no thermal paste to connect it to its fan, and when we were trying to get the fan off, it actually tore the CPU out of its socket and bent a bunch of its pins. I ended up going to Best Buy or something and getting a replacement off the shelf.
The other issue I had was that I foolishly didn’t back up my files, and lost a bunch of them in the rebuild (including my Hawke’s original run through the DA2 game :( :( :( ) Always back up your files before ever going in and messing with your case!
Over the years I replaced a bunch of components in it, which is why it lasted me so long, but the transfer into the new case only took me about three hours, and that was with a bunch of breaks throughout. I probably could have done it faster if I hadn’t wanted to savor it, haha. The cable management for the backless desk took a lot longer, though! (…and a LOT of zip ties.)
Tumblr media
I do set my new build on a small glass stand (again, from Amazon) because Hamlet’s pretty sheddy and I wanted to keep airflow as good as possible. I’m limited on how many case fans I can install since I have the optical drive rack taking up a lot of space on the right, but I could install new fans on top if I wanted. My temperatures are great, though (I monitor with CoreTemp & GPUTemp, as well as my motherboard’s built-in temp monitoring software), so I don’t need to unless I decide I need more RGB.
Anything I might want to add, I run through PCPartPicker to make sure it’ll fit what I already have. For example, my parts list looks like this (full view and complete parts list available at this link): 
Tumblr media
ANYWAY.
If you are patient, if you can fit small Lego-like pieces in labeled sockets, and you are a decent googler, you can build your own PC. It’s really, really hard to do serious damage to components nowadays, even if you plug something in wrong. There’s a bunch of resources, though, and I’d recommend the following places to start:
newegg.com - parts for sale, getcher parts here
pcpartpicker.com - put your list of components together, and it’ll flag any compatibility issues or known problems
https://www.reddit.com/r/buildapc/ - great starting point for new builders, tons of advice and how-to’s for every step of the process, and a decently responsive community to help troubleshoot any issues you might have
And I obviously love doing this kind of thing, so if there’s anything I can help with, I’m more than happy to try! Just let me know, and I hope this was helpful!
810 notes · View notes