[B! WEBデザイン] blogpantsのブックマーク

CSS Stock｜Web制作を楽にするCSSコピペサイト

HTML・CSSの知識は不要。全222種類のパーツからお好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。掲載しているコードについて当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。また掲載している

blogpants 2023/05/28

]

リンク

個人開発で即戦力になるツール・サイトまとめ - Qiita

はじめに個人開発もエンジニア自体の歴も浅いSEです。就業先がJavaをメインで使う企業なのですが、個人的にフロントエンドまわりが好きです。元々、興味本位でデザインの本だったりUXに関する本とかを読んでいたりするのですが、その結論の際にたどり着いたのが、「理論とか決まってるなら、それをよしなにやってくれるor参考にできるツールとかサイト探せばよくね」という結論になりました。なんと怠惰な思考でしょうか。そんなわけで、こちらではデザインに限らず、色々開発に便利なツールを紹介させていただきます。（有名なのが多いかもしれませんが、ご容赦ください、結局有名なものに行き着くのです）レイアウト関係 1. Awwwards おしゃれなwebサイトが集まっているサイトです。ここまで個人開発でお洒落にできたらいいなと思いますが、自分はアニメーションを考えるときや、作りたいフロント側のデザイ

blogpants 2022/07/29

リンク

HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css

棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャートはレスポンシブにも完全対応した優れものです。 Charts.css Charts.css -GitHub Charts.cssの特徴 Charts.cssのデモ Charts.cssの使い方 Charts.cssの特徴 Charts.cssはtableで実装した表組みにシンプルなCSSのクラスを加えるだけで、さまざまなグラフやチャートを実装できるフレームワークです。カスタマイズも簡単で、ユーティリティのクラスも豊富に用意されています。 HTMLとCSSだけで実装セマ

blogpants 2021/03/22

検索につよかったりするんだろうか？

リンク

びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール

さくっと短時間で、慣れれば1分！デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala Design Blocksでは170種類以上のレスポンシブ対応のコンポーネントが用意されており、それらを好きなように組み合わせて、誰でも簡単にWebページを作成することができます。作成したページは個人でも商用でも無料。詳しくはライセンスページをご覧ください。短時間で、Bootstrap 4ベースのページを作成してみる用意されているコンポーネント短時間で、Bootstrap 4ベースのページ

blogpants 2018/04/20

簡単すぎて草はえるww

リンク

| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ

2009年06月08日鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめカテゴリ：WEBデザインデザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザインリンク集 : ikesai.com --- いけてるサイトドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB

blogpants 2009/06/09

ピーナッツ食べながら見る

リンク

手軽にウェブの背景画像を作成する「BgPatterns」 - ネタフル

用意されているパターンを利用して、手軽にウェブの背景画像を作成することができる「BgPatterns」というサイトがありました。色、下地、模様、傾きを選択/調整するだけで、手軽に背景画像を作成することができます。 Color Canvas Image Rotate 実際にサイトに適用して、雰囲気を確かめることができます。ちょっとお洒落な感じの背景画像を手軽に作成できて良いですね。これすらも面倒という人は‥‥ 他の人が作成したデザインパターンを利用することも可能です。