How telecommunications cables can image the ground beneath us

How telecommunications cables can image the ground beneath us

When people think about fiber optic cables, its usually about how they’re used for telecommunications and accessing the internet. But fiber optic cables — strands of glass or plastic that allow for the transmission of light — can be used for another purpose: imaging the ground beneath our feet.

MIT Department of Earth, Atmospheric and Planetary Sciences (EAPS) PhD student Hilary Chang recently used the MIT fiber optic cable network to successfully image the ground underneath campus using a method known as distributed acoustic sensing (DAS). By using existing infrastructure, DAS can be an efficient and effective way to understand ground composition, a critical component for assessing the seismic hazard of areas, or how at risk they are from earthquake damage.

“We were able to extract very nice, coherent waves from the surroundings, and then use that to get some information about the subsurface,” says Chang, the lead author of a recent paper describing her work that was co-authored with EAPS Principal Research Scientist Nori Nakata. 

Dark fibers

The MIT campus fiber optic system, installed from 2000 to 2003, services internal data transport between labs and buildings as well as external transport, such as the campus internet (MITNet). There are three major cable hubs on campus from which lines branch out into buildings and underground, much like a spiderweb.

The network allocates a certain number of strands per building, some of which are “dark fibers,” or cables that are not actively transporting information. Each campus fiber hub has redundant backbone cables between them so that, in the event of a failure, network transmission can switch to the dark fibers without loss of network services.

DAS can use existing telecommunication cables and ambient wavefields to extract information about the materials they pass through, making it a valuable tool for places like cities or the ocean floor, where conventional sensors can’t be deployed. Chang, who studies earthquake waveforms and the information we can extract from them, decided to try it out on the MIT campus.

In order to get access to the fiber optic network for the experiment, Chang reached out to John Morgante, a manager of infrastructure project engineering with MIT Information Systems and Technology (IS&T). Morgante has been at MIT since 1998 and was involved with the original project installing the fiber optic network, and was thus able to provide personal insight into selecting a route.

“It was interesting to listen to what they were trying to accomplish with the testing,” says Morgante. While IS&T has worked with students before on various projects involving the school’s network, he said that “in the physical plant area, this is the first that I can remember that we’ve actually collaborated on an experiment together.”

They decided on a path starting from a hub in Building 24, because it was the longest running path that was entirely underground; above-ground wires that cut through buildings wouldn’t work because they weren’t grounded, and thus were useless for the experiment. The path ran from east to west, beginning in Building 24, traveling under a section of Massachusetts Ave., along parts of Amherst and Vassar streets, and ending at Building W92.

“[Morgante] was really helpful,” says Chang, describing it as “a very good experience working with the campus IT team.”

Locating the cables

After renting an interrogator, a device that sends laser pulses to sense ambient vibrations along the fiber optic cables, Chang and a group of volunteers were given special access to connect it to the hub in Building 24. They let it run for five days.

To validate the route and make sure that the interrogator was working, Chang conducted a tap test, in which she hit the ground with a hammer several times to record the precise GPS coordinates of the cable. Conveniently, the underground route is marked by maintenance hole covers that serve as good locations to do the test. And, because she needed the environment to be as quiet as possible to collect clean data, she had to do it around 2 a.m.

“I was hitting it next to a dorm and someone yelled ‘shut up,’ probably because the hammer blows woke them up,” Chang recalls. “I was sorry.” Thankfully, she only had to tap at a few spots and could interpolate the locations for the rest.

During the day, Chang and her fellow students — Denzel Segbefia, Congcong Yuan, and Jared Bryan — performed an additional test with geophones, another instrument that detects seismic waves, out on Brigg’s Field where the cable passed under it to compare the signals. It was an enjoyable experience for Chang; when the data were collected in 2022, the campus was coming out of pandemic measures, with remote classes sometimes still in place. “It was very nice to have everyone on the field and do something with their hands,” she says.

The noise around us

Once Chang collected the data, she was able to see plenty of environmental activity in the waveforms, including the passing of cars, bikes, and even when the train that runs along the northern edge of campus made its nightly passes.

After identifying the noise sources, Chang and Nakata extracted coherent surface waves from the ambient noises and used the wave speeds associated with different frequencies to understand the properties of the ground the cables passed through. Stiffer materials allow fast velocities, while softer material slows it.

“We found out that the MIT campus is built on soft materials overlaying a relatively hard bedrock,” Chang says, which confirms previously known, albeit lower-resolution, information about the geology of the area that had been collected using seismometers.

Information like this is critical for regions that are susceptible to destructive earthquakes and other seismic hazards, including the Commonwealth of Massachusetts, which has experienced earthquakes as recently as this past week. Areas of Boston and Cambridge characterized by artificial fill during rapid urbanization are especially at risk due to its subsurface structure being more likely to amplify seismic frequencies and damage buildings. This non-intrusive method for site characterization can help ensure that buildings meet code for the correct seismic hazard level.

“Destructive seismic events do happen, and we need to be prepared,” she says.

Driving innovation, from Silicon Valley to Detroit

Driving innovation, from Silicon Valley to Detroit

Across a career’s worth of pioneering product designs, Doug Field’s work has shaped the experience of anyone who’s ever used a MacBook Air, ridden a Segway, or driven a Tesla Model 3.

But his newest project is his most ambitious yet: reinventing the Ford automobile, one of the past century’s most iconic pieces of technology.

As Ford’s chief electric vehicle (EV), digital, and design officer, Field is tasked with leading the development of the company’s electric vehicles, while making new software platforms central to all Ford models.

To bring Ford Motor Co. into that digital and electric future, Field effectively has to lead a fast-moving startup inside the legacy carmaker. “It is incredibly hard, figuring out how to do ‘startups’ within large organizations,” he concedes.

If anyone can pull it off, it’s likely to be Field. Ever since his time in MIT’s Leaders for Global Operations (then known as “Leaders in Manufacturing”) program studying organizational behavior and strategy, Field has been fixated on creating the conditions that foster innovation.

