タグ

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

  • Chromeが圧倒的に軽くなる!拡張機能を使わない便利な小技13

    作成:2012/12/3 lifestyle > chrome拡張機能はとても便利だけど、びっくりするほどメモリをいます。いくらキャッシュや履歴を削除したところで重いものは重いです。 いろいろ調べてみると拡張機能に頼らなくてもできることって結構あるんですね。3年以上も使ってきていまさら気づいたことも。 chromeを使う人は是非知っておきたい、ちょっと便利で簡単な小技をメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.最初からシークレットモードで起動する 2.アドレスバーからtwitterにつぶやく 3.webページをPDF保存 4.隠し機能はこれだけでOK 5.アドレスバーからメール起動 6.直前に開いたタブを一瞬で復活 7.ドメイン別にタブを一気にグループ化 8.目的別のchromeを何個も作れる 9.同期データを暗号化する 10.

    Chromeが圧倒的に軽くなる!拡張機能を使わない便利な小技13
  • Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ

    作成:2012/10/29 更新:2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか?そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の2つご覧ください。(※ 2015/06/25 2015/06/28追記) Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました

    Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ
  • 今風になった!Web制作で使える最近のjQueryプラグインまとめ

    作成:2014/10/14 更新:2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き 1.ジオメトリック 背景 2.フルスクリーンでスライドさせる 3.ドロアー風ライトボックス 4.動画を再生するタイプ3つ スクロール 5.スクロールでクロスフェード 6.スクロールで奥行きを表現 7.スクロールで分割 画像 8.APNG 9.Google 画像検索風ライトボックス 10.トイカメラ風のフィルター ポップアップ 11.おしゃれなアラート 12.

    今風になった!Web制作で使える最近のjQueryプラグインまとめ
  • 知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ

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

    知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ
    sometk
    sometk 2014/04/07
    必要なときにググってブクマしてあった!って驚くパターンかなコレ。
  • 完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)

    作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ

    完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
  • 効率的に学べた!Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

    作成:2014/01/6 更新:2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター 1.アクセシビリティ 2.ユーザビリティ 3.UX(ユーザーエクスペリエンス) 4.IA(情報アーキテクチャ) 5.画面設計(ワイヤーフレーム) 6.進行管理 Webデザイナー 7.レイアウト・フォントの知識 8.配色 9.Illustratorの使い方 10.Photoshopの使い方 11.バナー作成 12.ボタン作成 フロントエンドエンジニア 13.HTML5 14.CSS3/Sass 15.javascript 16.jQuery 17.WordPressテー

    効率的に学べた!Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
  • 今から得する!「副業」するなら見るべきサービスと知識まとめ

    作成:2013/03/11 更新:2013/06/02 Webサービス > Webデザイン 少しでもいいから、自宅で空き時間を使って 生活を豊かにしたい 今回は自宅で出来るサービス、副業フリーランスが知っておくと得する情報です。格安で仕事を発注したいときや、収入が発生したらどう対策するのか、その方法やサービス・考えなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 1.クラウドソーシング 2.Wordpress 3.Google AdSense 4.スマートフォンアプリ 5.確定申告 6.Webサービス 7.フリーランス 8.Web関係 9.フリーランスの考えなど 1.クラウドソーシング クラウドは、時間や場所を選ばず、誰でも簡単に参加することのできるサービス クラウドソーシングならCROWD(クラウド) ロゴ / 名刺 / サイト構築 / 記事作

    今から得する!「副業」するなら見るべきサービスと知識まとめ
  • 1