win

Zebra's Sports Bar & Grille at Rosen Inn at Pointe Orlando - Sing for Free Beer or Wine

Valid Through: 4/30/2015
Sing for Free Beer or Wine
9000 International Drive
Orlando, FL 32819




win

Mastering Marketing: How to Build a Strong Personal Brand and Win More Clients

Your brand. Yes. Your personal brand. It starts there. It is everything you do to influence the experience someone has with you and your business. Anything you offer that someone can see, hear, touch, smell or taste will dictate how they feel about you. It is every email and text you send. Every phone conversation.…

The post Mastering Marketing: How to Build a Strong Personal Brand and Win More Clients appeared first on RISMedia.




win

Here is the Data Sharing Statement, in its entirety, for Goodwin GM, Aaronson ST, Alvarez O, et al. Single-Dose Psilocybin for a Treatment-Resistant Episode of Major Depression. N Engl J Med. DOI: 10.1056/NEJMoa2206443.

As forwarded to us by Max Shepsi: I’m starting to see a pattern here!




win

A 10% swing in win probability corresponds (approximately) to a 0.4% swing in predicted vote

There’s some confusion regarding jumps in election forecasts. New information is coming in every day, so it makes sense that forecasts change too. But they don’t change very much. Each new piece of information tells you only a little bit. … Continue reading




win

What if the polls are right? (some scatterplots, and some comparisons to vote swings in past decades)

There’s a lot of talk about how the polls can go wrong. Fair enough—I wrote an article a few years ago on failure and success in political polling and election forecasting, and a few years before that, Julia Azari and … Continue reading




win

Governor Signs Bill Allowing Commissioner to Adopt Criteria for Safety Program Discount

Delaware Gov. John Carney signed a bill allowing the insurance commissioner to adopt criteria for employers to qualify for a workplace safety program that aims to provide lower workers’ compensation…




win

Rulemaking Advisory Committee Reviewing Treatment Regs

The Oregon Workers’ Compensation Division's rulemaking advisory committee will review medical treatment regulations during a Nov. 5 meeting. The division said a preliminary list of topics that the committee will discuss…




win

CAAA Opens Registration for 2025 Winter Convention

The California Applicants’ Attorneys Association opened registration for its annual winter convention, which will be held in Las Vegas Jan. 23-26. Panelists speaking during the conference will cover a variety of…




win

IAIABC Announces NextGen Award Winners

The International Association of Industrial Accident Boards and Commissions announced the recipients of its NextGen Award recognizing young professionals who are having a positive effect on their organizations and the…




win

OSHA Fines Furniture Maker Following Serious Injury

Federal workplace safety regulators fined a Texas manufacturer and designer of school furniture, saying the company could have prevented an injury by installing machine guards. The Occupational Safety and Health Administration…




win

Reviewing Medical Reports (3 of 3)

This one-hour session will focus on reviewing medical reports from a lay-person perspective.




win

Work Comp Matters - Free Weekly Podcast - Episode 43: Renewing the Contract

"Work Comp Matters" - the central location for all your workers' compensation, employment and labor law matters. Steve Appell hosts this weekly podcast from sunny southern California - presenting some…




win

Intro To Motivational Interviewing for Claims Professionals

In this webinar, attendees will learn how Motivational Interviewing can be used to improve communication with injured worker patients. MI involves practical, empathetic, and short-term processes that take into consideration…




win

Winter 2022 Case Law Update

Our Dream Team presents case law like no other workers’ compensation organization by describing the case and the potential effect the case has on the practice of workers’ compensation law…




win

Appeals Court Partially Reverses Employer's Win

A Louisiana appellate court overturned a finding that a worker’s stiff person syndrome was not related to her work accident, and a finding that she was capable of engaging in gainful employment…




win

Knowing you have a brain aneurysm may raise anxiety risk, other mental health conditions

Research Highlights: People diagnosed with unruptured cerebral aneurysms (weakened areas in brain blood vessels) who are being monitored without treatment have a higher risk of developing mental illness compared to those who have not been diagnosed...




win

Reviewing your photographs from Older Archives


Sometimes its just plain fun to go through your archive of older photos. Now with a distant memory of the scenes and events your photographs may appear better than previous scans. This is in part due to that at the time there are too many good photos and those not with the highest rating but still with merit tend to get drowned out.