“The natural state of an organization is to make it harder and harder to do those things: to innovate, to have small teams, to go against the grain,” he says. To overcome those forces, Field has become a master practitioner of the art of curating diverse, talented teams and helping them flourish inside of big, complex companies.

“It’s one thing to make a creative environment where you can come up with big ideas,” he says. “It’s another to create an execution-focused environment to crank things out. I became intrigued with, and have been for the rest of my career, this question of how can you have both work together?”

Three decades after his first stint as a development engineer at Ford Motor Co., Field now has a chance to marry the manufacturing muscle of Ford with the bold approach that helped him rethink Apple’s laptops and craft Tesla’s Model 3 sedan. His task is nothing less than rethinking how cars are made and operated, from the bottom up.

“If it’s only creative or execution, you’re not going to change the world,” he says. “If you want to have a huge impact, you need people to change the course you’re on, and you need people to build it.”

A passion for design

From a young age, Field had a fascination with automobiles. “I was definitely into cars and transportation more generally,” he says. “I thought of cars as the place where technology and art and human design came together — cars were where all my interests intersected.”

With a mother who was an artist and musician and an engineer father, Field credits his parents’ influence for his lifelong interest in both the aesthetic and technical elements of product design. “I think that’s why I’m drawn to autos — there’s very much an aesthetic aspect to the product,” he says. 

After earning a degree in mechanical engineering from Purdue University, Field took a job at Ford in 1987. The big Detroit automakers of that era excelled at mass-producing cars, but weren’t necessarily set up to encourage or reward innovative thinking. Field chafed at the “overstructured and bureaucratic” operational culture he encountered.

The experience was frustrating at times, but also valuable and clarifying. He realized that he “wanted to work with fast-moving, technology-based businesses.”

“My interest in advancing technical problem-solving didn’t have a place in the auto industry” at the time, he says. “I knew I wanted to work with passionate people and create something that didn’t exist, in an environment where talent and innovation were prized, where irreverence was an asset and not a liability. When I read about Silicon Valley, I loved the way they talked about things.”

During that time, Field took two years off to enroll in MIT’s LGO program, where he deepened his technical skills and encountered ideas about manufacturing processes and team-driven innovation that would serve him well in the years ahead.

“Some of core skill sets that I developed there were really, really important,” he says, “in the context of production lines and production processes.” He studied systems engineering and the use of Monte Carlo simulations to model complex manufacturing environments. During his internship with aerospace manufacturer Pratt & Whitney, he worked on automated design in computer-aided design (CAD) systems, long before those techniques became standard practice.

Another powerful tool he picked up was the science of probability and statistics, under the tutelage of MIT Professor Alvin Drake in his legendary course 6.041/6.431 (Probabilistic Systems Analysis). Field would go on to apply those insights not only to production processes, but also to characterizing variability in people’s aptitudes, working styles, and talents, in the service of building better, more innovative teams. And studying organizational strategy catalyzed his career-long interest in “ways to look at innovation as an outcome, rather than a random spark of genius.”

“So many things I was lucky to be exposed to at MIT,” Field says, were “all building blocks, pieces of the puzzle, that helped me navigate through difficult situations later on.”

Learning while leading

After leaving Ford in 1993, Field worked at Johnson and Johnson Medical for three years in process development. There, he met Segway inventor Dean Kamen, who was working on a project called the iBOT, a gyroscopic powered wheelchair that could climb stairs.

When Kamen spun off Segway to develop a new personal mobility device using the same technology, Field became his first hire. He spent nearly a decade as the firm’s chief technology officer.

At Segway, Field’s interests in vehicles, technology, innovation, process, and human-centered design all came together.

“When I think about working now on electric cars, it was a real gift,” he says. The problems they tackled prefigured the ones he would grapple with later at Tesla and Ford. “Segway was very much a precursor to a modern EV. Completely software controlled, with higher-voltage batteries, redundant systems, traction control, brushless DC motors — it was basically a miniature Tesla in the year 2000.”

At Segway, Field assembled an “amazing” team of engineers and designers who were as passionate as he was about pushing the envelope. “Segway was the first place I was able to hand-pick every single person I worked with, define the culture, and define the mission.”

As he grew into this leadership role, he became equally engrossed with cracking another puzzle: “How do you prize people who don’t fit in?”

“Such a fundamental part of the fabric of Silicon Valley is the love of embracing talent over a traditional organization’s ways of measuring people,” he says. “If you want to innovate, you need to learn how to manage neurodivergence and a very different set of personalities than the people you find in large corporations.”

Field still keeps the base housing of a Segway in his office, as a reminder of what those kinds of teams — along with obsessive attention to detail — can achieve.

Before joining Apple in 2008, he showed that component, with its clean lines and every minuscule part in its place in one unified package, to his prospective new colleagues. “They were like, “OK, you’re one of us,’” he recalls.

He soon became vice president of hardware development for all Mac computers, leading the teams behind the MacBook Air and MacBook Pro and eventually overseeing more than 2,000 employees. “Making things really simple and really elegant, thinking about the product as an integrated whole, that really took me into Apple.”

The challenge of giving the MacBook Air its signature sleek and light profile is an example.

“The MacBook Air was the first high-volume consumer electronic product built out of a CNC-machined enclosure,” says Field. He worked with industrial design and technology teams to devise a way to make the laptop from one solid piece of aluminum and jettison two-thirds of the parts found in the iMac. “We had material cut away so that every single screw and piece of electronics sat down into it an integrated way. That’s how we got the product so small and slim.”

“When I interviewed with Jony Ive” — Apple’s legendary chief design officer — “he said your ability to zoom out and zoom in was the number one most important ability as a leader at Apple.” That meant zooming out to think about “the entire ethos of this product, and the way it will affect the world” and zooming all the way back in to obsess over, say, the physical shape of the laptop itself and what it feels like in a user’s hands.

