3

N.C. State quarterback Grayson McCall retires from football at 23 after concussions

North Carolina State quarterback Grayson McCall is retiring from football, he announced Wednesday after sustaining a head injury during a game earlier this month. "Brain specialists, my family, and I have come to the conclusion that it is in my best interest to hang the cleats up," he continued. "I have done everything I can to continue, but this is where the good Lord has called me to serve in a different space."




3

A year after Maine mass shooting, gunman's family wants action on brain injury research in military

The family of the Army reservist who committed the October 2023 massacre in Lewiston wants to bring awareness to traumatic brain injuries among military members.




3

'I love this game to the death of me' - why Tagovailoa returned

Tua Tagovailoa is set to return to NFL action this weekend after recovering from his latest concussion. Six weeks ago the Miami Dolphins quarterback suffered his third concussion in less than two years - and fourth overall, including his college career. Many pundits and ex-players called for the 26-year-old from Hawaii to retire. Some even said the NFL should take the decision out of his hands. BBC Sport looks at why Tagovailoa has chosen to keep playing and Dr Allen Sills, the NFL's chief medical officer, explains the league's stance.




3

‘The legacy I want to leave': How a Maine teen is helping with concussion research

A high school senior from Bangor, Maine, has decided that when the time comes, he will donate his brain to science. Fionn Parker-Cummings is the youngest person to donate his brain to the University of Pittsburgh National Sports Brain Bank. Researchers will check in with him every year for the rest of his life. Parker-Cummings said he hopes the contribution will advance traumatic brain injury research to protect players like NFL quarterbacks Drake Maye and Tua Tagovailoa, who have recently suffered concussions.




3

NHLPA hopes committee helps players 'better understand CTE'

The NHLPA will form an advisory committee to help hockey players better understand chronic traumatic encephalopathy and the damage that concussions can do to the brain. NHLPA president Marty Walsh said Friday night that the CTE committee was unanimously approved at a union board meeting this summer. The former Boston mayor made the announcement after receiving an award at the annual gala for the Concussion Legacy Foundation, which supports patients and families struggling with the symptoms of traumatic brain injuries.




3

Recognizing traumatic brain injury as a chronic condition fosters better care over the survivor's lifetime

A commentary, published in the Journal of Neurotrauma, calls for traumatic brain injury to be recognized as a chronic condition as are diabetes, asthma, depression and heart failure. To provide comprehensive care for traumatic brain injury throughout individuals' lifespans, the authors propose that coordinated care models they and others have developed, tested and applied to various populations—including older adults, individuals living with depression and post-intensive care unit survivors—be adapted to improve communication and integration between brain injury specialists—including physical medicine and rehabilitation clinicians—and primary care physicians, fostering better long-term patient care for traumatic brain injury survivors and more support for both patients and their families.




3

13 Awesome Tools & Resources for Designers and Agencies for 2023

Web design tools and resources, both free and premium, are designed to help you take full advantage of your creativity. Thereby enhance your ability to create stunning websites. There is a huge variety of products and services to choose from. They are ranging from complete platforms to specialized software applications. Just like design frameworks, wireframing […]




3

10+ Best WooCommerce Themes for 2023

Are you looking for the best WooCommerce theme to help you build your online store, but are afraid of making a wrong choice? For starters, you want to select a WordPress WooCommerce theme since not all WordPress themes offer complete WooCommerce support. If a theme doesn’t support WooCommerce, it won’t support all the available addons […]




3

Transform Your Website with These 10 Multipurpose WordPress Themes for 2023

If you are looking for the best multipurpose WordPress theme you might feel the need to clearly understand what “best” means. On the other hand, you shouldn’t worry about that too much since you don’t have to drill down to selecting a single multipurpose WordPress theme at the exclusion of all others; and the reason […]




3

Create a Responsive WordPress Theme – Video Tutorial – 3

This is the third part of the Video Tutorial Series on How to Create a Responsive WordPress Theme using the Bootstrap Framework. In this part, I have demonstrated how to create a full width parallax image section, a recent blog posts section and a footer. An updated zip file with the related theme files are...




3

Tobias Frere-Jones on Apple's Choice of Helvetica as a UI Typeface