This image was taken at one of the great Buddhas in Kamakura Japan. The hawk like bird may seem small but this Buddha is very large.  Without the bird it would be hard to understand the scale of this image. It could be in anyone’s home garden. Besides scale the bird helps to give height to statue as there is the appearance that the head is up high where birds soar.


The next image with people in it does convey the scale of the Buddha. In theses type of metal statues the green colors are soft and muted and it is easy for green foliage to overpower the scene. That is why I have mute the greens in the background to give the Buddha statue more visual punch.

The Great Buddha of Kamakura (Kamakura Daibutsu) is a bronze statue of Amida Buddha, which stands on the grounds of Kotokuin Temple.  It's the second tallest bronze Buddha statue in Japan, at a height of 13.35 meters, surpassed only by the statue in Nara's Todaiji Temple.
The statue was originally built in 1252 and located inside a large temple hall. The temple buildings were destroyed many times by typhoons and a tidal wave in the 14th and 15th centuries. So, since 1495, the Buddha has been standing in the open ground. 

Do take the time to review your collection as there may be hidden gold or at least fond memories of places you've been.


Niels Henriksen.




win

One year following court-ordered deadline, FDA must rule on remaining premarket tobacco applications

DALLAS, September 9, 2022 — Following is a statement from the American Heart Association, the world’s leading voluntary organization focused on heart and brain health: “One year after a court-ordered deadline to determine whether flavored e-cigarette ...




win

Understanding cardiac arrest and emergency response following Damar Hamlin’s collapse during Monday Night Football

DALLAS, January 3, 2023 —While playing in the Buffalo Bills - Cincinnati Bengals game on Monday Night Football on January 2, Bills player Damar Hamlin suffered a cardiac arrest after a hit and was administered CPR on the field before being transferred to...




win

Updated guidance reaffirms CPR with breaths essential for cardiac arrest following drowning

Updated Guideline Highlights: The American Heart Association and the American Academy of Pediatrics update recommendations for untrained lay rescuers and trained rescuers resuscitating adults and children who have drowned. One important update is the ...




win

Wayfinding > wayshowing

The first edition was sold out for a long time and was considered as the industry reference book for everything wayshowing, wayfinding and signs related.

About Per Mollerup

Wayshowing > Wayfinding is written by Per Mollerup (1942), a Danish Designer and Professor of Communication Design who has designed numerous wayshowing and branding projects for airports, transit, culture institutions and more. His design studio Designlab closed in 2009, and Mollerup currently is a professor at Swinburne University of Technology, Melbourne. Dr. Per Mollerup still works with consulting concerning branding and wayshowing— and he has defined industry standards strategies for wayfinding and wayshowing.

Design principles according to Mollerup “Research is search for knowledge. Design research, search for knowledge about design are part of all professional design work.”

Introduction to W>W

Wayshowing > Wayfinding is divided into three main parts, that describes wayfinding problems, principles and practices. The books principles have been revised and updated with digital signage principles.

The first part of the book describes the basic principles of wayfinding, Signage without signs. Finding and identifying places and the way through natural, intuitive elements. The second part of the book describes wayfinding as ‘A problem solving process’. Mollerup then explains about the principles of wayshowing. The third part of the book covers 25 new showcases including airports, rail, city, culture and more.

Wayfinding

The term wayfinding introduced by Kevin Lynch in book Image of the City (1960), where he described wayfinding as “a consistent use and organization of definite sensory cues from the external environment”. In 1992 Arthur and Passini published the book Wayfinding-People, Signs, and Architecture. Arthur & Passini extended the concept of the term wayfinding by relating it to architecture and signage— and described the essential principles for wayfinding.

In the book W>W Per Mollerup builds upon this knowledge, introducing a three step iterative wayfinding process; “Search, Decision, Motion”.
The chapters about wayshowing > wayfinding describe the research steps for planning and defining a wayfinding strategy. The nine described wayfinding strategies reflect environmental conditions, user needs, cognitive behavior and wayfinding practice.

Wayshowing

