CSS Stock｜Web制作を楽にするCSSコピペサイト
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
ブックマークしておくと便利！ Tailwind CSSで実装された最新のUIコンポーネントライブラリ -Sailboat UI
// tailwind.config.js const defaultTheme = require("tailwindcss/defaultTheme"); const colors = require("tailwindcss/colors"); module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: { // Set font family fontFamily: { sans: ["Inter", ...defaultTheme.fontFamily.sans], }, // Set theme colors (Required config!) colors: { primary: colors.blue, secondary: colors.slate, }, }, }, // Add plu
AIについて、全日本人に「今」読んで欲しいスライド｜深川 康介 | Globis Capital Partners | Kosuke Fukagawa
全日本人に「今」読んで欲しいスライド 塩崎彰久衆議院議員のnote記事に添付があった「松尾豊先生」と「安宅和⼈氏」のスライド資料を全日本人に読んで欲しい、いや全日本人が読むべきと感じたので、勝手かつ微力ながら拡散に貢献させていただきます。 スライドのリンクはこちらなので是非「今」読んで頂きたいです。 AIの進化と日本の戦略 by 松尾研 https://note.com/api/v2/attachments/download/a29a2e6b5b35b75baf42a8025d68c175 時代局⾯を考える by 安宅和⼈氏 https://note.com/api/v2/attachments/download/5fc27932fbae3effdca5426adbb5736b 下記が特に全日本人に読んでいただきたいスライドです。 AIの進化と日本の戦略 https://note.com/
Webデザイン制作における課題！コーディング実装を考慮したデザイン制作の一幕をご紹介｜Blog｜株式会社デパート
株式会社デパートは、基本的にデザインと実装（コーディング）は分業制です。だからこそ、日頃からデザイナーとエンジニアが協力し、スムーズに実装を進めていけるようなデザイン連携の仕組みづくりに取り組んでいます。 また、デザイナーは常にコーディングを考慮したデザイン制作を心がけています。 今回は実装を意識しながらデザインを行う中で、表現をどうデータへ具現化しようか行き詰まってしまった際のエピソードをご紹介します。 デザイナーが実際にエンジニアに実装を相談し、検討、可能にするまでの制作現場の一幕をお楽しみください。 とある子ども園のサイトをデザイン中のこと。 子ども園なので背景にも楽しげな柄を入れたくなり、ドット柄を敷くことにしましたが 「あれ、この背景って実装できるかな？」とふとギモンが。 デザインはこんな感じ コンテンツの背景にマスクをかけて、さらにドット柄のデザインにしたい。 社内のチャットツ
VSCodeおすすめ設定大公開！！おすすめ拡張機能も - Qiita
はじめに 皆さんVisual Studio Code(以下VSCode)使ってますか？ 私はメインで使っているのですが、自分なりにしっくりくる設定や拡張機能がある程度揃ってきたので公開しちゃいます。 おすすめ設定だけではなく、おすすめの機能もできる限り紹介したいと思いますので、最後までぜひお付き合いください。 ※プログラミング言語固有の設定の解説は軽めですのでご了承ください。 GIF画像が小さい場合は、クリックして頂けると拡大して表示が可能です デフォルト機能編 Local History機能 Gitは非常に便利なので、皆さん使われていると思います。 Gitはコミット単位で履歴が管理できますが、保存単位で履歴が見れると嬉しいな、保存単位で復元できると嬉しいな、と思うことはないでしょうか。 私はVSCodeは自動保存をオフにして、手動で保存するので、保存単位で履歴が見れると嬉しいなと思うこと
飲食店はSEOに取り組むべき？MEOがおすすめな理由と6つの重要な施策 -webma-
飲食店はSEOに取り組むべき？MEOがおすすめな理由と6つの重要な施策study 2022/04/06 2022/06/17 MEO SEO 業界別SEO 「飲食店はSEOに取り組むべき？」 「お客さんの予約・来店を増やすには、どんな施策が効果的なのだろう…」 このようにお悩みではありませんか？ 素敵なサービスや料理を提供している飲食店でも、集客に困っているケースは多いものです。 2022年現在、コロナ禍で来店人数が減ってしまったという飲食店もあるのではないでしょうか。 Web集客の方法として「SEO」はよく知られた方法です。 しかし実は、飲食業においてはSEOよりも「MEO」を意識した対策が重要です。 というわけで今回は、以下の内容について解説します。
Tailwind CSSが初めての人でも簡単！ UIコンポーネントを実装するチュートリアル -FlowBiteがかなり便利
先日紹介した「FlowBite」（紹介記事）を使用して、Tailwind CSSでUIコンポーネントを実装する方法を紹介します。 Tailwind CSSのユーティリティクラスで実装された基本コンポーネントがFlowBiteに用意されているので、初めての人でもコピペで簡単に実装できます。 Tailwind CSS Components Tutorial – How to get started with FlowBite by Zoltán Szőgyényi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに FlowBiteの準備 FlowBiteとTailwind CSSをCDN経由でインクルードする方法 FlowBiteでコンポーネントを探す FlowBiteのコンポーネントを実装する方法 Tailwind CSS
ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie
営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。 ミスが発生しても「次から気をつける」と精神論で終わらせてしまう 担当するディレクターやクリエイターによってタスクの抜け漏れが起きる 担当者それぞれが属人的な進め方をしてて品質が安定しない 役割が不明瞭なグレーゾーンのタスクが放置されてしまう 創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう 新しい社員が入る度に同じことを教えないといけない これら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以
検索と向き合い続けて見えた〝泥臭いSEO論〟本数より大事なこと
情報発信の場が紙からデジタルに移り、「編集者」が担う仕事も多種多様になっています。新聞社や雑誌社、テレビ局などはウェブ上でも積極的な情報発信を始め、ウェブ発の人気媒体も多数登場しています。また、プラットフォームやEC企業がオリジナルコンテンツを制作する手法も一般的になりました。 広大なネットの海原で、どうやって読者にコンテンツを届ければよいのか？ その一つの手段として、WEB編集者が知っておくべきキーワードの1つがSEOです。過去には、SEOが悪用された事例もありましたが、検索エンジンは多くの人に記事を届ける重要なチャネルであることは今も変わりません。 Yahoo!ニュース、編集プロダクション・ノオトとの合同企画『WEB編集者の教科書』プロジェクトの第23回でお話を伺うのは、最新のWEBマーケティングに精通するウェブライダー代表の松尾茂起さん。日々アップデートされ続けるSEOの本質に迫りま
Tailwind CSS v2.2 - Tailwind CSS
Well I can’t say we were really planning on it but over the last few weeks we’ve been having a ton of fun dumping new and exciting features into Tailwind and now feels like the right time to cut a release, so here it is — Tailwind CSS v2.2! We’ve built-in a new high-performance CLI tool, added ::before and ::after support, introduced new peer-* variants for sibling styling, added variants for styl
Heroicons v1.0 - Tailwind CSS
Just over a year ago we released the very first version of Heroicons, which is a set of beautiful UI icons we designed alongside Tailwind UI. Since then we’ve added tons of new icons, and designed and launched a dedicated web experience. Today we’re excited to finally release Heroicons v1.0, which includes over 450+ free icons in two styles, official React and Vue libraries, and Figma assets. Rea
From semantic CSS to Tailwind - Refactoring the Netlify UI codebase
The React codebase that powers app.netlify.com is about five years old. During these five years, the focus has mostly been on high-speed growth, as most start-ups do. For this reason, what started with organised PostCSS gradually grew to become a complex and entangled global CSS architecture with a lot of specificity and overrides. As you might expect, there's a point where the added tech debt it
Just-In-Time: The Next Generation of Tailwind CSS - Tailwind CSS
One of the hardest constraints we’ve had to deal with as we’ve improved Tailwind CSS over the years is the generated file size in development. With enough customizations to your config file, the generated CSS can reach 10mb or more, and there’s only so much CSS that build tools and even the browser itself will comfortably tolerate. Update: As of Tailwind CSS v2.1, the new Just-in-Time engine is in
見積書の作り方・考え方（僕たちの場合）｜岡村 旭 Webディレクター＆エンジニア / foot llc.
鳥取県鳥取市で主にホームページの制作を行っている合同会社フットでWebディレクター兼エンジニアをしている岡村といいます。 このnoteは先日、各地でWebディレクターをされている方々と「Web制作の見積り」というテーマでZoomを使用した情報交換会を行った際に自身がカンペとしてまとめたものをnote用に加筆修正したものです。 情報交換会の実施後にTwitterで「こんなお話しましたー」とつぶやいたところ、普段あまり「いいね」がつかない僕のアカウントにしては結構反応を頂きました。 情報交換会でも「他の人の見積書の作り方を知る機会がないので新鮮だった！」「発見があった！」という声が挙がり、僕自身も新しい気付きがあったので、こういった情報を共有すると参考になる方がいるかも。ということで、非常にざっくりとしていますがまとめてみました。 タイトルにあるように、あくまでも僕たち（合同会社フット）の場合
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The `v8` release of Eleventy’s Base Blog starter project using Eleventy 2.0
地方の小さなB2B企業がウェブを使って成果を出す鍵とは？ コーナーの記事一覧 | Web担当者Forum
１部: はじめに｜実践 Docker - ソフトウェアエンジニアの「Docker よくわからない」を終わりにする本
Top Flat File CMS Platforms for Building Simple Websites Fast
Welcoming David Luhr to Tailwind Labs - Tailwind CSS
約99％割引、「メイリオ」デザイナーによる日本語フォント109種類の詰め合わせ、27万4795円が2980円に【やじうまWatch】