Co.Design asked Tobias Frere-Jones of Hoefler & Co. to give his thoughts on Apple’s choice of Helvetica as an interface typeface for the upcoming OS X Yosemite update:

Despite its grand reputation, Helvetica can’t do everything. It works well in big sizes, but it can be really weak in small sizes. Shapes like ‘C’ and ‘S’ curl back into themselves, leaving tight “apertures”–the channels of white between a letter’s interior and exterior. So each shape halts the eye again and again, rather than ushering it along the line. The lowercase ‘e,’ the most common letter in English and many other languages, takes an especially unobliging form. These and other letters can be a pixel away from being some other letter, and we’re left to deal with flickers of doubt as we read.

This reminds me of what Erik Spiekerman wrote about Helvetica:

[Helvetica] really wasn’t designed for small sizes on screens. Words like milliliter can be very difficult to decipher. If you ever had to read or write a password with 1, i, l or I, you know the problem.

Still, I wouldn’t keep Lucida Grande for HiDPI displays. With a 2× resolution jump (4× pixels) pixel fitting becomes less of an issue, and pixel optimized typefaces like Lucida Grande begin to look crude in comparison with typefaces made primarily for print. Legibility obviously still matters just as much, but the choice need no longer be bound to fonts optimized for low resolution displays.




3

Amazing Pictures of the Nazaré Wave

Depuis son plus jeune âge, Sami Bencheikh arpente le Sud-Ouest de la France. Interne de radiologie à l’hôpital de Bayonne, il a débuté la photographie au début de ses études de médecine. Motivé par de grands photographes comme Ben Thouard pour ne citer que lui, il a trouvé en l’océan un refuge au stress du […]




3

7 good habits that stuck (and 3 that I’m still working on)

Habits are strange and beautiful things. They’re sometimes really hard to form or break, and yet they are absolutely key to living a successful life. We simply do not have enough willpower in reserve to do all the things we know we need to do. So, the brain forms habits to offload the task of …

The post 7 good habits that stuck (and 3 that I’m still working on) appeared first on Nathan Rice.




3

Recreating The Iconic 'Mouse in Manhattan' Scenery From Tom & Jerry Classic Cartoons

Tom and Jerry, the mischievous cat and clever mouse duo, have been captivating audiences for generations with their hilarious antics. As a child, I was capt ...



  • Design Roud-up

3

Create 3D Card Hover Pure CSS Effect

In the realm of web design, the pure 3D Card Hover CSS Effect stands as a testament to the power of CSS3 and its ability to transform user experiences. This ...




3

Realistic X-Men '97: Real-Life Version Of Mutant Nostalgia

New realistic Marvel art brings characters to real life from the X-Men '97 TV show. 2024 marked a new beginning for the X-Men: The Animated Series, as the f ...



  • Design Roud-up

3

Real-Life X-Men '97 Movie Trailer: Name's Gambit

Get ready for the new real-life X-Men '97 movie trailer featuring iconic characters reimagined with stunning realistic artwork! 2024 has brought a thrilling ...




3

Illustration: Japan Earthquake 11-03-2011