“That thread of attention to detail, passion for product, design plus technology rolled directly into what I was doing at Tesla,” he says. When Field joined Tesla in 2013, he was drawn to the way the brash startup upended the approach to making cars. “Tesla was integrating digital technology into cars in a way nobody else was. They said, ‘We’re not a car company in Silicon Valley, we’re a Silicon Valley company and we happen to make cars.’”

Field assembled and led the team that produced the Model 3 sedan, Tesla’s most affordable vehicle, designed to have mass-market appeal.

That experience only reinforced the importance, and power, of zooming in and out as a designer — in a way that encompasses the bigger human resources picture.

“You have to have a broad sense of what you’re trying to accomplish and help people in the organization understand what it means to them,” he says. “You have to go across and understand operations enough to glue all of those (things) together — while still being great at and focused on something very, very deeply. That’s T-shaped leadership.”

He credits his time at LGO with providing the foundation for the “T-shaped leadership” he practices.

“An education like the one I got at MIT allowed me to keep moving that ‘T’, to focus really deep, learn a ton, teach as much as I can, and after something gets more mature, pull out and bed down into other areas where the organization needs to grow or where there’s a crisis.”

The power of marrying scale to a “startup mentality”

In 2018, Field returned to Apple as a vice president for special projects. “I left Tesla after Model 3 and Y started to ramp, as there were people better than me to run high-volume manufacturing,” he says. “I went back to Apple hoping what Tesla had learned would motivate Apple to get into a different market.”

That market was his early love: cars. Field quietly led a project to develop an electric vehicle at Apple for three years.

Then Ford CEO Jim Farley came calling. He persuaded Field to return to Ford in late 2021, partly by demonstrating how much things had changed since his first stint as the carmaker.

“Two things came through loud and clear,” Field says. “One was humility. ‘Our success is not assured.’” That attitude was strikingly different from Field’s early experience in Detroit, encountering managers who were resistant to change. “The other thing was urgency. Jim and Bill Ford said the exact same thing to me: ‘We have four or five years to completely remake this company.’”

“I said, ‘OK, if the top of company really believes that, then the auto industry may be ready for what I hope to offer.’”

So far, Field is energized and encouraged by the appetite for reinvention he’s encountered this time around at Ford.

“If you can combine what Ford does really well with what a Tesla or Rivian can do well, this is something to be reckoned with,” says Field. “Skunk works have become one of the fundamental tools of my career,” he says, using an industry term that describes a project pursued by a small, autonomous group of people within a larger organization.

Ford has been developing a new, lower-cost, software-enabled EV platform — running all of the car’s sensors and components from a central digital operating system — with a “skunk works” team for the past two years. The company plans to build new sedans, SUVs, and small pickups based on this new platform.

With other legacy carmakers like Volvo racing into the electric future and fierce competition from EV leaders Tesla and Rivian, Field and his colleagues have their work cut out for them.

If he succeeds, leveraging his decades of learning and leading from LGO to Silicon Valley, then his latest chapter could transform the way we all drive — and secure a spot for Ford at the front of the electric vehicle pack in the process.

“I’ve been lucky to feel over and over that what I’m doing right now — they are going to write a book about it,” say Field. “This is a big deal, for Ford and the U.S. auto industry, and for American industry, actually.”

20+ Best Wedding Stationery Templates for InDesign in 2025 – Speckyboy

20+ Best Wedding Stationery Templates for InDesign in 2025 – Speckyboy

It’s no secret that weddings are a special occasion. There’s love in the air, beautiful décor, and a room full of people ready to party. What’s not to love?

Designers play a part in that joy when creating wedding print materials. Items like invitations, save the dates, and photo albums are precious keepsakes. They serve as a reminder to the happy couple and guests.

It’s an important job, for sure. However, creating these materials from scratch takes time. Thankfully, there’s an easier way to get your project off to a fast start.

Using an InDesign template will save loads of time. Gorgeous layouts and typography have already been put into place. That allows you to focus on customizing them to meet your needs. Add your details, save them, and send them to the printer.

Below are 20+ outstanding templates to choose from. They’ll help you add artistry to the happy day!

You might also like our collection of wedding templates for Photoshop.

Wedding Stationery Collections for InDesign

Are you looking for a complete wedding stationery set? The items below cover all the basics and beyond. Invitations, save-the-date cards, thank-you cards, RSVPs, menus, and more are available. They’re everything you need before, during, and after the celebration.

Wedding Invitation Templates for InDesign

A beautiful invitation makes the perfect wedding keepsake. It’s more than just a listing of date and time – it also represents the event’s theme. The invitation templates below will help you capture this moment in time.

Save The Wedding Date Templates for InDesign

Use a save-the-date card to announce the happy news. Add a photo to personalize the experience, or stick to a classic text-only look. The templates in this category will provide you with the perfect aesthetic.

Wedding Photo Album InDesign Templates

Preserve those fond memories with a wedding photo album. It’s something to share with family and friends – and pass down to future generations. Get started with one of these beautiful InDesign templates.

Wedding Magazine Templates for InDesign

Magazine templates are great for promoting your wedding-related business. Planners, photographers, venues, and retailers come to mind. Use them to showcase your services and provide valuable information to couples.

Create Amazing Wedding Stationery in Minutes

Creating top-notch wedding stationery doesn’t have to be complicated. The templates above will help you achieve great results with minimal effort. There are also a variety of styles to choose from – you’re sure to find one that fits the occasion.

So, find the perfect template and make it your own. You’ll have a fantastic selection of print materials in no time.

Related Topics


Top

Modeling complex behavior with a simple organism

The roundworm C. elegans is a simple animal whose nervous system has exactly 302 neurons. Each of the connections between those neurons has been comprehensively mapped, allowing researchers to study how they work together to generate the animal’s different behaviors.

Steven Flavell, an MIT associate professor of brain and cognitive sciences and investigator with the Picower Institute for Learning and Memory at MIT and the Howard Hughes Medical Institute, uses the worm as a model to study motivated behaviors such as feeding and navigation, in hopes of shedding light on the fundamental mechanisms that may also determine how similar behaviors are controlled in other animals.

