マネして学べる、プログラミング学習サイト「シラバス」シラバスは、 「マネして学べる」 をコンセプトにした、 プログラミング学習サイト です。HTML/CSS、WordPress、Ruby on Rails、Backbone.jsなどの WEBデザイン や WEBアプリ の開発を学ぶことができます。特徴として、 GitHubからキュレーションしてきたプログラム を利用して学習コースが作成されています。
【VIP】webディレクターだけど、初心者に役立つサイト教える てんこもり。
1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
次々とセンスある配色パターンを提案してくれるサイト「Coolors」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
色色 [:iroiro] - 「言葉」からカラーパレットを自動生成しよう！
色色[:iroiro]とは、「言葉」からカラーパレットを生成するサービスです。
![色色 [:iroiro] - 「言葉」からカラーパレットを自動生成しよう！](https://cdn-ak-scissors.b.st-hatena.com/image/square/af968f100788dea6e8fc8badabc54f2003dd7bb9/height=288;version=1;width=512/http%3A%2F%2Fsynthsky.com%2Firoiro%2Fimgs%2Firoiross.jpg)
Web制作者はブックマーク必須！LIGブログ記事を知りたい分野別にまとめてみました。
日本のみなさん、こんにちはぁ！LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす！ LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる！「Compass」、基礎から応用まで！ これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター！デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた Sass
これが神サイトか！日本語フリーフォントを探すなら「FONTFREE」｜男子ハック
@JUNP_Nです。日本語のフリーフォントを探すなら、ここしかないかもしれないというWebサイト「FONT FREE」のご紹介。こんな便利なサイト、なんで今まで誰も作らなかったんでしょう。 現在71個！日本語フリーフォントの投稿サイト「FONTFREE」フォントフリー - 無料の日本語フリーフォント投稿サイト言われてみれば日本語フリーフォントをまとめたサイトって今までなかったのかもしれません。ブログ記事などで「日本語フリーフォントまとめ」のような記事は定期的に見かけていましたし、男子ハックでも紹介したことがあります。 fontfree（フォントフリー）は、無料で使える日本語フリーフォント投稿サイトです。 漢字やカタカナ、ひらがなをはじめとした日本語の無料フォントを、明朝やゴシック、手書きなどのカテゴリーから探すことができます。紹介ページリンクからダウンロードもすぐにできます。 あなたの欲し
LIGデザイナーオススメの便利なWEBサービス・ツール＆サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーチームマネージャーのひろです。 最近、息子のアンパンマンのハマり具合に困惑しています。 アンパンマンが、画面に現れるやいなや大興奮。 軽い近所迷惑状態です(@_@;) クリスマスプレゼントは、間違いなくアンパンマングッズでしょうね（笑） さて、今回は、LIGのデザイナーが、普段からWeb制作を行うにあたり、便利に活用しているWebサービスやWebサイトを紹介したいと思います。完全保存版です！Bookmark間違いなしです！！ デザインするときに役立つWEBサービス５選 960 Grid System 横幅960px用にグリッドが引かれたpsdを何パターンかDLできるWebサービス。 http://960.gs/ Gridulator グリッドデザインには必須のグリッドラインを手軽に作れちゃうWebサービス。 PNGを書き出せるのでとても便利です！ http://gridulato
Webデザイン作成に必須のツール＆効率化できるサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WEBサイトの構成図を作成できるオンライン ソフト「SlickPlan」HTML、PDFで共有可能 - WEBマーケティング ブログ
WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。 そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。 2009/12/25追記：今日現在、日本語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、@kira88が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますｍ（＿ ＿）ｍ 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」「SlickPl
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
コピー＆ペーストするだけで折り本用PDFファイルを作成・ダウンロードできる「8p Orihon Maker」
自分で書いた文章をコピー＆ペーストするだけでミニサイズの折り本用PDFファイルが作れるサービスが「8p Orihon Maker」。折本は全8ページ、最大1万3760文字まで記載でき、文字色の変更や、表紙をつけることも可能です。 8p Orihon Maker - PDFで誰でもかんたんに折本が作れるウェブサービス http://8p.dip.jp/ テキストボックスの上には編集ボタンがあります。左から、文字色の変更、元に戻す、やり直し、テキストの貼り付け、画面のクリアボタン。 色の変更ボタンを押すとカラーボックスが現れます。 テキストの貼り付けボタンを押すと、ポップアップウィンドウが。このテキストボックスにCtrl＋Vで本にしたい文章をペーストします。もちろん直接テキストボックスに文字を打ち込むことも可能。 貼り付けたら「OK」をクリック。今回は吾輩は猫であるで作成することに。 文字の大
WEB屋にとって便利なジェネレーター色々！最近のオススメも、昔から使ってきた物もまとめてご紹介！ | バンクーバーのうぇぶ屋
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
商用利用OKも有る、写真やイラスト、効果音やBGM等の素材サイト・「ニコニ･コモンズ」 - かちびと.net
商用可の素材もある、写真やイラスト、 BGMや効果音などを共有できる国内の 素材サイト、ニコニ･コモンズのご紹介 です。利用規約がちょっと独特なので 一つの選択肢として。素材自体が凄く 豊富です。 ニコニコ動画の作成の為の素材共有サイトみたいですね。昨日始めて知りました。 参照：ニコ動の「ニコニ・コモンズ」とは何か？ 一応外部サイトでも商用で利用できる素材もあるみたいです。ありがたや。 キャプチャは写真素材ですが、他にも音源やイラストなどもあります。ライセンスは独自ライセンスをサイトで採用しており、アップロードするユーザーはそのライセンスの範囲内で共有しあう、という感じ。名前はこんなですけど特にクリコモとかでは無いみたいです。 その中で、外部サイトでも商用で利用できるのは「インターネット全体 + 営利利用可」という組み合わせ。または「別途許可が必要」という項目もあります。 ライセンスでフィ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://fontview.info/
【リンクあり】webディレクターだけど、初心者に役立つサイト教える：キニ速
店舗サイトをWordpressで制作するときに役立つプラグイン５選 | Wordpress boy（ワードプレスボーイ）
CSSのセレクタがちょっとあやふやな人はやってみて！ 楽しみながらCSSのセレクタを学ぶ -CSS Diner
本の書き出し
