[B! WEBサービス][CSS] kamiokandoのブックマーク

非エンジニアがWeb開発で知ってると便利過ぎる無料サービスを厳選してみた！ - paiza times

どうも、まさとらん（@0310lan）です！今回は、Web開発などで役に立つ厳選した無料サービスをご紹介します！特にWeb開発に慣れていない初心者や非エンジニアの方でも、手軽に特定の機能を提供するページを構築できるサービスを厳選してみました。また、複数人でのレビュー、サイトの分析、学習リソースなども合わせて掲載しているので、ご興味ある方はぜひ参考にしてください！ ■独自ロードマップを公開してユーザーと共有する！【 Roadmap Show 】 Webアプリやサービス自体のアップデートや予定している機能追加などの情報を、プロダクトロードマップとして手軽に一般公開できる便利なサービスです。サービス側が何をやっていて、どのような改善をしているのかをユーザー側からも分かりやすくなります。基本的な使い方も簡単で、いくつかのカテゴリ別にタスクカードを追加していくだけです。これから予定して

kamiokando 2022/03/03

リンク

【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan

ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。じっくりと検討さ

kamiokando 2017/06/22

リンク

動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン

「Transf ormicons」は動きのあるボタンが生成できるジェネレータです。クリックするとメニューの三本線が×印になったり、ちょっとした細かい動作をもつアイコンが作れます。アイコンはCSS/SassおよびJavaScriptで生成されますよ。以下に使ってみた様子を載せておきます。まずTransf ormiconsへアクセスしましょう。トップページに並んでいるアイコンをクリックすると、どんな動きをするか確認できます。「Builder」から、作りたいアイコンを選択します。「Build」ボタンを押すと、HTML・CSS・JavaScriptがセットになって作られます。あとはコードをコピペすれば動きのあるアイコンが使えますよ。ぜひ細かい動作にもこだわりたい方は活用してみてください。 Transf ormicons （カメきち）

kamiokando 2015/02/22

リンク

Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS

Software Engineer at XB Software EnjoyCSS changed the work process a lot. It minimized time and efforts spent on creating complex CSS styles as it is easy to use. No deep background is required to get complex CSS. I personally like is that with this CSS code generator I can easily create numerous graphic styles and immediately get their code or code of separate elements within seconds., EnjoyCSS g