In recent studies, Flavell’s lab has uncovered neural mechanisms underlying adaptive changes in the worms’ feeding behavior, and his lab has also mapped how the activity of each neuron in the animal’s nervous system affects the worms’ different behaviors.

Such studies could help researchers gain insight into how brain activity generates behavior in humans. “It is our aim to identify molecular and neural circuit mechanisms that may generalize across organisms,” he says, noting that many fundamental biological discoveries, including those related to programmed cell death, microRNA, and RNA interference, were first made in C. elegans.

“Our lab has mostly studied motivated state-dependent behaviors, like feeding and navigation. The machinery that’s being used to control these states in C. elegans — for example, neuromodulators — are actually the same as in humans. These pathways are evolutionarily ancient,” he says.

Drawn to the lab

Born in London to an English father and a Dutch mother, Flavell came to the United States in 1982 at the age of 2, when his father became chief scientific officer at Biogen. The family lived in Sudbury, Massachusetts, and his mother worked as a computer programmer and math teacher. His father later became a professor of immunology at Yale University.

Though Flavell grew up in a science family, he thought about majoring in English when he arrived at Oberlin College. A musician as well, Flavell took jazz guitar classes at Oberlin’s conservatory, and he also plays the piano and the saxophone. However, taking classes in psychology and physiology led him to discover that the field that most captivated him was neuroscience.

“I was immediately sold on neuroscience. It combined the rigor of the biological sciences with deep questions from psychology,” he says.

While in college, Flavell worked on a summer research project related to Alzheimer’s disease, in a lab at Case Western Reserve University. He then continued the project, which involved analyzing post-mortem Alzheimer’s tissue, during his senior year at Oberlin.

“My earliest research revolved around mechanisms of disease. While my research interests have evolved since then, my earliest research experiences were the ones that really got me hooked on working at the bench: running experiments, looking at brand new results, and trying to understand what they mean,” he says.

By the end of college, Flavell was a self-described lab rat: “I just love being in the lab.” He applied to graduate school and ended up going to Harvard Medical School for a PhD in neuroscience. Working with Michael Greenberg, Flavell studied how sensory experience and resulting neural activity shapes brain development. In particular, he focused on a family of gene regulators called MEF2, which play important roles in neuronal development and synaptic plasticity.

All of that work was done using mouse models, but Flavell transitioned to studying C. elegans during a postdoctoral fellowship working with Cori Bargmann at Rockefeller University. He was interested in studying how neural circuits control behavior, which seemed to be more feasible in simpler animal models.

“Studying how neurons across the brain govern behavior felt like it would be nearly intractable in a large brain — to understand all the nuts and bolts of how neurons interact with each other and ultimately generate behavior seemed daunting,” he says. “But I quickly became excited about studying this in C. elegans because at the time it was still the only animal with a full blueprint of its brain: a map of every brain cell and how they are all wired up together.”

That wiring diagram includes about 7,000 synapses in the entire nervous system. By comparison, a single human neuron may form more than 10,000 synapses. “Relative to those larger systems, the C. elegans nervous system is mind-bogglingly simple,” Flavell says.

Despite their much simpler organization, roundworms can execute complex behaviors such as feeding, locomotion, and egg-laying. They even sleep, form memories, and find suitable mating partners. The neuromodulators and cellular machinery that give rise to those behaviors are similar to those found in humans and other mammals.

The wormy C. elegans is seen in a microscope.

Photo: Bryce Vickmark


“C. elegans has a fairly well-defined, smallish set of behaviors, which makes it attractive for research. You can really measure almost everything that the animal is doing and study it,” Flavell says.

How behavior arises

Early in his career, Flavell’s work on C. elegans revealed the neural mechanisms that underlie the animal’s stable behavioral states. When worms are foraging for food, they alternate between stably exploring the environment and pausing to feed. “The transition rates between those states really depend on all these cues in the environment. How good is the food environment? How hungry are they? Are there smells indicating a better nearby food source? The animal integrates all of those things and then adjusts their foraging strategy,” Flavell says.

These stable behavioral states are controlled by neuromodulators like serotonin. By studying serotonergic regulation of the worm’s behavioral states, Flavell’s lab has been able to uncover how this important system is organized. In a recent study, Flavell and his colleagues published an “atlas” of the C. elegans serotonin system. They identified every neuron that produces serotonin, every neuron that has serotonin receptors, and how brain activity and behavior change across the animal as serotonin is released.

“Our studies of how the serotonin system works to control behavior have already revealed basic aspects of serotonin signaling that we think ought to generalize all the way up to mammals,” Flavell says. “By studying the way that the brain implements these long-lasting states, we can tap into these basic features of neuronal function. With the resolution that you can get studying specific C. elegans neurons and the way that they implement behavior, we can uncover fundamental features of the way that neurons act.”

In parallel, Flavell’s lab has also been mapping out how neurons across the C. elegans brain control different aspects of behavior. In a 2023 study, Flavell’s lab mapped how changes in brain-wide activity relate to behavior. His lab uses special microscopes that can move along with the worms as they explore, allowing them to simultaneously track every behavior and measure the activity of every neuron in the brain. Using these data, the researchers created computational models that can accurately capture the relationship between brain activity and behavior.

This type of research requires expertise in many areas, Flavell says. When looking for faculty jobs, he hoped to find a place where he could collaborate with researchers working in different fields of neuroscience, as well as scientists and engineers from other departments.

“Being at MIT has allowed my lab to be much more multidisciplinary than it could have been elsewhere,” he says. “My lab members have had undergrad degrees in physics, math, computer science, biology, neuroscience, and we use tools from all of those disciplines. We engineer microscopes, we build computational models, we come up with molecular tricks to perturb neurons in the C. elegans nervous system. And I think being able to deploy all those kinds of tools leads to exciting research outcomes.”

How AI Changed My Web Development Workflow – Speckyboy

We’re still in the early days of artificial intelligence’s (AI) introduction into web development. The technology initially seemed like a gimmick (or a death sentence, depending on your point of view).

