以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけで見ると、全部似たようなものに見えてきますが、デモサイトを見てみると細かな部分でデザイナーさんの個性が出ていて面白いです。 ご参考になれば幸いです。 左に紺か黒のナビがあるやつ ◆Material Admin デモサイト ◆Edumix 黄緑がきれい デモサイト ◆Make デモサイト ◆C […]
おはようございます。今日の渋谷は晴れ。気温も12度らしくて随分春めいてまいりました。 私はというもの、最近「Sonomy」というアプリにハマっています。イベントの情報や美味しいご飯やさんの情報等が延々と流れてくるのですが、それらを「興味がある or ない」に分けることによってだんだんと自分好みの情報ばかり流れるようになるという画期的なアプリです。 今や私のSonomyはスイーツとごはんの情報ばかり流れてくるようになりました。位置情報とも連動していてピンポイントで情報を提供して […]
おはようございます。本日の渋谷は雨です。寒いですね。 風邪が流行っているようなので、温かい物を食べて、気をつけて過ごしましょうね。 今日は日本語のロゴを集めてみました。 英字のロゴはたくさんあるんですが、日本語のロゴっていざ探すとなかなかしっくりくるものが無くて苦戦したりします。 参考になれば幸いです。
デザイナーとしてお仕事をしていると、デザインを教えて欲しいと言われることがあります。 私は専門学校でデザインを学んだのですが、一番初めに基礎として練習したのが「パスの使い方」でした。 デザインの作業をするにあたって、背景の柄や、絵を描いたり、ロゴマークを作ったり、非常に大切です。使えないと仕事になりません。 （私に話を聞きに来る学生さん達は、photoshopを使って絵を描くことはできるけど、パスを使えないという子が多かったりします。） デザインに関して話し始めると24hあっ […]
毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は時間で画像が切り替わるスライドショーを作りました。動作は一番シンプルで、クリックの処理は入っていません。TOPページでイメージ画だけ切替表示したい時に便利ですね。 合言葉は「jQuery こわくない」です。 デモのファイルはこちらからダウンロードできます。 デモ ▼サンプルでは、3枚のスライドがフェードのアニメーションで切り替わります。 別ウィンドウで開く Step1：まず下準備 こちらはい […]
おはようございます。今年もあと数日ですが、皆様いかがお過ごしでしょうか。 長い長い休みをとって、既に退屈に過ごしている方もいらっしゃるんでしょうか。 そんな退屈に少しお付き合いするために、今日も漫画を書きました。 ほっこりとした気持ちになれば幸いです。 流行りの 今回書かせて頂いたツイート 今日はこちらのツイートを書かせて頂きました。 2014年大流行した「アナ雪」。こんな所にまで旋風を吹かせているんですね。とってもかわいい。 バックナンバー あわせてこちらもどうぞ。 Par […]
今日は、サイトを訪問したデバイスによってタグを追加するjsを書こうと思います。 タブレットやスマートフォンなど、CSSを追加したい時になんか便利ですね。 合言葉は「jQuery こわくない」です。 デモのファイルはこちらからダウンロードできます。 デモ ▼div（id=”apArea“）にデバイスに応じてテキストが挿入されます。 Step1：まず下準備 こちらはいつもと同じです。まず必要なファイルを読み込みます。 headタグの中に、jQueryと、自 […]
以前、このブログで公募のまとめを記事にしました。 その中で埼玉県秩父市が開催していた「秩父市イメージキャラクターデザイン」の公募。 実は私もプライベートの時間を使って参加していたのですが、悲しきかな、落選が決定したのでこちらに掲載することに。せっかくですしね。 秩父市の公募 リンク: 「秩父市イメージキャラクターのデザインを募集します！」 主旨として、市のイメージアップのため、りゅうごんに続く「「秩父市」をモチーフにしたイメージキャラクターのデザイン」を制作するというものでし […]
おはようございます。最近めっきり冬らしくなってきましたね。 皆様いかがお過ごしでしょうか。 私はというもの、年の瀬に向けて少々忙しくなってきています。 風邪引かないようにがんばって、年末まで駆け抜けていきましょう！ さて、今日もほっこりと温かい気持ちになる癒しをお届けしたいと思います。 ちょっぴり息抜きにどうぞ。 新米パパ 本日書かせて頂いたツイート 今日はこちらのツイートを書かせて頂きました。 とっても幸せそうな家族ツイートが最近お気に入りです。 バックナンバー あわせてこ […]
今日はjQueryで、tableのチェック項目などでよくある「全てチェックする」のチェックボックスを作りたいと思います。要素の指定さえ合わせれば簡単に作れます。 合言葉は「jQuery こわくない」です。 デモのファイルはこちらからダウンロードできます。 デモ 実際に動かしてみるとこんな感じになります。 別ウィンドウで開く Step1：まず下準備 こちらはいつもと同じですね。まず必要なファイルを読み込みます。 headerの中に、jQueryと、自分で作ったjavascrip […]
おはようございます。最近随分と秋めいてきましたね。過ごしやすい気温なのでとても快適です。 そんな中、スーパーやコンビニを見ているとハロウィンパッケージの商品がちらほらと出てきました。お月見が終わると行事ごとが一旦落ち着くので、ハロウィンは10月末にも関わらず随分早いです。 私もせっかくなので便乗しようと思い、キャラクターを作りました。 ゆるいキャラクターを作るのがとても楽しいですね。 先日秩父市キャラクター公募にも募集してみました。結果は10月だそうで、今とても楽しみにしてい […]
おはようございます。新しいiPhone、発表されましたね。今朝はずっとその話題で持ちきりです。私としましては、iPhone6 PLUSの大きさを見て、画面の解像度が変わってしまうのかしらと心配しています。片手で持ち切れなさそうだし大変だなぁ。 さて、今日もまんがを書かせて頂きました。 忙しいお仕事の合間に、ふふっと思って頂ければ幸いです。 指きり 本日書かせて頂いたツイート ちょっぴりクスっとしてしまいました。 バックナンバー あわせてこちらもどうぞ。 Part31 「スーパ […]
先日お仕事で婚活サービスを調べることがあり、ブログやニュースを見るたびに「婚活」のバナーが表示されていてじわじわと精神が削られています。 その中でもひときわ目立つ大手婚活サイト「O-net」さんのバナー。他社と比べてデザインパターンが圧倒的に多く、知名度も高いのですが、皆様ご存知でしょうか。 少々内容が突っ込みどころ満載なこともあり、話題に上がったりしますね。お年頃の方はよく見かけるものではないでしょうか。 今回はそんな婚活のバナーを集めてみました。 感情に直接働きかけるよう […]
おはようございます。今週はお天気次第で気温の変化が激しいですね。 晩夏の折り、皆様いかがお過ごしでしょうか。 今日は公募をまとめみました。 デザイナーたるもの一度はこういったものに応募して表彰されてみたいですね。 自分の実績にもなりますし、賞品を狙ってお小遣い稼ぎにも良し。手軽に応募できるものもあったりするので、ぜひ皆様も一度検討されて下さい。 クリエイターさんでなくても。手軽に公募 奈良アニメメディア祭 愛称募集 ◆賞品： [最優秀賞]1名 キャラクターポスター・ポストカー […]
毎日まだまだ暑いですね。私はというもの、先日「アートアクアリウム」へ行って参りました。昨年ぐらいから話題になり始めた、いわゆる「金魚リウム」ですね。金魚とアートの織りなす不思議な世界、1時間待ちで入場しましたがとても美しかったです。 COREDO室町にも初めて行ったのですが、周辺アンテナショップやだし場もあってとってもオススメです。 さて、今日もまったりとまんがを書かせて頂きました。癒しの時間をお届けできれば幸いです。 スーパーカップ 本日書かせて頂いたツイート 暑いとなんだ […]
『TenQ』とは、先月、7月8日に東京ドームシティにオープンした、宇宙についての知識を深めることができる9つのエリアによって構成された、エンタテインメント・ミュージアムです。 国際宇宙ステーションから見下ろした地球の実写映像などを楽しむことができる「シアター宙（ソラ）」は、珍しい見下ろし型のプラネタリウムとして話題を集めており、東京の新名所として期待されています。 当日は夏休みが始まったところということもあり、たくさんの子供たちで賑わっていました。 結論から申しますと、大人で […]
バナーやキャンペーンの画像を作る際、ゴテゴテのグラデーションやテクスチャをふんだんに使った文字装飾、大変ですよね。 大体値段やキャンペーンの内容となると分かりやすく金赤やゴールドが使用されるので毎度毎度マンネリになりがちだったりします。 そこで今日は、文字装飾のパターンを集めました。 Fireworksで開いてコピーし、「Shift + Ctrl + Alt + V」の属性をペーストを行うとそのままご自分のデザインに反映できます。
今、社内でスマートフォンアプリを作りたいなぁと相談していたりします。 爆発的に流行るアプリなんかはやはりキャラクターが決め手だったりするんですよね。アルパカやマンボウ、なめこetc…可愛らしいですよね。私もちょこちょこと使用したいキャラクターをぼんやり考えてみたりしています。 せっかくなので綺麗に書き直してこちらに載せることに。
おはようございます。毎日暑いですね。私はというもの、相変わらず夏になるとバテてしまいます。皆様いかがお過ごしでしょうか。 最近の社内では夏に向けての（もう夏ですが）ダイエットも兼ねてか、「そば部」が発足しています。特に改めて部をつくったわけではないのですが、なんとなくランチにざるそばを食べる習慣ができてしまいました。いつもつい、3人くらいで蕎麦をすすっています。今のところはローソンのいなりずしがセットになっているのが一番人気です。曰くあまり無理して蕎麦だけで我慢すると「夕方く […]
LINEクリエイターズスタンプ、だいぶ盛況のようですね。審査を無事通過してマーケットに乗ったスタンプも4000を超えたようです。私もいくつか購入して使用してみたのですが、どうも実際にトークの場で貼られるとスタンプがなんかでっかい…。 制作している時は気付かないものなのですが、規約の370*320pxにめいっぱいで作ると実機で見ると全く違ったサイズ感になってしまい、結局なんだか使い心地が良くなくてそのまま使わなくなってしまったりします。 そこで失敗しないためにも、「LINEスタ […]
ウィンドウの高さに対して、コンテンツの内容が少ない場合、footerより下の部分が真っ白になってしまう…しかし邪魔だしfooterをfixedにはしたくない。そんな時ってありますよね。 Sticky footerなど他にも手はありますが、内容が動的の場合使えなかったりするんですよね。 そんな時に便利な、コンテンツの高さを自動調整してくれるjsを作ってみましょう。実はとっても簡単なんです。 コンテンツ部以外（headerとfooterなど）の高さが固定であることが条 […]
今回は、アイコン素材を制作してみました。 ゆるい雰囲気の手書き風アイコンです。カラーもビビッドめにまとめました。 あぁーー、これね、こういうのよく使うよー、といった感じのを重点的に。 フリー素材で、商用可です。まとめてダウンロードはこちらから。 Fireworksで開くとパスデータになっています。 近況 オフィスの窓を開けると、とても綺麗な紫陽花が咲いています。 今年の梅雨は長いと聞いていたのに、もう明けてしまうなんて噂もちらほら聞きますね。あまり雨が降っていない様子ですが、 […]
なんとなしに、考え事をしている時にサッと筆が走る、落書き。私はというもの、勝手に手が動いてしまうことが多々ある人間です。 日々アイデアを練る時に大切だと思っています。 しかし後々見返してみると、私何考えてたんだろうな…って疑問に感じることが多々あります。 せっかくなのでこちらに載せてみることに。 楽しいらくがき ▲ わぁい、じゃないです。ダメなやつです。 ▲ 多分、おせんべいだと思います。 ▲ 先日日本ダービーを見に行きました。よっぽど楽しかったんでしょうと思いま […]
弊社のある渋谷は今日も雨です。梅雨の時期、じめじめして嫌になってしまいますね。湿気は苦手です。 さて、今日は久しぶりに人物のシルエット素材を作成しました。Fireworksのパスになっています。 私用商用自由にご利用ください。zipはこちらから。 色の違う所は取り除いたりできるようになっています。 素材
今日は要素の追加・削除のパターンをご紹介します。 分かりやすいものだけ集めてみました。今回のデモファイルはこちら。 prepend：要素の内部の先頭に追加（子要素） ▼クリックでspanが追加 prepend p 「prepend()」は要素の内部の先頭に()内のタグを追加します。記述はこんなかんじ。 【HTML】 今回はbtn_demoAをクリックした時で処理しています。 demoAとidをつけたdivにpタグを入れ子にしています。idやタグはjsに合わせていれば自由に書き […]
運営会社:株式会社8bit
制作サービス
運営サービス