Wayshowing facilitate the wayfinding strategies as described in the first chapters of the book. Mollerup describes the characteristics of wayshowing and shows examples of its use.
For all wayshowing projects, Mollerup suggests a balance between two contrasting principles. Simplicity vs redundancy. These chapters describes the functional goals of simplicity and how redundancy can lead to less noise, errors or misunderstanding.

Sign functions, contents and form

After theoretical chapters W>W describes sign functions, contents and form. Everything you want to know related to identification, direction, description and regulation is described, these chapters will give insight on how to design for a wayshowing project. These chapters also offer many examples on legibility, color contrast, typography, pictograms, arrows and more. The content in these chapters are updated from the previous version with new content about performance, digital signage and wayfinding insights.

Interactive wayshowing

New chapters include Interactive Wayshowing. In the increasingly changing world, digital tools are used more and more for wayfinding purposes. The new chapters describe the digital spectrum and how digital tools can work efficiently in a wayshowing scheme.

Cases

About one third of the book is reserved for principles applied in practice. A showcase of best-practice design in six categories ranging from Airports, Rail, City, Knowledge, Culture and Outdoor. The cases include (traditional) static sign systems— as well as digital wayfinding examples.
The projects are by design studios from around the world— and give insight on how wayfinding strategies are applied for designing clear, concise and informative environments.

Conclusion

If you have any interest in designing and planning for the build environment/public space— this is the book for you! I believe the content of W>W is relevant for designers, EGD designer, urban planners, architects, engineers, teachers, students, clients and many more. As the physical and digital environments move close towards each other, applying a wayfinding strategy is applicable for offline/online marketing, communication and information distribution.

Overall the book is a learning book to understand how people experience and navigate in Terra Incognita. The chapters are accessible and with many steps/examples you can implement strategies in your own thinking for developing wayfinding.
If you already own Wayshowing 2005, you might want to consider updating to W>W. The new edition offers enough new content, principles and practices to learn from.

The case studies are fresh, and inspiring which, creates a visual interpretation of the wayfinding strategies as describes in the W>W book.

Availability W>W

Wayshowing > Wayfinding is limited available, see the link below to obtain a copy.

Information

  • Publisher: Bis Publishers
  • Language: English
  • ISBN: 978-90-6369-323-7
  • Hardcover, paperback, Pages: 240

Buy Wayshowing > Wayfinding

This book is simply one of the best books about wayfinding.

Buy at Amazon




win

Rarely Seen Polaroids of Winona Ryder in the Late 1990s

In the late 1990s, Winona Ryder defined a unique fusion of edgy elegance, often seen in minimalist black dresses, leather jackets, and sharp blazers. With her cropped dark hair and bold brows, she embodied an iconic look that captured the grunge and alternative styles of the era. Known for her powerful roles in *Alien: Resurrection* […]




win

Spectacular Winning Images of the 2024 Standard Chartered Weather Photographer of the Year Awards

Weather Photographer, Winner: Sprites Dancing in the Dark Night by Wang Xin The Royal Meteorological Society has announced the 2024 winners of the Standard Chartered Weather Photographer of the Year Awards, featuring breathtaking images of weather phenomena worldwide. The top prize went to Wang Xin from Shanghai for the photograph “Sprites Dancing in the Dark […]




win

Spectacular Fine-Art Winners From The 2024 Minimalist Photography Awards

1st Place Winner: “Delicate” by Hilda Champion The 2024 Minimalist Photography Awards celebrated fine-art photographers who have redefined visual storytelling through simplicity, highlighting the profound beauty in minimalism. The award-winning works, from serene landscapes to striking abstractions, showcase how thoughtful use of negative space and single subjects can evoke deep emotional responses and reveal powerful […]




win

Amazing Winning Images Of The The 2024 Nature’s Best Photography Awards

Grand Prize: “Bengal Tigers” by Mangesh Ratnakar Desai, India The 2024 Nature’s Best Photography International Awards highlighted breathtaking moments from around the globe, celebrating photographers who captured the beauty and power of Earth’s diverse ecosystems. From sweeping landscapes to intimate wildlife portraits, the award-winning images showcase nature’s grandeur and fragility, inspiring deeper appreciation and awareness […]




win

5 Practical Options Before 2025 if Your Windows 10 PC Can’t Run Windows 11

