こんにちは、工藤です。 今回はパララックス効果を表現できるjQueryプラグイン・スクロールでアニメーションさせるjQueryプラグインについてやそれに関する記事を集めました。 ここ最近はパララックスが１番流行っていた時期の物より、アニメーションの表現がさりげないものが主流なのかなという印象を受けます。 目次1 Nikebetterworld Parallax Effect Demo2 Skrollr3 Cool Kitten4 Parallax.js5 […]
おはようございます。今日の渋谷は晴れ。気温も12度らしくて随分春めいてまいりました。 私はというもの、最近「Sonomy」というアプリにハマっています。イベントの情報や美味しいご飯やさんの情報等が延々と流れてくるのですが、それらを「興味がある or ない」に分けることによってだんだんと自分好みの情報ばかり流れるようになるという画期的なアプリです。 今や私のSonomyはスイーツとごはんの情報ばかり流れてくるようになりました。位置情報とも連動していてピンポイントで情報を提供して […]
こんにちは、工藤です。 ほぼ自分用…な気もしますがライセンスなどの確認用に気になるフリーフォントをあつめました。 前回も紹介しましたが足りなかったり、増えたりしたので…。 参考になったらうれしいです。 フォントを提供してくださっている皆さま、いつもありがとうございます。 目次1 フリーフォント（日本語/ゴシック体）1.1 Mgen+ (ムゲンプラス)1.2 Noto Fonts1.3 FGゼロ1.4 FGポテ1.5 ロゴたいぷゴシック1.6 ロゴたいぷゴシック-コンデンスド1 […]
おはようございます。本日の渋谷は雨です。寒いですね。 風邪が流行っているようなので、温かい物を食べて、気をつけて過ごしましょうね。 今日は日本語のロゴを集めてみました。 英字のロゴはたくさんあるんですが、日本語のロゴっていざ探すとなかなかしっくりくるものが無くて苦戦したりします。 参考になれば幸いです。
デザイナーとしてお仕事をしていると、デザインを教えて欲しいと言われることがあります。 私は専門学校でデザインを学んだのですが、一番初めに基礎として練習したのが「パスの使い方」でした。 デザインの作業をするにあたって、背景の柄や、絵を描いたり、ロゴマークを作ったり、非常に大切です。使えないと仕事になりません。 （私に話を聞きに来る学生さん達は、photoshopを使って絵を描くことはできるけど、パスを使えないという子が多かったりします。） デザインに関して話し始めると24hあっ […]
こんにちは、工藤です。 今回は配色ツールについてまとめました。 目次1 Adobe Color CC2 paletton.com3 Flat UI Colors4 ウェブ配色ツール Ver2.05 HUE/3606 NIPPON COLORS Adobe Color CC [Adobe Color CC] Adobeが提供する、カラーテーマを作成できるツールです。以前はAdobe Kulerという名前でした。 Adobeのアカウントを持っていればカラーテーマの保存もできますし […]
毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は時間で画像が切り替わるスライドショーを作りました。動作は一番シンプルで、クリックの処理は入っていません。TOPページでイメージ画だけ切替表示したい時に便利ですね。 合言葉は「jQuery こわくない」です。 デモのファイルはこちらからダウンロードできます。 目次1 デモ2 Step1：まず下準備3 Step2:次にHTMLの準備4 Step3:jsを書き込む デモ ▼サンプルでは、3枚のスラ […]
デザインというとなかなか口を出すのが難しい、デザイナーではないので指摘し難いなどで苦労されているディレクターさんも多いのではないでしょうか？ 私もWeb制作業界に入ったばかりの頃はデザインについてちょっとおかしいな、とかこうした方が良いな、とか思ってちょっと口を出すと怒られたり、意見を欲しいと言われて出したら全否定されたりデザインというのはなかなか難しいもの(デザイナー怖い。。)だな、と思っていました。 今でもそれは変わらないのですが、案件にディレクターとして関わっているとデ […]
こんにちは、工藤です。 Webデザインのギャラリーサイトをご紹介します。 今回は国内サイトのみです。 目次1 I/O 30002 MUUUUU.ORG3 イケサイ4 WEBデザインの見本帳5 デザイケ -Design Iketeru-6 WEB DESIGN GALLERY for WEB DESIGNERS7 ズロック8 S5-Style9 Tau Magazine10 thinkthing11 勝手にスマホサイトまとめ12 iPhone Design Box I/O 30 […]
明けましておめでとうございます。 当社株式会社8bitはちょうど本日1/8を持って6年目となりました。 最初の2～3年はどうなることかと思いましたが、少しずつ会社として体制売上共々形になってきたと思っております。 今年も引き続きコンペ参加や提案などはどんどん行っていこうかと思っておりますので、お気軽にご相談ください。 さて、昨年末より今期の売上目標や目標達成など経営敵なことを考えていて、「経営者目線」という言葉をふと思い出しました。 実は私自身、役員として会社に携わっておりま […]
明けましておめでとう御座います。 2015年本日より株式会社8bitは、仕事開始致します。 （本日は15時迄の営業とさせて頂きます。明日6日より通常業務と致します） 今年も当社の強みである、お客様のイメ－ジを「企画提案し」「webやアプリにて形にする」事を追求し、御満足のいただける技術と経験を提供していきます。 その為に、株式会社8bitでは「ディレクタ－、エンジニア、デザイナ－、テスタ－」スタッフ一丸となり、妥協を許さない「プロ」として提案いたします。 新たな、ビジネスパ－ […]
おはようございます。今年もあと数日ですが、皆様いかがお過ごしでしょうか。 長い長い休みをとって、既に退屈に過ごしている方もいらっしゃるんでしょうか。 そんな退屈に少しお付き合いするために、今日も漫画を書きました。 ほっこりとした気持ちになれば幸いです。 目次1 流行りの2 今回書かせて頂いたツイート3 バックナンバー 流行りの 今回書かせて頂いたツイート 今日はこちらのツイートを書かせて頂きました。 2014年大流行した「アナ雪」。こんな所にまで旋風を吹かせているんですね。と […]
ここ最近社内がバタバタとしており、めっきり更新が減っており久々の更新です。 毎日ブログネタを考えているくらいしかやることがないよりはマシで有難いことだと思っています。 さて、最近他業種の方でWebに関連するマーケティングやWeb制作に携わる仕事に転職された方や、当社にも見習いエンジニアが入ったことで、どうやってWeb制作を学んでいったら良いかということを考えさせられる機会が個人的に多くありました。 Web業界にはまったく異な業種からいきなり入ってくる方も多くいらっしゃいます。 […]
こんにちは、工藤です。 今回はパララックスを効果的に使用しているなあと感じたサイトを集めました。 目次1 LIX2 Nikon 1 AW1 – Present Campaign3 Visual history of computing by Akita Systems4 三井住友VISAデビュープラスカード5 森山直太朗オフィシャルサイト6 bikke7 工学院大学「先進工学部」サイト8 Pressels9 Dangers of Fracking LIX http […]
今日は、サイトを訪問したデバイスによってタグを追加するjsを書こうと思います。 タブレットやスマートフォンなど、CSSを追加したい時になんか便利ですね。 合言葉は「jQuery こわくない」です。 デモのファイルはこちらからダウンロードできます。 目次1 デモ2 Step1：まず下準備3 Step2:次にHTMLの準備4 Step3:jsを書き込む5 応用編 デモ ▼div（id=”apArea“）にデバイスに応じてテキストが挿入されます。 Step1 […]
平素は格別のお引き立てをたまわりまして誠にありがとうございます。 当社では以下の日程で年末年始休暇を取らせていただきます。 2014/12/27(土)～2015/1/4(日) なお、12/26(金)については社内残務の取りまとめとし、通常業務は行いませんので、予めご了承ください。 12/26にご連絡いただきましたご依頼については年明けの1/5(月)からの対応とさせていただきます。 運用中の各種Webサービスについては緊急性の高い不具合対応以外のサポートについては年明けの1/5 […]
以前、このブログで公募のまとめを記事にしました。 その中で埼玉県秩父市が開催していた「秩父市イメージキャラクターデザイン」の公募。 実は私もプライベートの時間を使って参加していたのですが、悲しきかな、落選が決定したのでこちらに掲載することに。せっかくですしね。 目次1 秩父市の公募2 キャラクターデザイン 秩父市の公募 リンク: 「秩父市イメージキャラクターのデザインを募集します！」 主旨として、市のイメージアップのため、りゅうごんに続く「「秩父市」をモチーフにしたイメージキ […]
こんにちは、工藤です。お久しぶりのブログの更新です。 今回はデバイスモックアップ素材をまとめさせてもらいました。 フリーのものを選んでいますが規約などは各ページのご確認をお願いします。 目次1 リアル系イラストのモックアップ素材1.1 Responsive Showcase Mockup Pack1.2 Responsive Showcase PSD Mockups1.3 Shadow Series Apple iDevices1.4 iPhone 6 – Fre […]
おはようございます。最近めっきり冬らしくなってきましたね。 皆様いかがお過ごしでしょうか。 私はというもの、年の瀬に向けて少々忙しくなってきています。 風邪引かないようにがんばって、年末まで駆け抜けていきましょう！ さて、今日もほっこりと温かい気持ちになる癒しをお届けしたいと思います。 ちょっぴり息抜きにどうぞ。 目次1 新米パパ2 本日書かせて頂いたツイート3 バックナンバー 新米パパ 本日書かせて頂いたツイート 今日はこちらのツイートを書かせて頂きました。 とっても幸せそ […]
こんにちは、工藤です。 今回は黒・グレーを効果的に使ったサイトをまとめました。 目次1 東北大学大学院理学研究科・理学部2 コンバースオフィシャルサイト3 Mercedes-Benz Connection4 矢作地所株式会社5 星野リゾート公式サイト6 Peak Partners7 Luxury Watches & Jewelry Online8 式会社オガワスプリング 東北大学大学院理学研究科・理学部 http://www.sci.tohoku.ac.jp/ マージ […]
今日はjQueryで、tableのチェック項目などでよくある「全てチェックする」のチェックボックスを作りたいと思います。要素の指定さえ合わせれば簡単に作れます。 合言葉は「jQuery こわくない」です。 デモのファイルはこちらからダウンロードできます。 目次1 デモ2 Step1：まず下準備3 Step2:次にHTMLの準備4 Step3:jsを書き込む5 Step4:応用編 デモ 実際に動かしてみるとこんな感じになります。 別ウィンドウで開く Step1：まず下準備 こち […]
こんにちは、工藤です。 毎日暑いな～と思っていたら一気に季節が秋になってしまいました。 涼しくなったら美術展に1回は行こう、と決めているので調べてみました。2014年9月現在の情報です。 目次1 オルセー美術館展 印象派の誕生 ―描くことの自由―2 イメージメーカー展3 TIS展4 紙片の宇宙 シャガール、マティス、ミロ、ダリの挿絵本5 わたしのマーガレット展 ～マーガレット・別冊マーガレット 少女まんがの半世紀～6 ティム・バートンの世界7 だまし絵Ⅱ8 進撃の巨人展 オル […]
おはようございます。最近随分と秋めいてきましたね。過ごしやすい気温なのでとても快適です。 そんな中、スーパーやコンビニを見ているとハロウィンパッケージの商品がちらほらと出てきました。お月見が終わると行事ごとが一旦落ち着くので、ハロウィンは10月末にも関わらず随分早いです。 私もせっかくなので便乗しようと思い、キャラクターを作りました。 ゆるいキャラクターを作るのがとても楽しいですね。 先日秩父市キャラクター公募にも募集してみました。結果は10月だそうで、今とても楽しみにしてい […]
制作業界に身を置いていると皆さんどうしてもお金関係のことを嫌がる傾向にあるような気がします。 制作者に限らず、お金の交渉や話となるとどうしてもセコイとか汚いとかみみっちいとかマイナスなイメージが付きまとうようで、お金の話は抜きにして俺は良いものをただ作りたいんだ！という方も結構いらっしゃいます。 言いたいことはよくわかります。誰だってその辺は好きでやってるわけではありません。 ただ、フリーランスや起業された方ならわかると思いますが、良いものを作るには言いにくいお金を話というの […]
こんにちは、工藤です。 個人的になのですがTumblrのカスタマイズが気になったので調べていました。 目次1 Tumblrって？2 Timeliner3 Blogit4 Club Monaco Theme5 Coral6 Pink touch 27 Effector Theme8 Margin9 Silkyflat10 Shade11 Simplify Tumblrって？ ブログとtwitterのちょうど中間のようなサービスです。 手軽に文字や画像を投稿できますしtwitte […]
運営会社:株式会社8bit
制作サービス
運営サービス