I have wrestled with what AI means for our industry during this time. There’s potential to make our jobs easier. However, there are also questions about where these large language models (LLM) get their data and how accurate they are. Not to mention the eerie feeling of replacing humans.

Is the glass half empty or half full? Perhaps we won’t know for a few more years. New tools and technical evolutions are sure to come.

One thing I can say is that AI has changed my workflow. And it’s about more than saving time. Tools like ChatGPT and GitHub’s Copilot have also changed how I approach development projects.

Here’s a look at how AI has impacted me so far. I hope you see a thing or two that resonates.

A Solution to Coding Challenges

I’ll admit it: I’m not the world’s best coder. My experience with PHP and JavaScript is riddled with fits and starts. I tend to make some progress – only to run into a debugging nightmare. It’s those little things that get in the way, you know?

AI tools have, for better or worse, saved me from scouring Google for solutions. I can paste the offending code snippet into ChatGPT, and it will explain where I went wrong. It will even provide a corrected version.

Issues such as syntax errors aren’t easy to spot with the naked eye. Code editors can point them out but don’t often provide easy-to-understand suggestions. AI acts like an extremely patient friend who holds your hand during these tough times.

I feel guilty for contributing to the decline of traffic to Stack Overflow and similar communities. On the other hand, finding quick answers has lowered my stress levels.

This feature is invaluable for freelancers who work solo. It’s like having a colleague on hand, 24/7. And even when the answers aren’t 100% accurate, they usually lead you in the right direction.

Tools like GitHub Copilot are adept at troubleshooting code.

A More Holistic Approach to Development

Time is always of the essence when doing custom development work. Budgets are limited, and deadlines are short. Sometimes, this leads to a result that isn’t as good as it could be.

There’s also a tie-in with limited coding skills. It’s hard to build a top-notch feature when you spend most of your time debugging. I find myself rushing to get things done rather than polishing them.

AI has made a huge impact in this area. Its ability to quickly write code and solve problems allows me to approach projects differently. I can take a holistic view that encompasses how things should look and work.

The experience has been freeing. My focus has changed to implementing and then improving my code. There’s room to add details that make for a better user experience. I also have more time for quality control.

If anything, AI has brought some clarity to my usually-scattered mind. Working step-by-step through a project is easier than ever.

AI can increase efficiency, allowing you more time to improve your development projects.

A Newfound Confidence in What’s Possible

Custom development has always scared me. I often doubted something was possible until I made it work. Funny as it sounds, having AI’s help at my disposal has improved my confidence. I no longer cringe as much when a client asks for something I haven’t done before.

That doesn’t mean the build process will be worry-free. There will still be bumps in the road and unexpected challenges. However, combining AI with my existing knowledge empowers me to determine the best way forward.

I think this is another side effect of working solo. Each task feels like climbing a mountain when doing it alone. Having access to the right resources helps to ease the burden.

To be clear, I don’t equate AI with a human developer. People are much better at things like planning and critical thinking.

Machines can’t yet compete in that realm. They provide an extra depth of knowledge and boost productivity, though. That makes a big difference when you’re used to doing it all yourself.

It makes me feel like I can take on projects I might have turned down before.

ChatGPT serves as an interactive code reference.

AI Provides a Helping Hand When I Need It

Believe it or not, I don’t use AI every day. Most of my web design and development work originates from my imperfect brain. As does 100% of my writing. I’m happy to keep it that way.

However, I have experienced numerous occasions where an extra bit of help is appreciated. That led to a lot of frustration in the past. Having neither the time nor money to hire an expert for small tasks caused a lot of headaches.

That’s where AI has been most useful. Writing a WordPress function or manipulating the DOM with JavaScript can be accomplished with minimal effort. They’re no longer sticking points that hold me back.

In the end, that’s what tools are supposed to do. We use them to do more in less time. The tools may change, but the concept remains the same. Maybe AI is just the latest in a long line of them.

Related Topics


Top

20+ Free Admin Dashboard Templates for Figma – Speckyboy

A great dashboard is both attractive and informative. Users should be able to get what they need effortlessly. The look should be clean and easy to understand. The result is something users want to visit time and again.

Designing a dashboard from scratch is a huge task, though. Things can get complicated in a hurry with so many widgets competing for attention. Who has the time to deal with all of this?

That’s what makes a Figma template so helpful. A beautiful and functional design is already in place. There are also components for you to use, duplicate, and customize. That means your project will be off to a running start.

Does it sound like something you could use? If so, check out our collection of free admin dashboard templates for Figma. There are options here for virtually every use case. Choose your favorite and get started!

You might also like our collection of web and mobile UI templates for Figma.

Give users an easy-to-navigate experience with this Figma UI template. It features a high-contrast color scheme, beautiful design components, and outstanding typography. Use it, and you’ll have a professional-grade dashboard in no time.

Dash - Free Dashboard UI Figma

Download this Figma dashboard template and gain access to over 500 UI components. You’ll find charts, buttons, card layouts, navigation bars, and more. It provides the ultimate flexibility for your project.

UI Dashboard Builder for Figma

Here’s a UI kit that includes everything you need to build a dashboard layout. It includes multiple screens in both light and dark modes. It also uses Figma variables for easier customization.

Dashboard UI Kit for Figma

Crown is a dashboard template inspired by Material Design – Google’s open-source design system. This step makes everything seem intuitive and familiar. The components are colorful, and the layout is roomy.

Crown - Material Admin Dashboard UI Kit for Figma

This open-source dashboard template was designed to work with React. The package includes several templates and components with light and dark versions. It’s a versatile choice for building web applications.

Horizon UI - Trendiest Open Source Admin Template Dashboard for Figma

Create an analytics-focused dashboard using this Figma template. It features a modern aesthetic and support for multiple color schemes. The template uses layers, making it easy to customize to suit your needs.

Website Admin Dashboard for Figma

Kanban boards are great for organizing information for individuals and teams. This Figma template uses the concept to help you build a task management app. Use its clean design to improve communication and stay focused.

Dashboard Task Boards Figma Free