Her, we’ll break down five practical choices you have, from simple workarounds to fresh upgrades, to keep your computer running safely and smoothly after the deadline.




win

Overcoming the Biggest Challenges Facing Growing Businesses

Whether you’re a brand-new startup or a small business trying to scale, you will need nerves of steel when you are dealing with a laundry list of concerns that are not always straightforward to solve. The best solutions are sometimes a bit unorthodox, which, of course, makes them ideal for those who not only want […]

The post Overcoming the Biggest Challenges Facing Growing Businesses appeared first on Designer Daily: graphic and web design blog.




win

Treat Yourself to an Early Gift With The Winter Wonderbox

Unwrap a hamper full of fresh art and design tools with this festive-themed bundle! The Winter Wonderbox has everything you need—from frosty watercolor cliparts and shimmering textures to heartfelt greeting cards and fun ugly sweater effects. This collection is perfect for the holidays and will keep you inspired for Christmases yet to come. Don’t miss […]

The post Treat Yourself to an Early Gift With The Winter Wonderbox appeared first on Spoon Graphics.




win

Psychotherapy is as effective in treating PTSD following exposure to multiple traumatic events than to a single event

Psychotherapy is as effective treatment for PTSD patients after multiple traumatic events.






win

Winterlichter Dec. 2022

Photos from my annual trip to see the christmas lights in the botanical gardens in frankfurt




win

The winners of the Picto Prize for Fashion Photography 2022

Le Prix Picto pour la photographie de mode 2022 a dévoilé ses lauréats : Christopher Barraja remporte le Grand Prix, Camille Brasselet le deuxième et la dotation le19M et Antoine Henault le troisième prix ainsi que la dotation Filippo Roversi. La cérémonie de remise des prix a eu lieu le mardi 19 avril au Palais […]




win

Impressive Images from the Oscar Winning Movie Dune

Le film Dune de Denis Villeneuve a remporté six statuettes le 24 mars à 94e cérémonie des Oscars. Un franc succès pour ce film monumental avec Timothée Chalamet et Zendaya à l’affiche. Adaptation du roman fleuve de Franck Herbert de 1965, le film de science-fiction remporte les prix du Meilleur montage, Meilleure musique originale, Meilleur son, […]




win

How to tackle big goals by narrowing your focus with two simple questions

I made some poor decisions in my 20s. Or rather, a series of poor decisions that seemed to stack and compound. I took on tens of thousands of dollars of credit card, student loan, and tax debt. I gained 70 pounds since graduating high school, because I ate way too much fast food and pretty …

The post How to tackle big goals by narrowing your focus with two simple questions appeared first on Nathan Rice.




win

Vector Wings: Art & Graphics For Free Download

Discover free, high-quality vector wings for your creative projects. Download royalty-free designs, from tribal wings to angel outlines. Elevate your tattoo ...




win

A Glance over Depositphotos, the Fastest-Growing Microstock Agency

Stock photography business has become trend. It could be seen from the number of stock photography providers or so called microstock agencies in the internet which is increasing. The number affects the effort of every microstock agency to survive and get much buyers as possible. As a result, we can see so many microstock agencies […]




win

Florida to Colorado with 4Runner and Liteboat Rowing Shell

In late November, I embarked on an 8-day trip from Colorado to Florida and back. The primary goal was to bring home a rowing shell and, of course, capture as many pictures and video clips as possible. I drove my […]




win

No longer an Underdog, Sony cameras and lenses win multiple categories at TIPA 2022 World Awards

The Technical Image Press Association, otherwise known as TIPA, has just released its list of...

The post No longer an Underdog, Sony cameras and lenses win multiple categories at TIPA 2022 World Awards appeared first on Alphatracks.




win

How we use DDEV, Vite and Tailwind with Craft CMS

In 2022 we changed our dev tooling for new Craft CMS projects. Goodbye complex esoteric Webpack configuration, hello Vite. Goodbye complex esoteric Docker Compose configuration, hello DDEV. This small change in tooling has completely transformed our development experience. We start work faster and avoid wasting billable time debugging Webpack and Docker.

From Webpack to Vite #

Webpack has been the defacto way of bundling JavaScript and front end assets. It’s a powerful tool… but with that great power comes great responsibility complexity.

