いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティ... 続きを読む

• webya.opdsgn.com
• テクノロジー

イベントや目標の日時などユーザーのカウントダウンをfacebookやTwitterで共有できるインターン生作成サイト。 続きを読む

• www.tadapic.com
• テクノロジー

Twitter Bootstrap はじめに見るべき１０サイトまとめPosted 10月 15 2012 by Teachers in HTML5, 技術情報 with 0 コメント Twitter Bootstrapを始める時に見ておく１０サイトを紹介 HTML5でのサイト構築をはじめて、Twitter Bootstrap(以下Bootstrap)をやり始... 続きを読む

• www.sakc.jp
• テクノロジー

WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけ... 続きを読む

• webya.opdsgn.com
• テクノロジー

WordPresss ハイパフォーマンスチューニング Nginx + リバースプロキシ Cache EC2のMicro Instance（無償枠あり）を利用すれば、圧倒的にハイパフォーマンスなWordPress環境をコンパネ操作のみで誰でも簡単に構築できます。 超高速 AMI 網元を今すぐ使う！ 続きを読む

• ja.megumi-cloud.com
• テクノロジー

先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形... 続きを読む

• www.seojapan.com
• テクノロジー

Androidアプリ専門のUIギャラリー サイト・Android App Patternsの ご紹介。iPhoneのは多いですけど、 Android専門は初見でした。インス ピレーション向上に覚えておいて 損は無いかもですね。 AndroidアプリのUIギャラリーです、パーツごとにカテゴリ分けされ... 続きを読む

• kachibito.net
• テクノロジー

SimpleViewer.net is the home SimpleViewer and the Airtight family of image viewers - professional quality, fully customizable Flash image galleries. Download your free Flash image gallery here.SimpleViewer is a free, customizable Flash image ... 続きを読む

• www.simpleviewer.net
• テクノロジー

HTML(28)HTML知識不要(2)Web開発(121) シャッフル HTML・CSS をゼロから独学する時に参考になるまとめ 続きを読む

• matome.naver.jp
• テクノロジー

新年度です！ 新入学、新入社を迎えるみなさん、おめでとうございます。 エンジニアのみなさんがWebアプリケーションを作るとき、一番悩むのはデザインではありませんか？ カッコよくって統一的なデザインがほしい！でもデザインセンスないし…実は私もそうでし... 続きを読む

• blog.asial.co.jp
• テクノロジー

Ruby, JavaScriptいつぞやの飲み会で、これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って、結構マジメにつくってみ... 続きを読む

• d:id:inouetakuya
• テクノロジー

