タグ

2014年7月14日のブックマーク (5件)

  • [CSS]背景を固定させ、カーテンをあげるようにコンテンツを次々にスクロールで表示させるテクニック

    ブラウザの高さいっぱいに表示した写真画像とベタ塗り背景のコンテンツを交互に配置した縦長ページをスクロールした際、写真画像の背景を固定表示させ、カーテンをあげるようなスクロールエフェクトを実装するスタイルシートのテクニックを紹介します。 スクリプト無しなのでスクロールのもっさり感がなく、非常にさくさく動作します。 Alternate Fixed & Scroll Backgrounds デモ 実装 ファイルのダウンロード デモ デモはChrome, Safari, Firefox, Operaなどのモダンブラウザ、IEは9+でご覧ください。 エフェクトにスクリプトを使用していないので、スクロールも快適です! 少しスクロールしたところ 写真画像の背景は固定表示で、コンテンツとベタ塗りだけがスクロールします。 実装 HTML HTMLはシンプルで、main要素をラッパーに、div要素で写真画像と

  • Webライターが快適にライティングするための便利なツール・サービスまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGブログ編集部です。こちらはWebライティングに関する全10回のシリーズ記事です。 さて、Webライターの皆さんは、Webライティングで必要となるスキルやテクニックなど“直接的”な知識について、日々勉強していることと思います。 しかし、Webで記事を書く上で、あると便利なツールやサービスについては、意外に知らないという方も多いのではないでしょうか。 そこで今回は、Webライターにとって“間接的”に役に立つ、基的なツールやサービスの情報について紹介してみたいと思います。 正直「そんなの知ってるよ」というものばかりかもしれません。だからこそ、もし知らないツールやサービスがあれば、ぜひ一度試してみてください。効率化や新しい方法を発見できるかもしれませんよ! 1. 最初に知っておきたい文章作成支援ツール Webライティングは、Web上で原稿を作成し入稿するというお仕事。極端な話、

    Webライターが快適にライティングするための便利なツール・サービスまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • JavaScript とのつきあい方

    ## JavaScript とのつきあい方 ### ここがダメだよJavaScript ### http://goo.gl/ovgS7Z Created by Shogo Kawase ## 自己紹介 - 河瀨翔吾(SHOGO) - 株式会社アークスタイル CTO - twitter: [@shogogg](http://twitter.com/shogogg) - PHP, Java, **Scala**, JavaScript, **TypeScript** - Android - AngularJS - Play Framework ## 日の内容 - JavaScript の抱える問題点 - その解決方法があったりなかったり ## 問題点-1 ### 名前 ## JavaScript の名前の由来 - 元々は **Mocha** という名前で開発されていた - ライバルが Jav

    JavaScript とのつきあい方
  • ブログを自分の考えやノウハウの「メモ帳」として使う - ビジョンミッション成長ブログ

    ブログを自分の考えやノウハウの「メモ帳」として使う ブログをメモとして使う メモなら、メモ帳でも良いかもしれませんが デジタルメモとしてEvernoteもあり Evernoteに書いたことをブログに。ブログに書いたことをEvernoteに。 「自分の考え」や「ノウハウ」のメモ帳としてブログを使う ブログを自分の考えやノウハウの「メモ帳」として使う ブログをメモとして使う ブログにメモを書く。 そういう使い方もありだなとこのところ思っています。 何をメモするかは、人それぞれあるでしょう。 調べたこと、考えたこと、やりたいことなど。 メモなら、メモ帳でも良いかもしれませんが ちょっとしたメモなら、紙のメモ帳で良いのかもしれません。 ただ、紙だと検索ができませんね。 何を書いたかわからなくなってしまう、見つけにくいというのが、紙のメモ帳だとあります。 その点、ブログであれば、検索が可能です。メモ

    ブログを自分の考えやノウハウの「メモ帳」として使う - ビジョンミッション成長ブログ
  • ニュースアプリ12選!をUXの観点でまとめてみた | SEKAI LAB TIMES(セカイラボタイムス)

    スマートフォン向けニュースアプリはたくさんあるし、ニュースアプリの紹介記事もたくさんある。その記事を参考に無料ニュースアプリを落として使ってみたけど、何か使いづらい…。そんな人のために、普通の紹介記事とは少し違った観点でニュースアプリを紹介します! 人は、判断する度に疲れる生き物だから…。 UXにおける要求段階図(※1)を参考にすると、私たちが求めるUXは「機能性>情報>見た目の美しさ>使いやすさ」の4段階があります。 ニュースアプリを選ぶ際に重要視するのはもちろん「情報」ですが、「見た目の美しさ」や「使いやすさ」を侮ってはいけません。 なぜでしょう?それは、人は判断する度に疲れるからです。ニュースアプリの記事一覧で記事の情報を収集し、「この記事は私が読むべき記事なのか?」と1記事ごとに私たちは判断し、その度に疲れています。おまけに、スマホのページはとても小さいので余計に疲労がたまります。

    tong_chang
    tong_chang 2014/07/14
    [UI/UX]