ざらぶ @zarabu01 設定発表「学園百合ガンダムだウヒョー!」 プロローグ「え・・・こんな内容なの重・・・」 一話「学園百合ガンダムだウヒョー!!!」 2022-10-02 17:28:28
2010 icse-an analysis of the variability in forty preprocessor-based software...
CSSで作成したイメージスライダーに、ホバー時にメッセージを半透明のパネルに表示するチュートリアルを紹介します。 デモページ イメージスライダー自体もキーフレームを使ったCSSアニメーションで実装されています。 [ad#ad-2] 実装 実装のポイントだけピックアップ。 HTML メッセージの見出しとパラグラフをdiv要素で内包し、さらにa要素で内包したものを1コンテンツとして、スライダーを実装します。 画像はそれぞれの背景として配置します。 <div class="slider"> <a href="#"> <div class="panel"> <h2>One</h2> <p>Lorem ipsum dolor sit amet...</p> </div> </a> ... </div> CSS まずは、スライダー自体のスタイルです。 画像をbackgroundで表示します。 .sli
タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィンガー、スワイプ、スワイプアップ、スワイプライト、スワイプダウン、スワイプレフト、ドラッグ 補足 jQueryとのコンフリクトを避けるため、「$$」を使用。 対応予定(2フィンガータップ、ロウテイト、ピンチアウト、ピンチ) 仕様 スタンドアローン ファイルサイズ Minified: 13KB Hammer.js イベント タップ、ダブルタップ、ホールド、ドラッグ、ピンチ 補足 タッチジェスチャだけにフォーカスしたスクリプト。 仕様 スタンドアローン jQueryのプラグインも有り ファイルサイズ Minified: 2KB [ad#ad-2] jGestures イベント
We’re getting things ready Loading your experience… This won’t take long.
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
人間とウェブの未来(旧) 「ウェブの歴史は人類の歴史の繰り返し」という観点から色々勉強しています。2014年までの人間とウェブの未来の旧ブログです。 これまでも、多くの記事にされていて、恐らくKernelや巨大なコードを読んでいる人にとっては当たり前なのかもしれませんが、あまりに快適だったのとこれをきちんとやれてなかった事に自戒をこめて記事にしようと思います。grepとかscreenを駆使していた時間を返してほしい! 対象者 僕がLinux大好きなので、Linux上での動作を前提にしています。対象者はLinux KernelやApache HTTP Server等、数万から数十万、さらには数百万行のコードをじっくり読んでいきたいと考えている人におすすめしたいと思います。巨大なコードを何のツールも使わずに読むのはかなりきついはずです。しかし、今回はGNU GLOBALと呼ばれるソースコードタ
スマートフォンを使うときによく使う操作方法としてフリックがあります。このフリックの操作でギャラリーができるjQueryプラグインを集めました。 Androidを持ってないので、全てがAndroidで動くかは未検証ですがだいたい動くと思います。 flickGal 自分が一番つかってるのがこのflickGalです。 PC(IE以外)でも動作します。 flickGal・・・iPhoneでフリックギャラリーを簡単に実装できるjQueryプラグインです – piglovesyouの日記 flickable こちらはPCでフリックができるようにできるプラグインです。そのままスマートフォンでも使えます。 PCでも(IE6でも)よく動きます。 jQuery.flickable: iPhone and Android like flick scrolling plugin flickSimple こちらもP
こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
プログラミング技術さえ身に付けば、プログラマとして一人前と言えるでしょうか? プログラミングを始めたばかりのうちは、プログラミング言語の習得や周辺の知識を得ることばかりに目がいきがちですが、それだけでは一流のプログラマになれません。(プログラミング言語を学びたいならこちら:写経で身につけるプログラミングの基本) プログラマとして成長するためには、プログラミング技術を学ぶだけではなく、良いソフトウェアを作るための良い習慣を身に付けることが大事になります。初心者のうちに良い習慣を身につけておけば、ただ知識を追い求めるのではなく地に足をつけた成長ができるはずです。 本記事では、私自身も先人たちから学んだプログラマが身につけたい3つの習慣について書いています。 自分で書いたすべてのコードを説明できるようになろう プログラミングは全て、明確な判断の結果です。if文を使うべきかどうか、どのAPIを使う
本を読んでも、なかなか身に付かなかったり、すぐに忘れてしまうことってありませんか? わたしは本を月に10冊くらい読みますが、読んだ次の日には忘れてしまっていることが多くありました。 そんな時「思考の整理学」という本に出会いました。 1年ほど前から、この本に書かれていたことを実践していますが、知識が体系化され自分の頭の中がクリアになっていくのが、最近実感できています。 例えば、「新しく得た情報」と「過去の知識」を組み合わせて新しい発想ができたり、関連付けて覚えることで「新しく得た知識」を忘れにくくなったりしました。 今回は、わたしを変えてくれた「思考の整理学」を紹介してみようと思います。 思考の整理とは? 思考の整理とは、情報(思いつきや事実)を抽象化していくことと言える。 情報の共通点や同種を集め、整理して関連付けていく。
知らずに損していたかも…イギリスの学校で教えられている「3つのタイプ別学習法」 勉強や仕事で、自分の学習スタイルというものが確立できていますか。 ちょっと集中しては飽きてしまったり、一生懸命に集中しても全く頭に入ってこないといった悩みはないでしょうか。 実は学習のしかたは人によって得意・不得意があり、もしかしてあなたは自分のやり方を間違っていたのかもしれません。 イギリスのハイスクールで導入されている、3つのタイプ別の学習法をご紹介します。 試験勉強や日々の学習で暗記するものがあるとき、どんな方法を使っていますか。 たとえば数字なら、語呂合わせを利用したり、何度も何度も書いたり、口で復唱したりと、人によって覚え方が違います。 実はどの方法が優れているかは絶対的に決まっているわけではなく、どのアプローチが脳に定着しやすいかは、個人ごとに変わってくるそうです。 ここでは3つのタイプに分けます。
少しのコードで実装可能な15のスマートフォンサイト用小技集スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! スマートフォンサイト用小技集 目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントを iPhone などに切り替えてご覧ください! 横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック(タップ)範囲を広げる画面の幅にあわせて CSS を変えるリンクテキストのある Div 全体をクリック(タップ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか?私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
2007年8月に『Vistaにおけるキーボードカスタマイズ問題』として、Windows Vistaにおけるキーボードカスタマイズ問題について取り上げた。XPで定番であったキーボードカスタマイズソフト窓使いの憂鬱が、Vista対応できない状況に陥ったため、それまで「窓使いの憂鬱」に依存していたユーザがVistaに移行できない状況が生まれた。前回のエントリは状況の変化に伴う追記で非常に読みづらくなっているので、改めて問題と取り得る選択肢についてまとめておく。 キーボードカスタマイズ問題 そもそもの原因はVista以降において全てのカーネルモードコードに適切なデジタル署名が求められるようになったことだ*1。特にx64エディションではすべてのカーネルモードコードにデジタル署名が付与されてなければならない。個人が作成するソフトウェアにデジタル署名を付与する方法はなく*2、結果としてカーネルモードで動
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
Amazonでレビューを見てから買うさきほど調べたサポートされているメモリをAmazonで検索し、よさそうな物を見つけたら、評価を確認しましょう。安心のため、「これiMacに使ったけど問題なかったよ」というレビューが付いているものを選びました。 僕が選んだのはTrascendの4GB×2枚がセットになったもの。これを2つ注文しました。合計で6,540円です。 メモリ交換してみようでは、実際に交換してみようと思います。これが買ったメモリです。 準備するもの交換に必要なのは下記の3つ。はさみは必須ではありませんが。 タオル:iMacをディスプレイを下にして倒すため。はさみ:メモリはデリケートなので、慎重に開封するため。プラスドライバー:メモリ交換用の口を開けるため。 メモリの取り外し※交換の前には電源を落とし、電源ケーブルを抜いておきましょう。また、メモリは静電気に弱いので、静電気対策は十分に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く