2013年1月9日のブックマーク (8件)

  • ウェブセレクション - Webデザインの参考になるサイトを集めたリンク集。ホームページ制作のお供にどうぞ。

    LR icons https://lricons.com/ 81-web.com https://81-web.com/ Web Design Clip https://www.webdesignclip.com/ MUUUUU.ORG https://muuuuu.org/ 現代デザイン https://gendaidesign.com/ イケサイ https://www.ikesai.com/ Good Design WEB http://gooddesignweb.com/ I/O 3000 https://io3000.com/ Responsive Web Design JP https://responsive-jp.com/ S5-Style https://bm.s5-style.com/ WeLoveWP https://welovewp.com/ SANKOU! htt

    mycolor0523
    mycolor0523 2013/01/09
    参考になります。
  • 生粋のWinユーザーがMacにすんなり馴染める!便利な無料アプリや、設定まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、目の前の窓から冷気が吹き込んでこの席寒い。もりたです。 LIGブログでは毎月アクセス解析を公開しているのですが、そういえばOSの情報は載ってなかったですね。 LIGブログを見ている人たちはWindowsMacどちらのほうが多いでしょうか。 私は家ではWindowsですが、純正モニタの画面が綺麗なのとカラーマネジメントをそれほど気にしなくていいという理由から会社ではMacを使わせてもらってます。 でもやっぱりOSが違うといろいろ勝手が違って困りますね。 というわけで今回はWinユーザーがMacに馴染むためにまず入れておくべきアプリケーションや覚えておくと便利な設定などを紹介してみます。 ちなみにアプリは全部無料です!(2013年1月時点) とりあえず最初に 拡張子を表示させる 当にWinからMacに移行するならデータの移動などなど、Winで作ったファイルをMacに入れることも

    生粋のWinユーザーがMacにすんなり馴染める!便利な無料アプリや、設定まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    mycolor0523
    mycolor0523 2013/01/09
    なかなかお家のマックになじめない私の救世主!!!
  • ブログをリニューアルして離脱率が約30%減!関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた - すしぱくの楽しければいいのです。

    ブログをリニューアルして離脱率が約30%減!関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた 公開日:2013年1月 9日 カテゴリ:Web制作に役立つネタ お正月休みを利用して、ブログ(やWebサイト)をリニューアルする人が沢山いましたね!お正月くらいネットやパソコンから離れて、こたつでみかんをべながらリア充満喫しましょうよ!\(^o^)/ とか思っていたのだけど、我慢できず、、うちのブログも新年と同時にリニューアルしちゃいました!相変わらずのmovabletype仕様ですが、離脱率の防止や関連記事・サムネイル表示の追加など制作の参考になれば幸いです。 昨年のブログを振り返ってみよう 今回リニューアルした経緯などは、要所ごとに説明するとして、まずは昨年のブログがどのくらい酷かったか振り返ってみましょう。 jQuery mobile でリニューアル。 ブログリニューアル!MT

    ブログをリニューアルして離脱率が約30%減!関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた - すしぱくの楽しければいいのです。
    mycolor0523
    mycolor0523 2013/01/09
    御勉強なんやで。
  • バンクーバーのうぇぶ屋

    高卒でバカなのに最高に楽しい僕の生き方と守りぬいてきたこと 199.7k件のビュー 自分のやりたい事を仕事にしてる僕らに見られる10個の特徴 125.3k件のビュー 今更聞けない?!WEBデザイナーなら最低限知っておきたい有名フォントの数々 108.3k件のビュー 現代における留学が無意味だと思う5つの理由と、目標とすべき5つのこと 83.4k件のビュー 『海外に住めば英語は出来るように成る』は当か?5年間カナダに居座った僕が体感したTOEICとかの意味 81.9k件のビュー 英作文に時間をかけるな!英語圏のWEB制作現場でよく使われる英語表現テンプレート集!【メール編】 60.3k件のビュー 超かっこいいタイポグラフィを駆使した映像の数々!息をのむ程魅入った映像総まとめ 47.9k件のビュー チーム間のコミュニケーションを円滑にしたい時に試してみるべきツールやWEBサービス色々 46.

    バンクーバーのうぇぶ屋
    mycolor0523
    mycolor0523 2013/01/09
    御勉強なのである。
  • フリーのWEBデザイナーによるWEB制作のノウハウや雑記

    覚え書きエントリ。CSSでの画像置換についてちょっと悩んでいるので色々調べてみました。 グローバルメニューなどでHTML上はテキストで記入し、 CSSで「text-indent:-9999px;」や「display:none;」を用いて画像に見せる方法(画像置換)ですが 最近の傾向では使用が推奨されていないようです。 なぜ使ってはいけないのか(アクセシビリティ) 「display:none;」 ... 音声ブラウザが読み上げてくれない、タブボタンでフォーカスできない「text-indent:-9999px;」 ... CSSは有効で画像表示は無効にしている環境(携帯、モバイルPCなど)では表示されない後者はモバイル用CSSなどで回避できると思いますが... SEO的にはどうなのか 色々調べてみたところ、今のところ画像置換によるSEOのペナルティはSPAMなどの明らかなテキスト隠し行為以

    mycolor0523
    mycolor0523 2013/01/09
    というかこのサイトが!!!
  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

    mycolor0523
    mycolor0523 2013/01/09
    これは!!!
  • コードの知識が無くてもパワポ感覚でサイト作成できる無料・有料サービス14選 | A!@attrip

    最近のウェブサービスの進化は速いもので、htmlCSSなどのコードが書けなくても、絵が描ければサイトを作成できるようになってきています。 そこで今回は、コードの知識が無くても、マウスでサイトデザイン・レイアウトできる無料・有料サービスを集めてみました。 PC向けサイト作成用 1. Wix ドラッグ&ドロップで、デザイン・レイアウトが自由自在にできる。おしゃれなテーマテンプレートも充実している。html5で作成されるのも特長。 デザイナー&コーダーいらなくなるかも?!ウェブツール『WiX』 | A!@attrip 2. Google サイト Googleのサイト作成サービス。まるでWordのような使い心地。 テーマのおしゃれ度と充実度はまあまあかなぁ。 3. Scroll Kit 下へスクロールするランディングページ作成などに便利。絵まで描けてしまうほど自由度高い。 html解らなくてもサ

    コードの知識が無くてもパワポ感覚でサイト作成できる無料・有料サービス14選 | A!@attrip
    mycolor0523
    mycolor0523 2013/01/09
    おべんきょ。
  • 味気ないウェブデザインに動きを加えて魅力的にする5つのデザインテクニック

    Techniques for Creating Motion in Web Design 下記は各ポイントを意訳したものです。 魅力的なウェブページをつくるポイントはモーション モーションを生み出す4つの方法 1. 構成 2. フレームと配置 3. 編集 4. エフェクト 5. テキスト 魅力的なウェブページをつくるポイントはモーション 誰もが魅力的なウェブページを作ることを望みます、そのゴールを達成する最も効果的な手段は「Motion: 動き」を加えることです。これはビデオやアニメーションだけのことではありません、素晴らしいデザイナーはビデオやアニメーション無しで「Motion: 動き」を生み出すことができます。もちろん、ビデオやアニメーションが効果的な手段ではない、ということではありません。 ここでは、ビデオやアニメーションを使用しないで、ウェブページを魅力的にする「Motion: 動

    mycolor0523
    mycolor0523 2013/01/09
    今はまだこの段階じゃないけど、いずれ。