自分用メモです。 毎回あれどっから取ってくるんだっけな…とか思ってるので。 思いついたら随時更新します。自分のために。 一応説明する体で記事公開します。誰かのために。 PHP 都道府県を配列にしたもの $pref = array("北海道","青森県","岩手県","宮城県"... 続きを読む

• ken.quoit.jp
• テクノロジー

[デザイン設計] 新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー 続きを読む

• w3q.jp
• テクノロジー

先日WordPressのテーマを自作しました。 ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流 基本的には「WordPress デザインブック」という本を参考に作成。 でもそれだけでは自分の好きなようにはデザインで... 続きを読む

• harutomo-ryu.com
• テクノロジー

Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご... 続きを読む

• yusukebe.com
• テクノロジー

個人的にいじっていて便利そうだったのでご紹介。 Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトだ。 Twitter Bootstrapといえば簡単に今風デザインのサイトを作れるCSSフレームワークだが、それで作ると「... 続きを読む

• www.100shiki.com
• テクノロジー

私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー？」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれか... 続きを読む

• endoutakae.com
• テクノロジー

iPhoneアプリの設計や開発に比べるとWebサービスのそれは、 かなり複雑でやることが多いことに改めて考えました。 Webサービスは個人で小さいものをたくさん作ってきましたし、 以前技術評論社のWEB+DB PRESSで「Webサービス[即日]開発 〜思いつきをすぐにカタ... 続きを読む

• yusukebe.com
• テクノロジー

0 から始めるHTMLとCSSの基本・基礎-webデザイン入門- | 秋田県webデザイナー【web... endoutakae.com 私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー？」とか「私もやってみたいんだけど…」とかの声はよく聞きます... 続きを読む

• w3q.jp
• テクノロジー

超定番のjQueryのプラグインを厳選して集めました。 商用利用が可能なものを優先的にピックアップしています。 （利用する際はそれぞれライセンスをご確認くださいね） 超定番プラグイン アニメーションのイージングを簡単に扱えるプラグイン jQuery.easing jQu... 続きを読む

• design.kayac.com
• テクノロジー

Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わ... 続きを読む

• www.webcreatorbox.com
• テクノロジー

「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは３つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWeb... 続きを読む

• bukusele.com
• テクノロジー

結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られ... 続きを読む

• kachibito.net
• テクノロジー

早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがｗ というわけで、後で復習する... 続きを読む

• kachibito.net
• テクノロジー

2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カ... 続きを読む

• uramayu.typepad.jp
• テクノロジー

タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじ... 続きを読む

• maka-veli.com
• テクノロジー

2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テ [...] 続きを読む

• coliss.com
• テクノロジー

さまざまなカラーパレット、グラデーション、パターンを見るだけでなく、作成して共有することもできるColRDを紹介します。 ColRD カラーを見つける カラーを作る カラー作成に役立つツール カラーを見つける まずは、C [...] 続きを読む

• coliss.com
• テクノロジー

JUNPです。男子ハックも世間的には成功しているブログと評価していただくことが増えてきました。ありがとうございます。そんな僕らがブログを始める前、始めてから参考にした先輩ブロガーさん達のノウハウがたっぷり詰まった記事をまとめて紹介します。 本気で... 続きを読む

• www.danshihack.com
• テクノロジー

まとめ, webデザインWebデザインの基本デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き非デザイナーのためのデザイン基本テクニック　その１ | 0... 続きを読む

• d:id:seikenn
• テクノロジー

WordPressテーマをカスタマイズする場合、通常は【編集→ブラウザで確認】というやり方で すると思います。ここ最近テーマを編集することが多くなってきたので、作業効率を考えても現状 の方法がベストと思えなく、色々探していたらこちらに参考になる記事があ... 続きを読む

• www.tatuo-web.com
• テクノロジー

“素人はとにかく「過剰」にしてしまうため、何を見せたいかがぼやけてしまう。使うフォントは2種類ぐらいで、フォントサイズや色は3種類ぐらいに押さえるだけで相当見え方は違う” - Twitter / 加野瀬 (via wideangle) (via nagas) (via kondot) (via yasaiita... 続きを読む

• gkojay.tumblr.com
• テクノロジー

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレ... 続きを読む

• design-develop.net
• テクノロジー

JUNPです。以前にも画像サービスをまとめて紹介したことがあるのですが、その後も同様のサービスが増えてきたので改めて紹介してみます。 1. foto project 無料の写真素材 フリー画像素材なら.foto project とりあえずブックマークしておくべき画像サービスです... 続きを読む

• www.danshihack.com
• テクノロジー

20 Awesome Music WordPress Themes 音楽系のブログを作る際に使えそうなWordPressテーマが２０個まとまっていました。 こうしたくくりもなかなかいいですね。音楽に関するブログサイトをサクッと設置する場合に使えそう。 個人的に音楽のサイトは作ったことは... 続きを読む

• phpspot.org
• テクノロジー

どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当... 続きを読む

• www.webcreatorbox.com
• テクノロジー

Royalty free stock layered PSD’s, patterns, textures, design elements, themes and many more design resources...30 Mar 2011 2328 Downloads PSD / 1.4 MB PSD Templates 16 comments Today we give away the homepage PSD of Dropholio – → View Details 続きを読む

• elemisfreebies.com
• テクノロジー

September 26, 201110:00 悪徳商法的な記事タイトルでPV数を25倍にする3つの方法【＋重要キーワード集98個】 ツイート カテゴリアクセスアップ術 読書の秋ですね。気づけば暑い夏もすっかり過ぎてしまい、鈴虫が唄いだす季節になりました。 先日、とある有名ブ... 続きを読む

• webzuki.com
• テクノロジー

今回は多くのブロガーがネタを考える時、探すとき、発見するときに使う視点と、それを記事にするときに利用する妙技をご紹介。最初6個くらいかなと思ってスタートしたら26個とかになってしまい、勝手に命名していますがご愛嬌でお願いします。 ネタを作る方法が... 続きを読む

• e0166.blog89.fc2.com
• テクノロジー

webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、... 続きを読む

• e0166.blog89.fc2.com
• テクノロジー

LaquuJSはあらゆるプラグインをひとまとめにした、楽をするためのjQueryプラグインです。Laquu.jsとは？ Laquu.jsは普段からのHTMLコーディング作業量を極力減らすためのjQueryプラグインです。 プラグインが散乱することを防ぎ、1ファイルで完結することで、後... 続きを読む

• laquu.com
• テクノロジー

フラットなボタンのライセンスフリーな 日本向けソーシャルアイコンセットを作りましたので配布いたします。 twitter,facebook,rss,hatena,mixi,gree,googleplus,evernote, flickr,tumblr,instapapper,love,icons ライセンス：GPLライセンス 商用、個人とも無料... 続きを読む

• vanidesign.blog.fc2.com
• テクノロジー

たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLもシ... 続きを読む

• coliss.com
• テクノロジー

Webサイトのデザインを変更しようかと思ったのですが，自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました．尚，どのサイトが人気なのか分からなかったので，各種ソーシャルメディアのカウントを取得して併記し... 続きを読む

• d:id:tt_clown
• テクノロジー

WordPressの勉強も兼ねて、Twenty Elevenテーマの各テンプレートについて解説してみたいと思います。確認バージョンは3.2.1です。 メインインデックスのテンプレート (index.php) Twenty Elevenテーマの「メインインデックスのテンプレート (index.php)」で出力... 続きを読む

• www.koikikukan.com
• テクノロジー

はじめに プラグインはWordPressユーザーを助けてくれるとても便利なものです。しかし、入れすぎるとサイト自体が重くなってしまいます。私は、サイトを重くするようなプラグインを入れず、入力補助してくれるプラグイン、サイトを軽くしてくれるプラグインや更... 続きを読む

• n1kumeet5.com
• テクノロジー

仕事を続けながら勉強、制作をしよう 未経験からWebデザイナーになる場合、作品が求められる。未経験だからこそ、気合いをいれた作品を用意したい。そういう作品をつくるために、勉強をすることになる。Webデザイナーになる準備期間は個人差や目指すスキルにも... 続きを読む

• www.designmap.info
• テクノロジー

要点：たった３つのチェックを記事を公開する前に5分行うだけでその記事が大きく生まれ変わる事があります。そのチェックポイントを学んでみましょう。 ブログ記事には色んな記事があって、それぞれどんな方向性があるのかを吟味しながら記事を書かれていること... 続きを読む

• e0166.blog89.fc2.com
• テクノロジー

新規サイトを作る時はほぼワードプレスにしているのですが テーマを探すのに苦労したので今ではまとめサイトをブックマークに入れて そこからジャンルに合ったテーマを探しています。 「いいテーマが全然見つからない！」という方のために 今回はお気に入りのま... 続きを読む

• kanemotilevel.com
• テクノロジー

cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手... 続きを読む

• kachibito.net
• テクノロジー