メシのタネ

めしのたねになるIT情報配信サイト


製作時によく使うWebツールとか参考サイトとか

,

  1. Web全般
  2. 製作時によく使うWebツールとか参考サイトとか

tikushoutenshoku

あんまり自分はこういうWebツールとか詳しい方ではないんですけど、それでも利用してるものは利用してます。既出かもしれないですけど、今日は自分がよく使ってるサイトとかサービスとか紹介していきます。最近はLOGOとかまでフリーで落ちてるので凄いですよねぇ。画像クリックするとそのサイトへ飛べます。

TwitterBootstrap

スクリーンショット 2015-01-28 23.37.41

テーマが沢山あるのでテンプレートといえどデザインパターンは沢山あります。もちろん全てデザインできるわけではありませんが、レイアウトの手間が激減します。

他にもこんな感じのあります

FontAwesome

fontawesome

アイコンをWebフォントとして利用することができます。かなり種類があるので画像作る手間が減ります。使い方は要素に指定されたクラスを振るだけです。

jPLUGINS.NET

jpluginnet

ここはカテゴリ毎にプラグインが別れてて、オサレなuiがたくさん載ってます。

jQueryScirpt.net

jQueryScriptnet

ここにもjQueryのプラグインやライブラリが沢山載ってます。1個1個記事になっててデモやチュートリアルがあるので分かりやすいです。

CLOUD LOGO

logoCloud

パブリックドメインのベクターロゴをダウンロードできるサイトです。ロゴを自分で作るとかなり時間食うし面倒なので、ここからダウンロードして見本にしたりパーツ拝借したりしてます。

他にもあるみたいですね。

Ultimate CSS Gradient Generator

ssgene

CSSのグラデーションをフォトショップ感覚で作れます。地味に重宝します。

I/O 3000

io30000

見やすいのと名前がかっこいいのでデザイン見本にはこのサイトを使ってます。

きっと皆さん既に知ってると思いますけど、自分はこれとかpakutasoとかiconhoihoiとかシルエットデザインとかとか使ってます。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

若い頃、「仕事中にハマったこと」や「誰かに共有したい技術的な気づき」をアウトプットしたくてブログを始めましたが、勢い任せでよく分からない記事を大量生産し、あえなく飽きて終了。

改めて今、キャリア15年分の経験や知識が、これからITエンジニアを目指す方や、同じような課題で悩んでいる現役エンジニアの「メシのタネ」になるような記事を残したいと思っています。
※過去の記事は見ると精神が崩壊するため、そっとしておいてください。

🛠 経歴という名の珍道中:
文系Fラン → 広告営業 → Web営業 → 通信営業 → Web進行 → 出版 → Web媒体運用 → ソフトウェアハウス → SES → フリーランス

専門教育も受けず、転職歴も多数。履歴書はまるで時系列の事故記録のようですが、試行錯誤を重ね、なんとかエンジニアとして食べています。

このブログでは、そんな「履歴書クラッシャー型エンジニア」が送る、
名古屋一敷居の低い、実務に役立つ技術ブログを目指します。

PHP
魔王と行く! / Interface / Polymorphism / Ontology 深淵ガイドNew!!
Laravel
Laravel 12、「コード 1 行も書き換えず未来へ」──静かな革命の手順書New!!
Laravel
LaravelのMiddlewareって意味あるの?仕組み・使いどころ・やらかしまで整理してみたNew!!
Laravel
ServiceProviderって何してるの?DIの背後で動いてるやつの正体New!!
Laravel
LaravelのサービスコンテナとDI、「書いてるだけで動く」コードの正体
Laravel
Laravelのアーキテクチャ、実は誰もわかってない説