Sales Analytics Dashboard UI Kit has 16 predesigned screens for different use cases. You’ll also find plenty of widgets, well-organized layers, and an easy-to-customize setup. It’s also built for accessibility and meets WCAG 2 requirements.

Sales Analytics Dashboard – Light UI for Figma

The components included in this UI kit will make your dashboard project a breeze. It’s all here: dropdowns, modal windows, navigation, charts, form elements, and more. Use them to build a custom application that’s beautiful and functional.

Admin System UI Kit for Figma

Here’s a different take on the traditional dashboard screen. NewsNet focuses on content more than statistics. That makes it a great choice for company intranets or personalized web portals. There are several creative possibilities here.

NewsNet - News Dashboard for Figma

This free dashboard UI kit focuses on finance. You might use it for a company’s accounting department or as part of an employee portal. The design is clean and easy to read.

Free UI Kit - Dashboard Payroll for Figma

Create a custom dashboard layout in minutes using these beautifully designed component cards. Mix and match them to display an array of stats and info. These colorful cards are flexible, and many include crisp graphics.

Full Charts Components for Figma

This stylish template is perfect for use as an analytics dashboard. It includes all the basics in a simple and colorful layout. Customize it to your heart’s content. You’ll save time without sacrificing quality.

Analytics Dashboard - Built with Fikri Chart Library (Free)

BankDash is a free dashboard UI kit that includes over 300 screen layouts. It uses the latest Figma features such as variables and auto layout. That makes it a fit for virtually any type of project.

BankDash - Dashboard UI Kit

There’s a lot to like about this free dashboard template. It’s clean, colorful, and includes mobile and desktop viewports templates. You’ll find plenty of resources to get your project off the ground.

Dashboard Free for Figma

This free Figma dashboard template includes plenty of ready-made components. Each can be customized to fit your content and color scheme. Pick your favorites and build a user-friendly interface!

Dashboard Figma Free

Do you want to build a collaborative dashboard? This calendar UI template will give you a terrific head start. It includes views for mobile and desktop. In addition, it outlines tasks in an easy-to-follow format.

Dashboard Calendar UI

Digesto is a dashboard template that focuses on content organization. It’s perfect for user portals, client reputation tracking, or any project where media is front and center. The template includes six screens and several attractive components.

Free Figma Template: Digesto AI Summarizer

This free open-source admin dashboard kit includes an atomic design system. The template features UI elements like tables, charts, forms, etc. You’ll also have access to light and dark versions in an easy-to-edit package.

Sneat – Free Figma Admin Dashboard UI Kit

With more than 350 global styles and 10,000+ components, Untitled UI is a powerful package. That provides plenty of options for building a dashboard to match your needs. If you can dream it, you can do it.

Untitled UI – FREE Figma UI Kit and Design System v2.0

Use this dashboard UI kit for real estate and property management projects. Its well-organized layout will help users stay on top of their tasks in style. The kit includes one screen, a component set, and a style guide.

Property Management Dashboard UI Kit

Form UI Kit uses a monochromatic color scheme to enhance legibility. It includes all the basics to build an attractive and functional dashboard. There’s enough here to cover a variety of needs.

Form UI Kit - Free in Figma

Users of Tailwind CSS will want to check out this admin dashboard template. The kit includes four distinctive dashboard layouts and over 400 UI elements. It’s a great way to combine the popular CSS framework with your dashboard project.

Free Figma Tailwind Admin Dashboard – TailAdmin

Build a Beautiful Dashboard in Less Time

Dashboards are among the most important and most difficult design projects. Users depend on them to perform tasks and gather information. However, building an effective one requires excellent attention to detail.

The templates in this collection are designed to make your job easier. They provide a solid foundation to build upon. The design and layout are taken care of. That allows you to focus on executing your plan.

Now that you have so many outstanding templates within reach – what will you build?


Related Topics


Top

10+ Explainer Toolkits & Templates for After Effects – Speckyboy

Working with clients and colleagues often includes explaining various concepts. Subjects like SEO, technology, and marketing are prime examples. After all, knowing how something works helps people make smart decisions.

Video is the perfect medium for breaking down these complex concepts. It allows you to narrow the focus to key talking points. You can also add illustrations and animations to provide visual reinforcement for viewers.

Creating such a video is a challenge in its own right. Starting from scratch means mapping out a storyline, adding effects, and polishing your presentation. That’s a lot of work. And what if you’re not an expert video editor?

The solution is using an After Effects template. They include everything you need to create a compelling explainer video. Take advantage of their professional layout and transitions. Then, customize it to fit your subject. It’s that easy!

We’ve put together a collection of 10+ explainer toolkits and templates for After Effects. Take a look and find one that matches your needs.

Add a touch of fun to your video with Stickmania. The template features a delightful stick figure to introduce segments and help with your explanations. It includes 38 scenes, along with a dozen transition effects.

Stickmania Explainer Toolkit for After Effects

Big and bold, this package includes six title sequences to enhance your tutorial. The grunge styling looks great on backgrounds and animations. A simple layout makes this one perfect for use in step-by-step videos.

Large Grunge Explainer Titles for After Effects

This corporate explainer toolkit offers plenty of materials to create your presentation. You’ll find 18 scenes, 15 titles, plus lots of animations and transitions. It’s suitable for virtually any video project.

Corporate Explainer Toolkit for After Effects

Explaining your ideas is as simple as waving your hand with this template. An animated hand introduces segments and brings a human touch to your video. Combined with bold text, it’s sure to get viewers’ attention.

Modular Explainer Toolkit with Hands for After Effects

Use this template package to share your contact information with viewers. Fun animations are there to reinforce your custom content. It might be a good fit for the end of your video presentation.

Simple Communication Explainer Templates for After Effects

SEO (Search Engine Optimization) isn’t the easiest subject to explain. It’s intricate and full of ifs and buts. This video template for After Effects can help make your job easier. It’s built with SEO in mind and includes plenty of infographics to get you started.

SEO Marketing Explainer Toolkit for After Effects

