タグ

ブックマーク / commte.net (9)

  • プロっぽくなった!こっそり使いたい「動きのある」CSSテクニック

    作成:2014/06/2 更新:2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク 1.マスク・キャプション 2.円形キャプション 3.全画面+オーバーレイ 4.ストライプの背景 フルスクリーン系 5.スライド+フルスクリーン 6.全画面背景動画 7.パララックス 8.フルスクリーンにフィット 9.背景画像をブラウザごとに最適化 10.メガメニュー 画像可変 11.画像で枠線を表現する 12.半透明+フィルタ 13.文字以外を透明にしてレイヤーさせる 図形 14.ループ+ローディング 15.3Dボックス 16.矢印ナビ 画像切り抜き 17.六角形 18.卵型+星形

    プロっぽくなった!こっそり使いたい「動きのある」CSSテクニック
  • それなりに使える、Web制作者がお世話になる便利ツール

    作成:2016/01/4 更新:2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ

    それなりに使える、Web制作者がお世話になる便利ツール
  • 知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ

    作成:2014/04/7 更新:2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある!」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー 1.カルーセル(横) 2.フェードアウト 3.画像と文字をスライド 4.文字が遅れて移動する効果 5.異なるタイミングを設定できる ナビゲーション・メニュー 6.多階層 ドロップダウンメニュー 7.多階層 効果つき 8.スマホではドロップダウン 9.スマホではセレクトメニューに 10.Amazon風 メガドロップダウンメニュー 11.横スライド 1

    知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ
  • ひとりでWeb制作できた!Webデザインの勉強にもなる独学「スライド」総まとめ

    作成:2014/02/24 更新:2016/06/30 Webデザイン > デザインの流れや基的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。 エンジニア速報は Twitter の@commteで配信しています。

    ひとりでWeb制作できた!Webデザインの勉強にもなる独学「スライド」総まとめ
  • すごい役立った!Web制作に特化した「提案書」に入れておきたいこと、知識

    作成:2014/02/3 更新:2014/11/01 ディレクション > 提案書に必ず書いておきたいことを順を追ってメモしました。イメージはブログ用なので簡易的なものとなっています。フローや内容は会社によって違うと思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイトリニューアルの提案 自社分析によるサイトの問題点とその解決策 見やすさ、管理しやすさへの主な工夫 サイトレイアウト案(トップページ) フロント画面+管理画面 イメージ 保守+運用 セキュリティ面でのご提案 バックアップと緊急時の対応 サイトマップ案 強み、実績、事例 スケジュール サイトリニューアルの提案 企画提案書の流れをメモしておきます。実際に提案するときは、ポイントをおさえて簡潔に説明していきます。必要な部分だけピップアップして使います。 自社分析によるサイトの問題点とその解決策

    すごい役立った!Web制作に特化した「提案書」に入れておきたいこと、知識
  • Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ

    TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人

    Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
  • 「副業や起業前」に知ると便利なツール・知識まとめ | コムテブログ

    作成:2013/03/25 更新:2013/06/02 Tool > Webサービス ※2013/05/22: 「開業」の前に読んでおくと得するまとめを追加しました。 副業起業時にお金の管理はどうすればよいのか? 個人事業と会社設立 どちらでいけばいいのか 会計や計画書、GoogleAppsから起業の心得まで 今回は副業起業に使えるツールやサービスの使い方などをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.会計 2.確定申告 3.見積書 / 請求書 4.事業計画書 5.会社設立 6.個人事業 7.起業の心得 8.GoogleApps活用法 9.HP立ち上げ 10.名刺を自作 11.マーケティング 12.利用規約の作り方 1.会計 僕の周りには起業家が沢山いますが、お金の流れや税金、管理方法などに関する内容が一番多い。しかし、起業して会

    「副業や起業前」に知ると便利なツール・知識まとめ | コムテブログ
  • 助かりすぎて泣いた!簡単で実践的な「アフィリエイト」まとめ

    作成:2013/02/12 更新:2013/02/21 Tool > Web制作 毎月生活が出来るくらいの収益を発生させたい 会社の給料が多くても、少なくても テレビを消して、アフィリエイトをやってみたい。 今回は、経験にもとづいて「確かにそうだ」と思った超優良サイトをジャンルごとにまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.基 / マニュアル 2.無料ツール 3.Google AdSense 4.WordPress 5.Webサービス 6.NAVERまとめ 7.はてな / せどり 8.税金対策 1.基 / マニュアル クリック報酬と成果報酬型広告→まずはこれを把握 1サイトで毎月10万以上の副収入を得るために・・・| 四畳半ワークス サンプルを見せながら解説→イメージしやすい アフィリエイトで稼ぐ方法 - それなりに・・・ | ア

    助かりすぎて泣いた!簡単で実践的な「アフィリエイト」まとめ
  • 泣けるほど簡単!おしゃれなサイトができるWEBサービス10選

    作成:2012/12/25 更新:2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ&ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.まとめサイトを作る 2.ネットショップを作る 3.ホームページを作る 4.ポートフォリオサイトを作る 5.おしゃれなECサイトを作る 6.全部入り企業サイトを作る 7.コーポレートサイトを作る 8.レスポンシブ対応サイトを作る 9.HTML5サイトを作る 10.ビジネス用無料WordPressテーマ - レスポンシブ対応 11.デザイナー向けポートフォリオページ 12.ブートストラッ

    泣けるほど簡単!おしゃれなサイトができるWEBサービス10選
  • 1