I’ve recently created new illustration, Japan Earthquake 11-03-2011, that was inspired by the recent disaster in Japan. With this illustration I’ve joined force with To Japan with Love, a group of artists who are aiming at raising funds for Japan earthquake relief efforts. My illustration will be showcased at the art show (May 4th, 2011 […]





3

Spain-based DOMMA sees 350% YoY growth with WooCommerce and Google

How the wellness brand DOMMA achieved 350% year-over-year growth with one key tool. Can’t-miss success tips from a successful women-owned brand.









3

Building Magic with Webflow: A UI Developer's Perspective

In the fast moving and constantly changing landscape of web development, codeless solutions like Webflow and Squarespace have emerged as an alternative to more traditional development. These platforms allow users to design and build websites through intuitive visual interfaces, and are viable solutions for many use cases out there. 

For the past several months, I've been working as a frontend development support specialist alongside one of our talented designers, Blair Culbreth, who is managing a large, established Webflow project. Here are my candid thoughts and impressions from this experience, along with some critical considerations for those looking to integrate Webflow into their own workflow. Spoiler alert: while Webflow has some impressive strengths, it also comes with limitations that can be both unexpected and frustrating at times.

What Webflow Does Really Well

Small Team Efficiency

Webflow truly shines for smaller teams or products, especially those with limited resources. For a team that’s just a single designer or a small development crew, Webflow can help lower the technical debt involved with getting a website to production. By mitigating some of the more complex aspects of development such as responsive design, cross-browser compatibility, and hosting, teams are able to focus on other aspects of the site. This makes it a strong option for startups, freelancers, or small businesses looking to create professional-grade websites efficiently and effectively without the necessity of a developer.

Animation Tooling

When I say professional-grade websites, I’m talking about more than just functional designs. Webflow has some fantastic animation tooling making it incredibly simple to build rich, full-page animations and interactions without ever touching a line of code. Users can create scroll-bound animations or interactive moments of joy all from the comfort of a relatively simple and straightforward GUI. Through the use of animation keyframes, you can elevate a static site into something that feels modern and expensive. Heck, I could even see using the animation tooling itself as a prototyping tool for design handoff in a more traditional web development process. This ability to easily add sophisticated animations allows smaller teams to produce polished, dynamic websites that rival those created by much larger teams with dedicated development resources.

Documentation & Education

Beyond its design capabilities, Webflow also stands out for its educational impact. The platform offers incredible documentation that covers core frontend principles, effectively bridging the divide between design and development. Through simple, digestible, and intuitive videos and written documentation, Webflow equips designers with knowledge that shores up many concepts and intricacies of web development.

Working with Webflow provides designers with numerous takeaways they can apply to future projects, including those outside the realm of Webflow. The platform educates users on HTML structureCSS styling properties, and responsive design. This deeper understanding of web development makes designers more versatile and effective in their roles and inherently benefits communication between designers and developers, as their thinking will be more aligned with one another.

Navigating Webflow’s Limitations

Class Styles

Webflow's class-based styling system is a standout feature, especially to those familiar with CSS. It allows you to bundle properties into classes and apply them efficiently across different elements, minimizing code duplication. When used effectively, this approach facilitates the creation of reusable styles and design systems; however, mastering it requires attention to detail, similar to working with CSS directly, which can be made challenging within the Webflow UI.

Due to the separation of pages and content in Webflow, tracking down existing CSS classes and applying styles consistently throughout a project can be challenging. Keeping track of which class names apply what styles can be a struggle. While Webflow offers a Style Manager to help organize and manage classes, it can be difficult to use for quickly identifying how styles are being applied across the platform.

Moreover, the inability to open multiple pages in designer mode at once presents a significant frustration. Without the ability to compare elements across different pages simultaneously, users may face challenges in ensuring consistency and troubleshooting design issues efficiently. This limitation may lead to a slower, more cumbersome workflow, particularly in larger projects where maintaining a coherent design system is critical.

Another struggle with managing styles within the UI comes in the form of applying styles to combo classes. Combo classes are when you combine multiple classes together to create a variation or modified state of an element. Inadvertently applying styles to a combo class when intending to apply a style for the base class was a common issue I found myself running into, highlighting some challenges users should be aware of, especially when getting more familiar with Webflow.

These challenges underscore the value of implementing a strong and consistent CSS class naming system, such as BEM (Block Element Modifier). Adhering to a standardized naming convention will help mitigate some of the challenges posed by Webflow's class-based styling system, but it does come with the added overhead of needing to learn a new class naming convention.

Preset Web Elements

Webflow provides users with a diverse selection of default web elements, ranging from simple divs to intricate lightbox elements, which serve as the foundational building blocks for websites. These preset elements occasionally impose rigid structural constraints. For instance, when attempting to create a tabs menu with a filter, users may encounter a problem with adding additional elements to the tab menu block. This restriction forces users to either conform their design to Webflow’s constraints or devise creative workarounds to achieve their desired functionality.

Navigating such limitations can be challenging, particularly when striving to realize a specific design vision. It may involve exploring alternative solutions or compromising on the original plan. Yet, as users gain familiarity with the platform, those limitations can be anticipated, allowing them to develop strategies to circumvent the constraints.

Custom Scripts

One of the most powerful aspects of Webflow is also one of the most challenging features to balance. It requires careful management to avoid issues like performance degradation and increased technical debt.  It’s incredibly easy to have a website get bogged down with bloat, especially when a larger team might be working on a project.

Webflow lacks a built-in feature to view all custom scripts at a glance, making it difficult to track and manage them. Maintaining a documented list of all custom scripts used in your project and detailing their purposes and locations can help mitigate this issue, but that’s a fair amount of overhead to maintain. Additionally, custom scripts do not function in Webflow’s editor mode, requiring a site deploy for testing and troubleshooting, which can be time-consuming. 

The ability to add custom scripts opens up a world of options, including third-party plugins and libraries that can expand Webflow's native features. Tools like Jetboost or Finsweet can help fill in the gaps, and are oftentimes worth the investment as they provide relatively easy-to-use integrations that will make for a better user experience.

That’s all to say that applying custom scripts to a Webflow project is not necessarily bad, but should be approached with considerations on how to mitigate technical debt. Here are a few suggestions to help with integrating custom scripts into your Webflow project:

  • Maximize Native Features: Use Webflow’s built-in features as much as possible. If a design can be achieved with Webflow’s interactions and animations, avoid adding custom JavaScript.
  • External Development: Develop and test scripts in an external environment to reduce time spent deploying and debugging within Webflow.
  • Reusable Components: Save frequently used custom code as reusable components to simplify maintenance and ensure consistency across the site.
  • Regular Audits: Periodically review and clean up scripts to ensure that only necessary ones are loaded, improving site performance and maintainability.

Mitigating Difficulty Through Teamwork

I started this article by mentioning that I recently served as a frontend development support specialist alongside our designer, Blair, on this project. Blair took on the primary responsibility of building many of the pages, and I want to share more about our collaborative experience. Webflow is as close as you can get to building a traditionally coded website without necessarily needing to touch code, but that doesn’t mean there’s no value in having someone more familiar with the technical side of website building available. From accessibility considerations to complex layout structures, a lot of time can be saved by having a developer serve as a pseudo consultant on the project.

On numerous occasions, Blair reached out to me to help set up more complex custom implementations that required JavaScript or weren’t coming together as expected. By being able to jump in and solve those issues quickly for Blair, she was able to focus on building out the other pages. Similarly, I was able to audit and review her work to ensure it was inclusive for all types of users.

There are various development tricks we can implement to enhance user experiences for visually impaired users. For example, hiding text specific to a screen reader to provide greater context is a technique that a designer might not generally think about or even be aware of, but a good frontend developer would know to include. By being involved in the building process, I was able to highlight and advise on such instances, ensuring our project was accessible and user-friendly for everyone.

Conclusion

Webflow presents a robust solution for web development, particularly for smaller teams or projects with limited resources. Its intuitive visual interface and powerful animation tools enable the creation of professional-grade websites without the need for extensive coding knowledge. Webflow’s educational resources also empower designers to deepen their understanding of web development, bridging the gap between design and development and fostering better collaboration.

Webflow is not without its limitations. The class-based styling system, while efficient, can be challenging to manage, and the need for site deployment to test custom scripts adds to both the complexity and time investment required to build a project. Despite these challenges, many of the difficulties can be mitigated through careful planning and teamwork. Leveraging native features, developing and testing scripts externally, and creating reusable components are all strategies that can help maintain site performance and manage technical debt.

Collaborative efforts between designers and developers can further enhance the process, as seen in my experience working alongside Blair. This teamwork allows for efficient problem-solving and ensures that accessibility and user experience are prioritized throughout the project. By combining the strengths of Webflow with thoughtful collaboration and strategic planning, teams can create dynamic, user-friendly websites that meet modern standards.




3

RIP a Livecast #635 – Liquor-ish

Rob is back from LA and shares some stories of going to a listening party and shooting guns. Then, Noa talks about shooting guns. We learn of Gene Simmons' positive […]



  • RIP a Livecast

3

RIP a Livecast #636 – Maggot May with special guest Necrosexual

We're excited to have our friend, the most electrifying man in corpse entertainment, Necrosexual join us at the top of the show to talk about his new EP, Seeds of […]




3

RIP a Livecast #637 – 24 and Stupid

We kicked things off by talking about the new member of Noa's family. We then discussed the MTV Video Music Awards, and Madonna's "controversial" look. We also discussed Megan Fox […]



  • RIP a Livecast

3

RIP a Livecast #638 – Tasteful Chinstrap

We want to thank the drama Gods for gifting us with this silly MGK vs. Corey Taylor feud. Rob gives the full rundown of what happened at the top of […]



  • RIP a Livecast

3

RIP a Livecast #639 – Leak After Leak

We kick things off by talking about the early 2000s. We also discuss the latest Machine Gun Kelly drama. Then, we discuss a group of metalheads who were denied an […]




3

RIP a Livecast #643 – The Armorist

Rob, Sid and Darren kick off the show this week talking about what they like and dislike about Halloween. We have an update on Vince Neil, check with the Alec […]




3

RIP a Livecast #653 – Celebrity Rug Pull

We kick things off wishing Darren a happy birthday and hearing about his New Year celebration. We briefly discuss the upcoming riot anniversary and the current state of the pandemic. […]




3

4 Business Scaling Strategies to Implement in 2023

Business scaling is setting the stage to support growth in your company. In other words, it means investing in cutting-edge technology, hiring top talent, and executing effective marketing campaigns to successfully grow your business. And while business owners often wish to achieve success overnight, scaling requires a long-term, sustainable strategy.  Scaling a business is often […]




3

3 Branding Tips for Web Design Firms

In a sea of web design companies, standing out is both an art and a strategy. After all, if a web design firm can’t effectively brand itself, how will potential clients trust it to brand them? If you’re looking for helpful tips on how to improve your firm’s brand identity, this article has everything you […]




3

Explore ChainGPT Labs’ Web3 Brand Identity & Web Design

Explore ChainGPT Labs’ Web3 Brand Identity & Web Design

abduzeedo

Discover ChainGPT Labs’ unique Web3 branding and web design with seamless 3D animations and a modern interface.

ChainGPT Labs stands as an ambitious venture, propelling innovation in the blockchain and Web3 startup world. A project backed by the ChainGPT team, this platform provides strategic funding, incubation, and acceleration services tailored for the Web3 ecosystem. To visually represent such a forward-thinking initiative, a distinctive and cohesive brand identity was crucial.

The design challenge was clear: introduce ChainGPT Labs as a part of the existing ChainGPT ecosystem while ensuring it had its unique presence. The team behind this creative endeavor adopted a strategy that balanced modernity with a recognizable brand connection.

Typeface Selection and Visual Cohesion

One of the design cornerstones is the typographic identity. The chosen typeface blends sleek, experimental, and monospace styles, reminiscent of sci-fi aesthetics yet grounded enough to maintain clarity. This combination brings a futuristic yet approachable vibe, mirroring ChainGPT Labs’ mission of bridging advanced technology with user-friendly design.

The website, crafted with a focus on interaction, features seamless 3D animations. These animations not only add depth but also engage users in an immersive digital experience. The modern, functional interface ensures smooth navigation while highlighting essential content. The design isn’t just about aesthetics; it delivers on usability, ensuring every visual element contributes to a cohesive narrative.

3D Animations: Bringing Ideas to Life

3D animation plays a pivotal role in elevating the digital experience. Each animation is thoughtfully integrated, making the browsing experience lively without compromising performance. These elements align with Web3’s ethos, suggesting a digital landscape that’s both dynamic and innovative.

Balancing Innovation and Brand Familiarity

Designers also needed to ensure that ChainGPT Labs felt like an extension of ChainGPT’s established identity. The visual ecosystem leans into bold aesthetics while subtly referencing familiar brand cues. Strategic use of color, shape, and layout ties the Labs’ identity back to its origins, achieving a harmonious balance between innovation and brand recognition.

Why It Matters for Design Enthusiasts

For graphic and interface designers, ChainGPT Labs offers an inspiring case study in brand expansion. The project exemplifies how visual elements can maintain brand consistency while pushing creative boundaries. This thoughtful integration of typography, 3D animation, and a user-focused interface marks a new chapter for digital design in the Web3 space.

For a full breakdown of the design elements, visit the work of Sigma Software Design at https://sigmasoftware.design/.

Visit the website at labs.chaingpt.org

Web design artifacts




3

Looking Forward à la Française: Gardens of Thought

The upcoming 2018 International Garden Festival of Chaumont-sur-Loire in France is again bringing about fresh, imaginative realizations of gardens in its 27th Edition: “Jardins de la Pensée” or “Gardens of Thought.” From referencing the worlds of such famous writers as … Continue reading




3

P365 Oct 13 2013

Naomi’s brother Nathan is staying with us at the moment and he cooked us a Mexican dinner of stuffed peppers. 1/40sec f2.0 ISO1250 via Flickr http://flic.kr/p/hGs7G3






3

My Top 10 Photos for 2013

It’s time again for the annual tradition where I look back on the previous year’s photography and select the ten photos that I like best and feel best represent what the year in photography was for me. As always it’s hard to pick just ten photos, and justify why each deserves a place, but again […]




3

Suldal 2023

This year we travelled twice to Suldal to fish Suldalsfossen and Øvre Høse. The first was a big disappointment with only 2 fish landed for the whole group, but the following trip I finally landed my salmon for the year!




3

bbPress 1.0 Release Candidate 3

Another milestone in the sister application of WordPress; bbPress is that much closer to final release! Check out this video from WordCamp Development day

The post bbPress 1.0 Release Candidate 3 appeared first on WPCult.




3

Using Multimodal AI Models For Your Applications (Part 3)

In this third part of the series, you are looking at two models that handle all three modalities — text, images or videos, and audio — without needing a second model for text-to-speech or speech recognition.




3

Une belle soirée chaude et humide à St-Donat

En cette soirée chaude et humide à St-Donat, la lumière dorée du crépuscule enveloppe doucement le paysage, conférant aux champs et aux collines une aura chaleureuse et paisible. Les maisons aux toits colorés, disséminées parmi les étendues verdoyantes, évoquent une tranquillité rurale intemporelle. Les champs, en train d’être récoltés, dévoilent des rangées régulières de foin,...




3

Un champ jaune devant la maison colorée

Juste avant l’averse, le paysage est plongé dans une lumière douce et diffuse. Un champ de canola, vibrant de vie, s’étend à perte de vue, contrastant avec le ciel menaçant chargé de nuages sombres. Au centre de cette mer florale, une maison bleue se dresse fièrement, entourée de bâtiments et de structures rustiques, évoquant une...




3

L’étang-du-Nord

L’étang-du-Nord s’éveille sous un ciel pur, baigné de lumière et de nuances bleutées. Depuis les eaux calmes, le regard embrasse un paysage maritime où les bateaux de pêche se reposent paisiblement le long des quais, protégés par une jetée de rochers robustes. Les maisons aux couleurs vives se détachent sur l’horizon, ajoutant une touche de...




3

Aurore boréale du 11 août 2024

Voici une description poétique et optimisée pour le SEO de cette magnifique image d’aurore boréale : Dans le ciel nocturne de St-Donat, près de Rimouski, une symphonie céleste se déploie. L’aurore boréale, tel un voile éthéré, danse au-dessus du village endormi. Des teintes de vert émeraude et de rose fuschia embrassent l’horizon, créant un spectacle...




3

Aurore boréale du 11 août 2024 II

Dans la nuit étoilée de St-Donat, un spectacle céleste se déploie avec grâce. L’aurore boréale, telle une vague d’émeraude, ondule au-dessus d’un paysage endormi. Les lueurs verdoyantes dansent parmi les étoiles, créant un voile lumineux qui embrasse le ciel nocturne. Au premier plan, un champ doré par s’étend, témoin silencieux de cette féerie nocturne. La...




3

Magnifique fin de journée sur les champs de Sainte-Luce

Dans la douce lumière du soir, les champs verdoyants de Sainte-Luce s’étirent à perte de vue. Le ciel, tel une toile vivante, se pare de teintes pastel – bleus profonds, mauves délicats et orangés chaleureux. Au loin, une ferme solitaire, avec sa grange au toit rouge emblématique, ponctue le paysage bucolique du Bas-Saint-Laurent. Les forêts...