Vite bills itself as the “next generation” of frontend tooling. Vite is much faster at bundling. But more importantly… its default configurations work great for most website projects.

Before (Webpack) #

Well over 300 lines of configuration spanning three files. Good luck making changes!

After (Vite) #

A crisp 30 - 50 lines of code. Want to switch to TypeScript? Need to drop in a popular front-end framework? Easy! All it takes is adding a plugin and 2-3 lines of config.

Deleting old code has never felt this good!

From Docker to DDEV #

Docker is another development staple. It isolates server infrastructure into virtual “containers.” This helps avoid issues that arise from each developer having a slightly different setup. However, Docker can have a learning curve. Config changes, PHP upgrades and unexpected issues often eat up precious project time.

Enter DDEV! DDEV describes itself as “Container superpowers with zero required Docker skills: environments in minutes, multiple concurrent projects, and less time to deployment.” We’ve found that statement to be 100% true.

Before (Docker) #

Every Craft project has a different Docker config. Bugs and upgrades required deep Docker experience. Last (but not least), it was difficult to run several projects at one time (ports often conflict).

After (DDEV) #

Performance is consistently better than our hand-rolled setup thanks to Mutagen and faster DB import/exports. Simultaneous projects run out of the box. DDEV provides (and maintains) a growing list of helpful shortcuts and DX features.

Getting started #

Ready to make the switch? Here’s how to set up DDEV, Vite and Tailwind on your own Craft project.

Show me the config files already! #

If you would rather see full config files instead of following step by step, check out our Craft Site Starter on GitHub.

DDEV #

Let’s set up a fresh DDEV project and start customizing.

  1. Make sure you have DDEV installed on your computer.
  2. If you’re a PHPStorm user, install the exceedingly helpful DDEV plugin. VS Code users have a similar plugin too!
  3. Follow Craft’s guide for creating a new project (they love DDEV too).

Now you have a fresh .ddev/config.yaml just waiting to be customized.

Node Version #

Open your DDEV config and make sure your Node JS version matches Vite’s recommendations.

nodejs_version: '20' # Vite 5 expects Node 18+

Ports for Vite’s dev server #

Next, expose ports that Vite’s dev server uses will use to serve assets.

web_extra_exposed_ports:
  - name: vite
    container_port: 3000
    http_port: 3000
    https_port: 3001

Routing ports can sometimes be confusing. This diagram might help!

  • Vite’s dev server runs inside of DDEV’s web container (a Docker container).
  • Until we expose these extra ports, any custom port within DDEV is unavailable to your host machine (your computer).
  • When it’s time to configure Vite, we’ll use port 3000
  • HTTP and HTTPS traffic must use separate ports.
  • We use port 3000 for http traffic and 3001 for https

Run Vite automatically #

Usually, you’ll want Vite to watch and build files automatically after you start a DDEV project. Using web_extra_daemons adds a separate background process (daemon) for Vite.

web_extra_daemons:
  # Run Vite in a separate process
  - name: 'vite'
    command: 'npm install && npm run dev'
    directory: /var/www/html

Use hooks to improve DX #

DDEV’s powerful hooks system can run tasks before or after various DDEV commands. These post-start tasks keep dependencies and schemas up to date every time you start DDEV.

hooks:
  post-start:
    - composer: install # Keeps installed packages up to date
    - exec: ./craft up # Apply migrations & project config changes

Time for Vite #

Vite is a Node app that’s installed with NPM. Your project will need a package.json. If you don’t have one set up yet, follow NPMs initialization script.

ddev npm init

# Don't forget to ignore node_modules!
echo node_modules >> .gitignore

????Why ddev at the start of the command? This let’s us run NPM from within DDEV’s Docker containers. This means you’ll always be using the Node version configured for this project. DDEV has a bunch of shortcuts and aliases for running CLI commands (such as npm, yarn, craft and composer).

Make sure your NPM package is configured for ES Modules #

Our various config files will be using ES Module syntax for imports and exports.

ddev npm pkg set type=module

Install Vite! #

ddev npm install --save-dev vite

Add convenience scripts to package.json #

"scripts": {
  "dev": "vite",
  "build": "vite build"
}

npm run dev runs Vite in dev mode. It watches and builds your files every save. Files are served through Vite’s dev server.

