今日は要素の追加・削除のパターンをご紹介します。 分かりやすいものだけ集めてみました。今回のデモファイルはこちら。 目次1 prepend：要素の内部の先頭に追加（子要素）2 after：要素の後ろに追加（兄弟要素）3 before：要素の前に追加（兄弟要素）4 wrap：要素を囲む（親要素）5 empty：要素の中身を削除する prepend：要素の内部の先頭に追加（子要素） ▼クリックでspanが追加 prepend p 「prepend()」は要素の内部の先頭に()内の […]
制作業界に関わっていてもいなくてもアイデアって結構誰でも持っているものです。 ちょっとこういうものがあったら便利だといつも思うんだけど。 このサービスのこういうバージョンがあったら絶対自分も使うんだけどな。。。 などなど、普段生活している中やWebサービスを使っている中でひらめくことってあると思います。 制作業界にいるからには、是非形にしたい！ 制作業界にいる人であれば誰でも一度は思ったこともあるでしょう。 自分でデザインもプログラムも出来てしまえば良いのですが、それが出来な […]
こんにちは。 株式会社 8bitの針谷です。 早くも6月に入り「あ・・・」という間に、半年が過ぎようとしています。 これから梅雨入りし、真夏まで我慢の時期が参ります。 今回のテ-マは、当社の求める「求人選び」についてお話したいと思います。 目次1 1に、自分をきちんと持っている。2 2に、素直な姿勢 1に、自分をきちんと持っている。 私はここを尊重します。 会社に来れば、与えられた仕事がありそれをやるのが仕事。 その考え方も間違いではありません。 但し、評価反映 […]
こんにちは。 今回はソーシャルボタンってどれくらいあるのだろう・・と思って調べてみました。 すべてではないのですが結構見かけるなあというものをご紹介します。 目次1 ソーシャルボタン一覧1.1 twitter1.2 いいね！ボタン1.3 はてなブックマークボタン1.4 LINEで送るボタン1.5 +1 ボタン1.6 mixi Plugin1.7 Tumblrボタン ソーシャルボタン一覧 twitter 設置はここから 自分の気になる記事をほかの人にも見てほしい時に便利なtwi […]
おはようございます。すっかり初夏の陽気ですが、皆様如何お過ごしでしょうか。 私はというもの、花粉症のような症状で一日中クシャミが出て悩まされております。今年初めてのことなのでどうやら花粉症デビューしてしまったようです…つらいですね。 さて、今日もまんがを書かせて頂きました。 私はじわっと来るようなシュールなネタが好きなんですが、どうでしょう。お仕事の合間、息抜きになれば幸いです。 目次1 噛んだ？2 本日書かせて頂いたツイート3 バックナンバー 噛んだ？ 本日書かせて頂いたツ […]
こんにちは、今日はキャンペーン系のサイトを集めてしました。 キャンペーンサイトはキャプチャを撮っておかないと気づいたら消えてしまっていて、しまった撮り忘れていた・・！ということがよくあります。 以下の情報は2014年5月21日現在のものとなります。 目次1 キャンペーンサイト1.1 サントリー和膳 「5つ星お米マイスター」厳選!和膳に合うお米、当たります。1.2 どっちのオールフリーでカンパイ！？1.3 ウチカフェフラッペ1.4 ドラゴンクエストX セブンイレブン限定キャンペ […]
基本契約書というのは自社が発注する側か、発注をもらう側(受注)かによって確認・交渉する内容が大きく変わってきます。 契約書というのは賃貸契約でもそうですが、何だか読みにくい文章で色々なことが書いてあるので、ついつい斜め読みしがちになってしまいます。 甲とか乙とか丙とかいったい誰が誰でどうなってんだ？！っていう感じになってしまうのは私だけでしょうか。 とはいえ当たり前のことですが、最初の契約というのはすごく大事で何かあった時に思わぬ事態を生むことになります。 最近も契約書を読み […]
フォントは色々欲しいですけれど個人で買う分にはお財布事情が・・となってしまったりしますよね。（もちろんその分の価値はあるのですが） 今回は個人的にお世話になっているフリーフォントをご紹介したいと思います。 目次1 フリーフォント一覧1.1 MigMix（ミグミックス）フォント1.2 やさしさゴシック1.3 ぼくたちのゴシック1.4 やさしさアンチック1.5 はんなり明朝1.6 うつくし明朝体2 ちょっと変わり種2.1 PAPERWORK2.2 SF-Webicon フリーフォ […]
今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。 通常の静的なサイトのデザインとは異なり、投稿がある場合無い場合とたくさんのパターンを考えながら制作しなければならないので、デザイン力が問われます。これらを日本語に置き換えるとまた違って見えたりするのですが、ひとまず、ご参考になればと思います。 ▼ The Kamarel デモサイト ▼ Apricot Bootstrap デモサイト ▼ The V […]
本日、当社で運用しておりましたクラウド型グループウェアサービス「Grmo」を大幅にシンプルにした形でリニューアルいたしました。 http://grmo.jp/ 機能は『スケジュール共有』『掲示板』『タイムカード』『利用状況』の4つです。 そもそもGrmoにはもう少し機能がついていました。 なぜ4つの機能に限定したのかという部分についてこのブログを使って説明させていただきます。 目次1 4つしか機能がないのではなくて4つ位しか使わないから。2 4つの機能の提供理由 4つしか機能 […]
なるべくcssで表現したいなと思うのですが、そういえばIEで使えないんだった…となることがよくあります。 良く使うものでたまに引っかかるCSSプロパティー・セレクタをまとめてみました。 目次1 CSSプロパティー1.1 border-radius1.2 box-shadow1.3 text-shadow1.4 background-size1.5 opacity1.6 解決したい！2 セレクター2.1 :first-child / :last-child2.2 nth-chi […]
Web制作の制作料金にお値引きは付き物です。 費用は出来るだけ安くしたい、そう思うのは制作のみならず一般消費でも同じだと思います。 企業では予算もあるので、何とか予算の中で最大限の仕事をしてほしい、発注担当者にとってもいかに価格を下げれるかは腕の見せ所だと思います。 さて、制作会社にとってみると、この価格交渉というのが結構厄介です。 実際にディレクターなどの現場の人がこういった交渉をするわけですが、制作の人間は得てしてこういった交渉が得意ではありません。 どちらかというと制作 […]
キャラクターのデザインをしていて基本的なことなのですがそれぞれのキャラクターに喜怒哀楽の表情があると思います。 それを表現するにあたって喜怒哀楽・行動のパターンを表すまんが記号や表情のパターンを並べてみました。 目次1 普通の表情2 驚く3 悲しむ4 照れる5 慌てる6 落ち込む7 どんより8 楽しい9 笑う10 怒る11 とても怒る12 好き13 とても好き14 ショック15 つらい16 急ぐ17 恥ずかしい18 考える19 わかった・ひらめいた20 こわい 普通の表情 今 […]
デザインをデザイナーが制作をしてディレクターが確認・修正指示してデザイナーが修正して、クライアントが確認してデザイナーが修正してといったことが工程が制作では繰り返されます。 そういった過程の中でせっかく最初にデザイナーが作ったデザインは跡形もなくなっている場合も多くあります。 正直な気持ち一発OKであればそれが一番だと思います。 そう思っているので、毎回イメージのすり合わせを行っているのですが、これがなかなかうまくいかない。 自分はこういった筈なのに、完成したものが異なるから […]
本日よりFindjobでWebエンジニアの採用募集を開始いたしました。 2014/04/28～2014/05/11までです。 https://www.find-job.net/list/j102737.html 今回は新卒と二次新卒の方に限定させていただきます。 現在、受託制作と社内Webサービスの企画開発を行っておりますが、社会人経験のない方または少ない方で先入観なく開発に取り組んでほしいという想いから敢えて限定させていただきました。 当社のデザイナー、Webエンジニアの9 […]
GWの中日、皆様いかがお過ごしでしょうか。通勤の電車の中も行楽の雰囲気が凄まじいですね。 お天気も良いですしどこかに出かけたくなりますね。弊社はカレンダー通り営業しております。 さて、今日は海外のポートフォリオのデザインをご紹介したいと思います。 国内にももちろん素敵なデザインやギミックのものがたくさんあるんですが、海外の個性色濃いサイトにどうしても憧れてしまいます。どうしてあんなに素敵に見えるんでしょうね。（外国語だからというのもあると思いますが…） 作り手の自己満足と言っ […]
先週の日曜日に当社で運用しているノミトモというWebサービスが第一段階として目標としていたユーザー数に達しました。 一般的に有名なWebサービスのユーザー数に比べればまだまだ微々たるものですが、それでも4年間くらいコツコツと宣伝を売ったりリニューアルをしたりしてなんとか少しづつ収益化も見えてきそうです。 当社はWebサービスを運用して食べていこうという目標で創業しました。 創業当時からまずは色々なWebサービスを作りまくろうと様々なサービスを作ってきました。 15サービスくら […]
こんにちは、工藤です。 Webデザインの際、パーツで悩んでしまうことがよくあります・・。 今回はパーツ毎にまとめてくださっているサイトをご紹介します。日本語サイトが多めです。 目次1 パーツ全般を集めているサイト1.1 ブブンデザインアーカイブ1.2 Croppy1.3 MephoBox2 メインビジュアル関連2.1 WEBデザインのメインビジュアルまとめ2.2 MAIN VISUAL collection3 見出し関連3.1 見出しデザイン.com3.2 Typograph […]
おはようございます。今日もぽかぽか暖かいですね。 最近の私はというもの、プライベートで話題のLINEスタンプを制作しています。 40個というボリュームをいかにクリアするか、それが課題ですがなんとか審査を通す所まで持っていけるよう頑張っています。 さて、本日の本題ですが、今日も漫画を書きました。 今日はちょっとしんみり。 目次1 繁忙期2 本日書かせて頂いたツイート3 バックナンバー 繁忙期 本日書かせて頂いたツイート 今回書いたツイートはこちら。 先月の年度末の繁忙期、みなさ […]
こんにちは。 今回は前回紹介しきれなかったjQueryプラグインについて続きを書きたいと思います。 相変わらずご紹介程度なので気になったものは検索してみてください！ 目次1 smart-crossfade.js1.1 マウスオーバー時にフェードイン・アウト2 jquery.backgroundSize.js2.1 IE8以下でも『background-size』を使えるようにする3 jquery.biggerlink3.1 ブロックレベル要素にリンク smart-crossf […]
当社で受託制作を行う際に、必ず自社のCMS「proG」を導入します。 WordpressやMovable Typeなど「これを使いたい！」と強いご要望があれば話は別ですが、大体自社のCMSで賄います。 CMSは制作会社にいちいち制作費用を支払わず、自分たちのタイミングでリアルタイムに更新できるというメリットがあります。 ただ、CMSを導入すれば必ずしも自社で運営を賄えるわけではありません。 使い方がよく分からず、失敗すると怖いので結局制作会社が依頼を受けてCMSで更新したり、 […]
こんにちは、工藤です。 今回はよくお世話になるjQueryプラグインをまとめました。 コードがまったく書けない人間なのでありがたいです・・。 目次1 yuga.js1.1 ロールオーバー1.2 ページ内リンクはするするスクロール2 footerFixed.js3 jquery.tile.js3.1 1.全ての要素の高さを揃える3.2 同じ行にある要素の高さを揃える yuga.js yuga.js公式ページ お名前の通り、『Web制作を優雅にするために』作られたそうです。 この […]
先日、企画展「コメ展」に行ってきました。 会期：2014年2月28日（金） – 2014年6月15日（日） 展覧会ディレクター：佐藤卓、竹村真一 会場：六本木 21_21 DESIGN SIGHT URL：www.2121designsight.jp/program/kome/ 名前からしてお腹が空いてきそうですが、素敵な展覧会だったので折角なので記事に。 展示場内は静止画なら自由に撮って良いとのことで、Twitterのハッシュタグ「 #コメ展 」で呟くと展示場内 […]
こんにちは。 すっかり春の陽気になりましたね！私は少々花粉症気味です・・。 さて、8bitブログですがこの春リニューアルしました！ サイドナビなどの情報量は多く、文字がなるべく読みやすいようにしています。 実際使ってみると気づいた箇所もちらほらあるのでさらに使いやすくなるようにちょこちょこ改良していければな～と思っています。 そして、実は私初めてまともにWordPressに触りました。 8bitにはproGがあるのとプライベートでもあまり気が回っていなかったもので・・。 今回 […]
4月になり、新入社員の初々しい姿が眩しいシーズンがやってきました。 昨年当社に入社した新入社員が「体力ありますか？」と聞いたところ猛烈に残業させられるのかと思って表情がこわばっていたのも今では懐かしく感じます。 Web制作業界に新卒で入られる方がどのくらいいらっしゃるのか分かりませんが、制作業界というと過酷な長時間労働を強いられるというイメージを持ってドキドキしながら入社される方もいらっしゃると思います。 私はエンジニアとして社会に出た新人の頃から、何故か人の目を気にしてとり […]
運営会社:株式会社8bit
制作サービス
運営サービス
