文字装飾パターン集
バナーやキャンペーンの画像を作る際、ゴテゴテのグラデーションやテクスチャをふんだんに使った文字装飾、大変ですよね。 大体値段やキャンペーンの内容となると分かりやすく金赤やゴールドが使用されるので毎度毎度マンネリになりがちだったりします。 文字装飾のパターン第二弾で集めてみました。 第一段はこちら Fireworksで開いてコピーし、「Shift + Ctrl + Alt + V」の属性をペーストを行うとそのままご自分のデザインに反映できます。
新着記事
自分たちの制作価値を下げずに制作予算に合わせて作るには。
制作の仕事で値引きの交渉をされることはよくあります。 ディレクターの方などであれば、大体の方が金額交渉をされた経験をお持ちだと思います。 出来れば値引きというのはしたくない、というのが受注する側の気持ちです。 言われてもいないのに、自分から進んで値引きます、という会社もなかなかないでしょう。 ただ、発注者は手持ちの予算の中で、欲しいものを最大限に手に入れたいと思うのが常で、受注する制作会社の思いとは相反することが多いです。制作会社としては制作費用は落としたくないけれど、予算の […]
キャラクターを「見ないで書こう」
おはようございます。毎日暑いですが皆様いかがお過ごしでしょうか。 さて皆様、「見ないで描こう」という遊び、ご存知でしょうか。（他に正式名称あるんでしょうか。） 例えば、ガチャピン。スマホで検索してはいけません。頭の中にあるぼんやりとしたイメージを頼りに絵を描きます。 うろ覚えで出来上がった絵は何だかおかしくてちょっと楽しい、そんな遊びです。 ブログに何か絵を描きたいなと思って考えていたのですが、そういえばこの学生の頃流行ったなぁとこの遊びを思いだしたので、ちょっとやってみるこ […]
【jQuery】「.animate」で「border-radius」の値を変更すると変な動きをする
ある正円形の要素にマウスオーバーをすると、角丸四角になるような効果をつけたくて、jQueryの.hover()使用してborder-radiusが変化するアニメーションを設定した所、一旦正方形に戻ったうえで角丸にアニメーションしていくという動きをして調査したので記事に。（正しい動きと言えば正しいのでしょうが…） ▽やりたい動き ▽現実 まずマウスオーバーして実際の動きをご確認ください。 デモを別窓で開く 対策しても、ページ表示後の初回のアニメーションのみ未対策の時と同じ動きを […]
【怖くないJavaScript + jQuery】スクロールの位置によってついてくるメインメニュー
毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は、スクロールに合わせてついてくるメニューを作ります。 目次1 デモ2 Step1：まず下準備3 Step2:次にHTMLの準備4 Step3:次にCSSの準備5 Step4:jsを書き込む6 jsの解説 デモ 実際に動かしてみるとこんな感じになります。 フレーム内を縦にスクロールすると、ナビゲーションが途中から上部に固定になります。 デモを別ページで開く ファイル一式ダウンロード ナビゲーシ […]
印象に残った学校サイトを集めました
こんにちは。 今回は学校サイトを集めました。 ここ最近は学校の特色を出すためか様々なこだわりを感じるものがたくさんありますね。 ただその中でも学生さんや親御さんに情報をしっかり見せないといけないと思うので整理するのがなかなか難しそうです。 目次1 早稲田大学2 三田国際学園3 大竹学園 大竹高等専修学校4 女子美術大学 デザイン・工芸学科 環境デザイン専攻5 相模女子大学6 たかみ幼稚園7 東北大学大学院理学研究科・理学部8 九州大学芸術工学部芸術情報設計学科9 福岡デザイン […]
夏季休暇のお知らせ
誠に勝手ながら、当社の夏季休暇を下記のとおりとさせていただきます。 8/12(水)～8/16(日) 期間内にいただきました、Webサービスのお問い合わせ、制作に関するお問い合わせについては8/17以降の対応となりますので何卒ご了承いただきますようお願いいたします。
【バナーデザイン】Yahoo! JAPANの広告バナー
おはようございます。皆様梅雨のしっとりした季節、如何お過ごしでしょうか。 私は雨女のせいもあり、外出する時には何故か雨がぱらついてしまうので、私生活までしっとりと過ごしております… カラッとした季節が待ち遠しいですね。 横浜市の舞岡公園に行ってきました。ぼくのなつやすみみたいな風景、のどかでオススメスポットです！ — さて、本日の本題ですが、今日はYahoo!JAPANのバナー広告を集めてみました。 老若男女、たくさんの人が閲覧する検索エンジンのトップページに掲載 […]
スマホサイト作成時に役立つプラグイン集
こんにちは。 今回はスマホサイト作成の時に使えそうなjqueryやJS、CSS3で作成されたプラグインを集めました。 目次1 jquery Slidebars2 Drawer3 SlickNav4 Off-Canvas Menu Effects5 PhotoSwipe6 Queryでフリック／スワイプ動作の画像スライドギャラリーを作成する実験7 Slider Pro8 Remodal jquery Slidebars サイトへ 設置がかなり簡単にできます。 ドロワーメニューは […]
HTMLコードの隠れたメッセージ
<!–なぜか無いと動かない–> Webサイトを閲覧している時、右クリックして「ページのソースを表示」とすると、そのサイトのHTMLソースが見ることができます。 全く分からない方の為にものすごくざっくり説明すると、「ここに画像を表示する」「ここにハイパーリンクをはる」などと、Webサイトに必要な機能が全部書かれているんです。 その中で、コメントアウトというメモのような記述があります。 <!– ナビゲーション –& […]
コミュニティサイトのまとめ
こんにちは、工藤です。 今回はコミュニティサイトを色々調べてみました。 デザインで楽しそうな、参加したくなるような工夫な必要なのですがなかなか難しかったりします。 目次1 ことりっぷ2 プレママスクエア3 ココヤク4 シューズLABOプラス5 minne(ミンネ)6 エイチエ7 リメンバーしまね8 キッチンポケット9 クックパッド10 HaKoBu11 Birdstory12 フミコミュ！ ことりっぷ サイトへ 女性向けガイドブック『ことりっぷ』のコミュニティサイトです。 読 […]
Twitterまんが Part36
ついに関東も梅雨入りしたようですね。 毎日これから雨かと思うと憂鬱ですが、そんな気持ちがちょっと晴れるといいな、と思います。 本日もTwitterまんがを書きました。休憩の合間の息抜きにどうぞ。 目次1 LEGO2 本日のツイート3 バックナンバー LEGO 本日のツイート 本日書かせて頂いたツイートはこちら。 とってもかわいい。 バックナンバー あわせてこちらもどうぞ。 Part35 「社蓄川柳」 Part34 「流行りの」 Part33 「新米パパ」 Part32 「指き […]
【デザインまとめ】ランディングページ16枚
皆様ランディングページって言葉ご存知でしょうか。例えば、楽天などで蟹何かを販売する時にずーっと説明が縦に長くてゴテゴテに装飾されたページ見たことがあるかと思います。あれがランディングページです。 キャッチコピー、コンセプト、安全性、効果、お客様の声etc… 普通のWebサイトとは異なり、新商品やおトクなプランなどの商材をより効果的にアピールするためのページですので、普段の作り方とは全く異なったテイストで制作されます。不思議なもので、延々と商品の効果をうたわれると、 […]
WordPressのスライダープラグイン10選
こんにちは。 今回はwordpressのスライダー関連のプラグインを調べてみました。 目次1 Meta Slider2 Easing Slider “Lite”3 Master Slider – Responsive Touch Slider4 Smooth Slider5 Smart Slider 26 Meteor Slides7 Crelly Slider8 Skitter Slideshow9 Advanced post slide […]
【キャラクターデザイン】麻呂眉ねこ
猫の写真を眺めるのが好きなんですが、昨日ずっと眺めていたら降ってわいたようにキャラクターのイメージを思いつきまして。イメージを捨てちゃうのももったいないのでデータに起こしてみました。 ふっとい麻呂眉が特徴です。
受託制作でWebサービスを開発する際に最初に気を付けたいこと。
当社では自社でWebサービスを企画開発していることから、同じような仕組みをWebサービスを開発したい、などのご相談を受託制作としてご相談いただくことが多くあります。 受託制作で制作するとなると、自社サービスとは勝手が異なる点が多々出てきます。 自社で開発する場合は、方向転換やアイデアを相談しながら盛り込んでいく、など制作・開発の進め方は検討しながら進められます。 制作会社が自社で開発する場合は、技術的なところについても意志疎通が出来るので比較的スムーズに制作は進むのではないで […]
背景を効果的に魅せることができるjQueryプラグイン
こんにちは、工藤です。 背景を効果的に魅せることができるjqueryプラグインをまとめました。 目次1 スライド関係1.1 Skippr1.2 MaxImage22 動画関係2.1 Vide2.2 BigVideo2.3 tubular3 その他3.1 Particleground3.2 jquery.adaptive-backgrounds.js スライド関係 Skippr サイト 指定した背景いっぱいに画像が表示、スライドされるプラグインです。 軽量でレスポンシブにも対応 […]
タスクの合間の変な落書き集
タスクの合間になんとなくサラッと手が動いて落書きしてしまう。絵を描く習慣のある方には多いんじゃないでしょうか。 私も時々落書きしてしまいます。後から見返してみると何を考えていたのか全く分からないのですが、こういうのを見るのはとても楽しくて好きです。 今日はそれらが溜まってきたので載せてみましょう。 ▲「ツヤツヤ」ってそんなに大きく書かなくても。きっとバナーのデザインを考えていたんだと思います ▲メールのお返事を待っていました ▲空腹過ぎて時空が歪んでいます ▲北海道を表したく […]
恐らく業界最安値のグループウェア「Grmo」のパッケージ販売を開始しました。
昨日、5/19大安に弊社で運用しているグル―プウェア「Grmo(グルモ)」のサーバ設置型パッケージの販売を開始いたしました。 現在ご利用いただいているWebサーバがあれば、ユーザー数無制限ですぐにご利用いただけます。 (Webサーバの動作推奨環境についてはhttps://grmo.jp/dl/をご確認ください。) Grmoオフィシャルサイト： https://grmo.jp/ サーバ設置型パッケージ販売のご案内： https://grmo.jp/dl/ プレスリリース： ht […]
プレゼン資料作成に役立つ！図形ツールで作られたイラスト素材
最近、パワーポイントで資料を作る際に綺麗にまとめるコツを調べていたのですが、多くのチュートリアルでアイコンやイラストを使って視覚的に訴えかけることが勧められていました。しかし絵心もないし、イラスト素材探し出すのも一苦労…とお悩み方も多いのではないでしょうか。 ならば私が描きましょう！と発起してイラスト素材を作ってみました。 なんとこのイラスト素材、全てパワーポイントの図形を使って作られています。拡大縮小をかけても解像度が足りなくてモジャモジャになったりしません。色も自分好みに […]
個人クリエイターに朗報！PRやプレスリリースを無料で出来るサービス「ツクログ」をリニューアルしました。
当社で運営している個人クリエイター向けプレスリリース・PRサービス「ツクログ」を本日リニューアルいたしました。 ツクログは個人で開発したWebサービスやスマートフォンアプリを無料で宣伝できるサービスとしてリリースしました。 今回のリニューアルではLINEスタンプのPRと大幅なインターフェイスの変更を行っております。 ツクログサイトURL： http://creators.eightbit.jp/ ツクログAndroidアプリ： https://play.google.com/ […]
クラウドソーシングと制作会社の制作価格の差について。
先日、とあるスタートアップ企業からご相談をいただいて、その企業の業務内容などを調べていました。 すると調査の過程で、その企業のロゴがクラウドソーシングサービスで3万円で作られているのを偶然見つけました。 安い！3万円というと個人としては、ちょっと高めの費用ですが、何とか捻出できる費用かと思います。 しかも、提案に挙がっているロゴを見ると結構クオリティーの高いロゴもあって驚きました。 制作会社にロゴ制作を依頼すると数万円ではなかなか制作を請け負ってくれません。 安くても数十万、 […]
便利なCSS3ジェネレーターのまとめ
こんにちは。 またほとんど自分用ですがCSS3生成してくれるジェネレーターを整理したくてまとめました。 うった方がいいのは分かりつつ、やっぱり頼っちゃいますよね…。 目次1 グラデーション1.1 Ultimate CSS Gradient Generator1.2 CSS Gradient Generator1.3 CSS Sample1.4 Gradient Generator2 ボタン2.1 Grad32.2 CSS3 Button Generator2.3 CSS3 G […]
夏間近！ビールのブランドサイトを集めてみました
こんにちは、工藤です。 そろそろ関東圏はどんどん気温が上がってきましたね。そしてビールがのみたくなります よね？ 弊社サービスのノミトモもそろそろ賑わう時期です。 今回はビールのブランドサイトを集めてみました。 目次1 一番搾り – キリン2 夏いちばん – オリオンビール3 COEDO4 水曜日のネコ5 YEBISU6 アサヒスーパードライ – アサヒ7 ザ・プレミアム・モルツ ビール サントリー – サントリー8 バドワイザ […]
エンジニアに必要なプログラム言語以外のこと。
当社の社内で運営している自社サービスや受託制作を一緒に進めていただきたく、Webエンジニアの募集を開始しました。 今回の募集も、新卒、プログラム実務未経験者を優遇しています。 待遇面などはFindJob!をご覧ください。 https://www.find-job.net/list/j102737.html 当社では積極的に新卒や未経験者を採用しています。 何故かというと、自分のやり方などを持っていない状態で入社していただき、当社のモノづくりの姿勢である「工夫して作ること」を吸 […]