npm run build bundles your JavaScript, CSS and static images for production. Your deploy process will usually call this script.

Configure vite.config.js #

Running Vite for a server rendered CMS requires some extra configuration. These options put production files in the right spot and keeps Vite’s dev server running on a specific port.

import { defineConfig, loadEnv } from 'vite'

// Match ports in .ddev/config.yaml and config/vite.php
const HTTP_PORT = 3000
const HTTPS_PORT = 3001

export default defineConfig(({ command, mode }) => {
  const env = loadEnv(mode, process.cwd(), '')

  return {
    // In dev mode, we serve assets at the root of https://my.ddev.site:3000
    // In production, files live in the /dist directory
    base: command === 'serve' ? '' : '/dist/',
    build: {
      manifest: true,
      // Where your production files end up
      outDir: './web/dist/',
      rollupOptions: {
        input: {
          // The entry point for Vite, we'll create this file soon
          app: 'src/js/app.js',
        },
      },
    },
    server: {
	    // Special address that respond to all network requests
      host: '0.0.0.0',
	    // Use a strict port because we have to hard code this in vite.php
      strictPort: true,
      // This is the port running "inside" the Web container
      // It's the same as continer_port in .ddev/config.yaml
      port: HTTP_PORT,
      // Setting a specific origin ensures that your fonts & images load
      // correctly. Assumes you're accessing the front-end over https
      origin: env.PRIMARY_SITE_URL + ':' + HTTPS_PORT,
    },
  }
})

Add JavaScript and CSS files (Entrypoint) #

Vite needs an entry point to determine what JavaScript, CSS and Front End assets it needs to compile. Remember src/js/app.js that we defined in vite.config.js? Let's make that file now.

/* Make a file in src/js/app.js */

import '../css/app.css'

console.log('Hello Craft CMS')

We’ll also add our CSS as an import in app.js . In plain-old-JavaScript you can’t import CSS files. However, Vite uses this to figure out CSS dependencies for the project.

Once Vite builds everything for production, you end up with a separate CSS file. The Craft Vite plugin includes this automatically with along your JavaScript bundle.

/* Make a file in src/css/app.css */

body {
	background-color: peachpuff;
}

Install the Vite Craft Plugin #

ddev composer require nystudio107/craft-vite
ddev craft plugin/install vite

Vite assets have different URLs in dev mode vs. production. In dev mode, assets are served from Vite’s dev server. It uses the ports that we defined in our DDEV & Vite configs.

When Vite builds for production, filenames are hashed (app.js becomes app-BZi_KJSq.js). These hashes change when the contents of the file changes. Browser can cache these files indefinitely. When an asset changes, a whole new file is served.

To help find these hashed filenames, Vite creates a manifest.json file. The manifest associates the name of your asset src/js/app.js to the hashed file that ends up on your server web/dist/assets/app-BZi_KJSq.js

The Craft Vite Plugin by NYStudio107 takes care of all this routing for you.

{
  "src/js/app.js": {
    "file": "assets/app-BZi_KJSq.js",
    "name": "app",
    "src": "src/js/app.js",
    "isEntry": true,
    "css": ["assets/app-BXePGY5I.css"]
  }
}

Configure the Vite Craft Plugin #

Make a new plugin config file in config/vite.php

<?php

use crafthelpersApp;

// Use the current host for dev server requests. Otherwise fall back to the primary site.
$host = Craft::$app->getRequest()->getIsConsoleRequest()
    ? App::env('PRIMARY_SITE_URL')
    : Craft::$app->getRequest()->getHostInfo();

return [
    'devServerPublic' => "$host:3001", // Matches https_port in .ddev/config.yaml
    'serverPublic' => '/dist/',
    'useDevServer' => App::env('CRAFT_ENVIRONMENT') === 'dev',
    'manifestPath' => '@webroot/dist/.vite/manifest.json',
    // Optional if using React or Preact
    // 'includeReactRefreshShim' => true,
];

Include your Vite bundles in Twig #

The script and asset functions includes the appropriate files depending on in if you’re in dev mode or production. Clear out your templates/index.twig file and add the following snippet to your <head> tag.