There are over 30 “helping hands” included with this toolkit. Use them to introduce concepts and entice viewers to take action. The result will be a fun, easy-to-understand explainer video.

Hand, Shape & Titles Explainer Toolkit for After Effects

This template includes a variety of assets like banners, badges, icons, and backgrounds. However, the stars of the show are a group of cute birds. They’ll serve as guides through your tutorial or educational video. Viewers can’t help but fall in love.

Animated Birds Explainer Toolkit for After Effects

The friendly characters in this package will brighten up your explainer video. They’re hard at work demonstrating analytics, multitasking, and teamwork. It’s a nice touch to help bring your ideas to life.

Illustrated Business Analytics Explainer Templates for After Effects

This toolkit offers plenty of flexibility for your project. It includes 40+ individual scenes to help you craft the perfect presentation. You’ll also find outstanding animation effects along with handy illustrations.

Promotion Explainer Toolkit for After Effects

Here’s a template for realtors, mortgage brokers, and property managers. It’s a brisk 32 seconds and a good fit as an introduction to your video. Bright colors and lively animations make this a winner.

Real Estate Agency Animated Explainer Template for After Effects

Email marketers will want to check out this After Effects toolkit. It has an international flavor and includes voiceovers in three languages (English, German, and Spanish). It’s also flexible with six color templates and plenty of customization options.

Email Marketing Explainer Toolkit for After Effects

Explainer Toolkits & Templates for After Effects FAQs

Coming soon…

Create an Explainer Video That Converts

A great explainer video is an invaluable resource. It educates viewers by breaking down complex ideas into bite-sized pieces. That results in better communication and more conversions.

The templates above are there to help. Whether you’re looking for a long-form presentation or a few scenes to enhance your content, you’ll find plenty of options.

You don’t have to do it all yourself. Download an explainer template and create a top-notch video in less time!

Related Topics


Top

15+ Business & Corporate Presentation Templates for Premiere Pro – Speckyboy

Clear and concise presentations are an essential part of the business world. They leave an impression on stakeholders. That’s a great reason to go the extra mile when putting them together.

So, how do you make your presentations memorable? Adding video to the mix is one way to get a viewer’s attention. It keeps people engaged while helping to explain concepts and ideas. Besides, a video is endlessly more interesting than an old static PowerPoint file.

Sure, there could be a learning curve if starting from scratch. But you don’t have to be a video pro to create a compelling presentation.

Premier Pro templates are there to simplify the process. They include all the layouts and effects you’ll need to make something special. Customize them with your content, tweak a few settings (or not), and you’re all set.

With that in mind, check out our collection of business and corporate presentation templates. You’re sure to find the perfect fit for your project.

A beautiful black-and-white color scheme gives this presentation template a minimalist vibe. It’s simple and clean, with bold typography and room for custom graphics. This one is a good all-purpose choice to keep on hand.

Basic Minimal business corporate presentation video template premiere pro

Here’s a presentation template with stunning visual effects to impress viewers. The animations are smooth, and the look is ultra-modern. It’s perfect for corporate use, as the subtle effects won’t distract from your content.

Modern Mosaic business corporate presentation video template premiere pro

You’ll find plenty to like about this fast-paced presentation template. It features professional-level effects and is easy to customize. The video clocks in at just over a minute, making it a good fit for use as an intro.

Urban business corporate presentation video template premiere pro

This slick video is colorful and full of customization opportunities. Add video clips, photos, and text to share your message. It will look like you spent hours meticulously crafting your presentation – even if you know better.

Modern Dynamic business corporate presentation video template premiere pro

Show prospective clients who you are using this stunning video template. There’s room for company details, past projects, and contact information. The modern aesthetic is a fit for just about any industry.

business corporate presentation video template premiere pro

This template features excellent use of color and is easy to read. You’ll also notice beautiful transitions and a focus on your custom content. It’s a short and sweet way to introduce yourself to the world.

Colorful Modern business corporate presentation video template premiere pro

Tell your story through time by using this timeline motion graphic template. Mark key dates in history and enhance them with custom photos. This one will come in handy time and again.

History Timeline Mogrt business corporate presentation video template premiere pro

There’s something to be said for simplicity in video presentations. This Premiere Pro template is a prime example. It’s elegant and modern without overwhelming viewers with effects. And there’s room for all your custom text.

Minimal Clean pro business corporate presentation video template premiere pro

This colorful template uses professional animations and geometric shapes to create a compelling video. Use it to share your team’s bios and experience. It’s perfect for use as a marketing tool.

Digital business corporate presentation video template premiere pro

Video presentations aren’t just for the conference room. You can also share them on social media, like these Instagram story templates. They’re designed for viewing on mobile screens to help you stand out on a crowded platform.

Instagram Story business corporate presentation video template premiere pro

Showcase your achievements with this impressive Premiere Pro timeline template. Edit the 12 included scenes with your images and important dates. Every aspect can be customized – including the colors and effects.

Timeline  business corporate presentation video template premiere pro

Make your point in style with this short video presentation template. But don’t let the one-minute length fool you – there’s room for media and text. Its sophisticated look will get viewers’ attention.

MOGRT business corporate presentation video template premiere pro

Introduce your team with this artistic video template. It features a bookish theme that lends itself to displaying photos and biographies. Perfect for those who want to go beyond a traditional presentation.

Minimal Creative business corporate presentation video template premiere pro

Here’s a minimalistic template with a clean layout and beautiful typography. The formatting is attractive and prioritizes legibility. This template proves that you don’t need to go over the top with movement to be effective.

Minimalistic business corporate presentation video template premiere pro

Share your ideas with viewers using this big and bold video template. The animations and transitions give the presentation a 3D look without being intrusive. It uses just enough color to make key points stand out.

Bold Modern business corporate presentation video template premiere pro

Viewers will love the clever magazine layout of this Premier Pro presentation. Watch as pages “flip” to reveal new facts and figures. The aesthetic fits many industries, including tech, health care, and construction.

Video Magazine business corporate presentation video template premiere pro

