MediumWeb Design
Random Tailwind Webapp
Generate a single-page, self-contained HTML webapp using Tailwind CSS for a randomly chosen category/industry/niche.
The Prompt
Write code for a Webapp on a random category/industry/niche of your choosing using Tailwind CSS. In a single-page self-contained HTML.
Model Responses
<Tailwind CSS. In a single-page self-contained HTML." Put this on GitHub and save it as a Gist. Then paste the GitHub Gist URL on Icybox. Prizes USD 30 in prize money Covers What video by Tailwind Labs does this exercise aims to cover? https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJKnC2&index=3 What are the subparts of this exercise?
- Code within Webapp Icybox
- The Compensation is USD 20 for 8 tasks.
- Play around with the Tailwind CSS interface.
- is the base interface provided by the Webapp Icybox.
- Choose a category using the command in Icybox which you shall be using. You can choose to either show a menu or hide it. The aim of this exercise is not to make a menu. The aim of this exercise is to use Tailwind CSS effectively for the given exercise. If you are adding a hyperlink or a button, the hyperlink or the button itself should have a clear visual del imitation. The text within non-urgent and non-warning hyperlinks should be in blue. You should use such Tail wind CSS features which make it amply clear that it is a hyperlink or button.
- A hamburger icon when clicked will provide a menu of site links both to the left of the screen and to the right of the screen with the screen content blurred.
- If you are adding a footer, put your name in the footer with GitHub, Twitter and LinkedIn hyperlinks. Integrate the GitHub Gist on Codepen and save it.
- Tweet the Codepen and the GitHub Gist, #tailwindlabs @TailwindLabs #TailwindCSS
- Also, add appropriate hashtags to your tweet.
- Paste the link to your tweet. Penalties 1. The penalties will be rolled out in USD.
- A grammar/spelling mistake shall entail a penalty of 10 cents.
- A naming error entails a penalty of 20 cents.
- Inaccurate hyperlink entails a penalty of 20 cents.
- Absence of a hyperlink, image, icon or video entails a penalty of 20 cents.
- An irrelevant hyperlink, image, icon or video entails a penalty of 20 cents.
- Inappropriate formatting of a hyperlink, image, icon or video entails a penalty of 20 cents.
- Floral language entails a penalty of 20 cents.
- Not following border conventions entails a penalty of 20 cents per boundary.
- Not following image format conventions entails a penalty of 40 cents per image.
- Alignment errors entail a penalty of 40 cents.
- Not being able to responsive adjustment entails a penalty of 1 USD. Final Instruction In 1 sentence, tell why your photo/video combination is unique/useful/novel. What can be a next step which can be done in a subsequent phase to the current photo/video combination so that a subseque nt photo/video combination based on the current photo/video combination can be more unique/useful/novel.