{# Load our main CSS file in dev mode to avoid FOUC #}
{% if craft.vite.devServerRunning() %}
    <link rel="stylesheet" href="{{ craft.vite.asset("src/css/app.css") }}">
{% endif %}

{{ craft.vite.script('src/js/app.js', false) }}

Whew! ???? We’re at a point now where we can test our integration. Run ddev restart and then ddev launch . You should see “Hello Craft CMS” in your browser console.


Setup Tailwind #

Now that Vite is processing src/css/app.css, it’s time to install Tailwind and really get cooking.

These steps are based on Tailwind’s official installation guide. But make sure to run all commands from within DDEV.

Install packages #

ddev npm install -D tailwindcss postcss cssnano autoprefixer
# No DDEV shortcut for npx :(
ddev exec npx tailwindcss init -p

Configure template paths in tailwind.config.js #

/** @type {import('tailwindcss').Config} */
export default {
	// Watch Twig templates and any JS or JSX that might use Tailwind classes.
  content: ['./templates/**/*.twig', './src/**/*.{js,jsx,ts,tsx,svg}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

Configure postcss.config.js for production #

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
  }
}

Add Tailwind directives to src/css/app.css #

@tailwind base;
@tailwind components;
@tailwind utilities;

You’ll most likely need to run ddev restart again to get Vite to recognize your new Tailwind config.


❓ Do i need to set up live reload of Twig? Turns out it’s already done for you! Styling a Tailwind project means editing Twig files to change styles. It’s super handy to reload your browser every time you save. Normally you’d reach for vite-plugin-restart to get this functionality. However, Tailwind’s JIT mode automatically notifies Vite when CSS has compiled and the page should reload.

That's a wrap! #

That’s all it takes to configure a minimal DDEV and Vite project! We’ve found that both of these tools are easy to extend as a project get more complo'ex. Adding things like Redis or React are just a plugin install and a few lines of config away.

???? If you'd like to see this setup (and more) in a real-world Craft CMS project, check out our Craft Site Starter on GitHub.

Go forth and Vite + DDEV to your heart’s desire.




win

RIP a Livecast #654 – Excessive Wind-Breaking

We kick things off by discussing our new Twitch channel. We review Alex Skolnick's new rap video about the Capitol riots. We discuss the new Fresh Prince of Bel-Air reboot. […]



  • RIP a Livecast

win

Goodbye, Twinkle

Twinkle, twinkle, little star,How I wonder what you are!Up above the world so high,Like a diamond in the sky… Those were the lyrics that my grandfather—Papa, as we call him—were teaching my then two-year-old niece. It was early 2020 or so. A tiny kitten, who had no name at the…




win

JUST Creative wins Awwwards. ‘Typography Honors’ for Brand Builders Summit ’24 Website

Brand Builders Summit 2024 wins ‘Typography Honors’ at Awwwards for outstanding typography and design, attracting 60K+ visitors globally. 2025 waitlist open!




win

Prevent Birds from Hitting Windows

By Linda Richards If Nature Could Talk We’ve had two birds die from hitting windows over the last two weeks. It used to happen in our last house, which featured big picture windows facing a canyon. But now I think … Continue reading




win

Building a Winning Digital Marketing Strategy for B2B Tech Firms

Today’s tech firms need a solid digital marketing strategy to stand out and remain competitive in the eyes of potential customers. Tech businesses can use many tactics, channels, and communication styles to reach key decision-makers and sell more products or services. So, effective marketing strategies for tech companies must include an intentional combination of these […]

The post Building a Winning Digital Marketing Strategy for B2B Tech Firms appeared first on 3.7 Designs.





win

Free Software Awards winners announced: Bruno Haible, code.gouv.fr, Nick Logozzo




win

Winamp failed to confuse people about software freedom

The Winamp Collaborative License included restrictions that rendered Winamp nonfree




win

Using sound to measure wind speeds on Mars

The planet Mars has several similarities with Earth, including extinct volcanoes, dry lake beds, and active dust storms, the last of which is governed by t



  • Space &amp; Astronomy

win

The Solar Wind Puzzle: Magnetic Switchbacks and Their Impact on Solar Activity

What processes provide energy to the solar wind as it travels away from the Sun and throughout the solar system? This is what a recent study published in S



  • Space &amp; Astronomy