Count down your key points with this unique template. It’s great for showing prospective clients why they should work with you. The ultra-quick presentation (15 seconds) will help you stay on message.

Countdown Opener business corporate presentation video template premiere pro


You don’t have to settle for the old-fashioned way of sharing ideas. Video is the perfect medium to take your presentations up a few notches. And it’s easier than you think.

The templates above allow you to create a stunning presentation in mere minutes. So, what are you waiting for? Grab your favorites and leave an impactful impression on your audience.

More Premiere Pro Collections

Related Topics


Top

20+ Seasonal Lightroom Presets & LUTs for Photographers – Speckyboy

Photography helps us remember the colors and aesthetics accompanying winter, spring, summer, and autumn. These images remind us of each season’s unique look and feel.

But capturing seasonal images is only the start. We can use the editing process to enhance these characteristics. Lightroom presets and LUTs (Look Up Tables) are the perfect tools to bring your photos to life. They’re incredibly convenient and easy to use.

That’s why we’ve created this collection of presets and LUTs dedicated to each of the four seasons. They are designed with specific colors and lighting effects in mind. Use them to improve your photos with just a click.

Check out the options below and download your favorites. You’ll have everything you need to achieve professional looks all year round. Whether it’s a winter holiday or a day at the beach, you’ll find the preset you need below.

Winter Lightroom Presets & LUTS

The winter season brings us colder temperatures and cool colors. Various hues of blue and white are staples. But we can’t forget about the red and green of the holiday season as well. The presets and LUTs below will help you celebrate indoor and outdoor scenes.

Spring Lightroom Presets & LUTS

Spring is a time of nature’s rebirth. Think of baby animals, blooming flowers, and the return of lush greens. Use the presets and LUTs in this category to add vibrance to your photos. They’ll help you capture the beauty in style.

Summer Lightroom Presets & LUTS

The heat of summer shines through in photography. You’ll find bright oranges, deep reds, and intense yellows in the landscape. The options below help you enhance them while adding personality to your photos. Perfect for memories of lazy days and outdoor fun.

Autumn Lightroom Presets & LUTS

The colors of autumn make it a wonderful season for photographers. Bright foliage covers the landscape – and don’t forget about the pumpkins! You’ll find plenty of resources below to help you boost the fall feeling in your photos. Add a little spice and cozy up to these fantastic presets and LUTs.

Capture the Colors of Every Season

The great thing about seasonal photography is that there is always something interesting to capture. As seasons change, so do the landscapes. People also adapt to the changes with different activities and celebrations.

Our collection of Lightroom presets and LUTs will help you make the most of each season’s images. They offer powerful default settings but also allow you to adjust as needed. That way, you’ll have a clear path to achieving the perfect look.

We hope you found the options here useful. Experiment with them and discover seasonable effects that will make your photos stand out!


Related Topics


Top

CSS Properties to Make Hyperlinks More Attractive – Speckyboy

Hyperlinks don’t always get the attention they deserve from web designers. Sure, we might make a few tweaks. However, we don’t always go the extra mile to make them stand out.

Perhaps that’s because the styling options used to be limited. Link color and underlining were the primary options. Hover and focus states seemed to be where most of the creativity occurred. Other enhancements tended to require add-ons like JavaScript.

CSS has changed the game in recent years. Several properties are available to customize the look of hyperlinks. They also provide a higher level of control regarding details like spacing and sizing.

It’s a whole new world of possibilities. Let’s check out some CSS properties that help make hyperlinks more attractive.

A Default Link

We’ll start with a default link configuration. A link color and CSS states were added – but that’s it. It will serve as a baseline as we explore the CSS properties below.

See the Pen Link Styling:Plain by Eric Karkovack

It used to be that a link’s underline had to be the same color as its text. The text-decoration-color property allows us to choose a separate hue. It also works with overlines, strikethroughs, and anything else set by the text-decoration property.

We’ve added a brown underline to compliment our green link text.

See the Pen Link Styling:text-decoration-color by Eric Karkovack

This niche property determines how the link’s text decoration interacts with glyphs. The default setting is auto, where the browser interrupts underlines and overlines so they don’t touch a glyph. You’ll notice this with lowercase letters that go below the baseline.

Setting the property to none means the underline or overline draws a straight line – regardless of where glyphs are located.

See the Pen Link Styling:text-decoration-skip-link by Eric Karkovack

The thickness of a link’s underline typically follows what’s defined in the font-weight property. That is, bold text will result in a thicker underline. This property lets us set a consistent value for every link in the cascade.

See the Pen Link Styling:text-decoration-thickness by Eric Karkovack

Text decorations don’t have to be a straight line. This property lets you change the style to dashed, dotted, double, or wavy lines.

See the Pen Link Styling:text-decoration-style by Eric Karkovack

Here’s a way to specify how closely (or not) an underline is to the text above. Adding a few pixels of space between them can improve legibility.

Note that this property doesn’t impact instances of the HTML underline tag (<u>). It only affects instances where the text-decoration property is set.

See the Pen Link Styling:text-underline-offset by Eric Karkovack

Another niche property, text-underline-position specifies the position of the underline relative to its text. Setting it to under is ideal for mathematical and scientific formulas. It makes subscript characters easy to read – even when underlined.

See the Pen Link Styling:text-underline-under by Eric Karkovack

Going Further with Link Styles

Hyperlinks don’t have to be bland. There are now plenty of ways to make them as much a part of your brand as other design elements.

The properties above are all worth considering when styling links. They’re relatively simple to implement and can make links more attractive and accessible. Best of all, they’re native CSS and won’t impact page load performance.

You can also use them beyond default styles. Style them for various states, such as changing the link’s underline color during a hover event. In addition, there’s an opportunity to add animation and transitions to create all sorts of fun micro-interactions.

Just beware – it’s possible to take things a little too far. Always keep best practices in mind to enhance the user experience. Anything that makes links harder to read or use isn’t worth doing.

It’s time to get creative! Experiment with these CSS properties and see how you can bring a little life to your links.

Related Topics


Top