タグ

関連タグで絞り込む (241)

タグの絞り込みを解除

web制作に関するiwwのブックマーク (733)

  • カワダロボティクス株式会社｜KTI 川田グループ

    カワダロボティクスは世界に先駆けて、作業力のある人型ロボットを商品化し、事業を展開してまいりました。ロボットは、「設備」ではなく「パートナー」。人とロボットが仕事をシェアする新しい働き方を提案し、人を、社会を、より前へ進めたいと考えています。

    カワダロボティクス株式会社｜KTI 川田グループ
    iww
    iww 2015/12/02
    重い。 ストリートファイターEX っぽい
    リンク

  • モバイルSuica会員

    注意事項 ご利用のブラウザでは正しく画面が表示されない可能性がありますのでこのサイトをご利用できません。

    iww
    iww 2015/11/19
    『ご利用のブラウザでは正しく画面が表示されない可能性がありますのでこのサイトをご利用できません。』 余計なお世話だよなんとかするから表示させろ
    リンク

  • CSSスプライトとstepsを使ってアニメーション画像を作ろう


    2023年7月25日 CSS CSSで動かすアニメーションには、私自身まだまだ使いこなせていないプロパティーがたくさん眠っています。その中のひとつが steps というプロパティーでした。これまでよく使っていた滑らかな動作ではなく、段階ごとに要素を動かすことができます。実際にはどんな場面で使えるんでしょうか？今回はそんな steps プロパティーにフォーカスしてみます。 ↑私が10年以上利用している会計ソフト！ steps の記述方法 steps は animation や keyframes プロパティーとともに利用します。steps() のカッコの中には、いくつの段階を経て動作させるのかを記述。例えば5段階で変化させるなら、steps(5) と記述します。 .element { animation: img-move 5s steps(5); } @keyframes img-move
    CSSスプライトとstepsを使ってアニメーション画像を作ろう

  • Loading...

    Loading...

  • FuelPHP1.7、CSRF対策としてセキュリティトークンを使う｜マコトのおもちゃ箱　～ぼへぼへ自営業者の技術メモ～

    プログラミング言語や環境設定を中心としたパソコン関連の技術メモです。 主にシステム開発中に調べたことをメモしています。TIPS的な位置付けで、気が向いたときにちまちま更新していきます。

    iww
    iww 2015/11/14
    CSRF対策とともに二重押し対策にもなる
    リンク

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • 3割の力で作って、新聞やテレビで紹介され、生活費くらいのお金が入るネタサイトの作り方【連載:村上福之】 - エンジニアtype | 転職type


    DB設計のメモ。ネタサイトのレベルであれば、これくらいで問題がないと思う ネタサイトの作り方その2: コードをもりもり書く。なるべくPHPで ある程度設計が固まったら、ブラウザでCloud9を起動して、いきなりコードをもりもり書きます。 サーバの言語はPHPが多いです。運良くヒットした時、日本の大きな会社にサービスを売却するのに便利なのはPHPだからです。 Cloud9は素晴らしいです。感動します。無料でいきなりクラウド上のオンラインIDEとサーバを用意してくれます。ApacheとMySQLとRubyとPHPとGitくらいは普通に入っています。 昔は、オンラインIDEは遅くてダメなものが多かったのですが、Cloud9だけは別格です。テキストエディタすら立ち上げません。3割くらいの力でネタサービスを作るには最強の環境です。 オンラインIDEでは珍しく、ターミナルも叩けますので、普通にGitも
    3割の力で作って、新聞やテレビで紹介され、生活費くらいのお金が入るネタサイトの作り方【連載:村上福之】 - エンジニアtype | 転職type

  • CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法


    2015年10月27日 CSS Webブラウザーによって表示可能なCSSが異なるのは、よく知られていることです。例えばChromeやSafariでは問題なく表示されるfilterは、Internet Explorerではうまく表示されず、別のスタイルを用意しなければいけません。今回は @supports を使って対応しているプロパティー別にスタイルを変更してみましょう。 ↑私が10年以上利用している会計ソフト！ @supports とは？ 指定した (プロパティー:値) の条件に対応しているブラウザーには {} 内に書かれたスタイルを適用するよ、というもの。新しいスタイルの書き方に対応しているブラウザーにはそれを、対応していないブラウザーには従来の書き方で、かつ見栄えの崩れないようにコンテンツを提供できるよう、CSSを記述していけます。﹁プログレッシブエンハンスメント﹂というやつですね
    CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法

  • 「あんずのうた/双葉杏(五十嵐裕美)」の歌詞 って「イイネ！」


    い、いやだっ!私は働かないぞっ!﹁働かない全ての者たちに告ぐ!これは遊びでもライブでもない!我々の正義のために!﹂ (メーデー　メーデー　メーデー　メメメメ　メーデー) (WE NEED メーデー　権利を!) やりたくない 何もしたくないナイ まだ寝てたっていいじゃないナイナイナイ 楽がしたい 眠ってたいタイタイ24時間　年中有休 ﹁あー、飴なめたい、お家帰りたい。続けるの?コレ。はあ…。 だいたい、こんなことしたって何もならなくなくなくなくない権利を!﹂ (メーデー　メーデー　メーデー　メメメメ　メーデー) (WE NEED メーデー　睡眠を!) ﹁杏、週休8日を希望しま～す 寝て起きて寝る…それが私の生き様だっ!!諸君!我々は選ばれし者であ～る(ドヤッ★﹂ 仕事　電車　通勤　ムリムリ 自宅　厳重　警備　フリフリ たまにサボっちゃっても 私　責めない (いいぞー!) ポテチ　ピザ
    「あんずのうた/双葉杏(五十嵐裕美)」の歌詞 って「イイネ！」
    iww
    iww 2015/10/25
    SVG形式で取得可能。
    リンク

  • WEB系各社で使われている監視ツールまとめ - mikedaの日記

    次世代 Web カンファレンスで監視について話すことになったので、ネタとしてWEB系各社で使っている監視ツールを調査中。 うちはこれ使ってるよ！！！ってのがあったら@mikedaにメンションください！ Cookpad Zabbix 昔はNagios+muninだけど台数増えて性能的に破綻した ビューはそのままじゃ辛いのでmunin風に表示するのを自作 StatusCake DataDog。サービス系、サーバに紐付かない系の監視に。DashBoard便利 waker。通知用。PagerDuty高い、と言ってryot_a_raiが秒で作ったらしい Kibana imon。独自のリアルタイムなサービス稼働状況表示ツール NewRelic 試し中なもの Real-User Monitoring : JSでbeacon飛ばしてfluentd -> BigQuery。Google SpreadShee

    WEB系各社で使われている監視ツールまとめ - mikedaの日記

  • [FuelPHP]セッションをクッキーからファイルやDBに変更する | RuputerFan


    CSRF対策についてはこちらの記事が良いかもしれません。 [FuelPHP]画面リロードや不正なフォーム登録を防ぐ PHPには標準で $_SESSIONが用意されていますが、FuelPHPにもセッション管理用に Sessionクラスが用意されています。 セッションの書き込みには Session::set() を使います。 名前と内容のペアを渡すだけなので簡単です。 Session::set( 'name', 'hogehoge' ); Session::set( 'characters', array( 'haruka', 'chihaya', 'miki', 'yayoi' ) ); 2行目のように、オブジェクトを渡すこともできます。 連想配列や、多次元配列でも可能です。 取り出すには Session::get() を使います。 $name = Session::get( 'name'

  • http://to-developer.com/blog/?p=777

    http://to-developer.com/blog/?p=777

  • スタイルシート［CSS］/ページ全般/水平線の表示位置を指定する - TAG index


    text-align は水平方向の揃え方を、margin-*** は上下左右のマージンを指定するプロパティです。これらのプロパティをhr要素に対して設定すると、水平線の表示位置︵左寄せ、右寄せ︶を指定することができます。 指定方法はブラウザにより異なります。Firefoxなどでは、左または右のマージンを0にすることで表示位置を指定できますが、IEなどでは text-align プロパティで指定する必要があります。どちらにも適用させたい場合は、この2つを同時に指定しておきます。 表示位置を指定する場合は、同時に水平線のサイズを指定しておく必要があります。︵長さの初期値が100%なので︶ hr { width: 50%; text-align: right; margin-right: 0; }
    スタイルシート［CSS］/ページ全般/水平線の表示位置を指定する - TAG index

  • ulやolはmarginとpaddingをセットで

    FirefoxとInternetExprolerの初期値の違い ulやolのmarginを設定するときにはmarginと共にpaddingも設定します。インターネットエクスプローラとその他のブラウザの初期設定が異なるからです。 Firefoxは右側のmarginとpaddingの初期値がそれぞれ0と40pxになっています。次のようにして調べることができます。 インターネットエクスプローラの場合はmarginとpaddingの初期値が逆になっていて、それぞれ40pxと0になっています。次のようにして調べます。 灰色の点線がボーダーの位置です。Firefoxが・を含むのに対して、IEは含まないという違いもありますが、paddingを一致させると同じになります。背景色をつけるときには注意する必要があります。 この初期値はFirefox2.0とインターネットエクスプローラ6.0のものです。バージョ

    iww
    iww 2015/10/06
    『Firefoxは右側のmarginとpaddingの初期値がそれぞれ0と40pxになっています。』 これかー
    リンク

  • width、height 何て読む!? 今さら聞けない読みにくいCSSプロパティー名の読み方のまとめ


    新人デザイナーが最初にぶち当たる試練に、英語があったりします。 自分だけが知らないのかと思って、先輩聞けずなんとなくごまかしているうちに・・・いまさら聞けないし・・・みたいになっていませんか？。そこで今回の記事では、CSSプロパティー関連の英語で読みにくいものをピックアップしてみました。 発音をチェックできるリンクも付けてますので、実際に耳で聞いてチェックしてみてください。 1. text-align アラインです。gは発音しません。 私は昔﹁アリジン﹂と読んでいました。蟻人みたいですね。 2. margin こちらはgを発音して、マージンです。 3. width これは難しい！。dの音がほどんど聞こえないし、ネイティブでも発音が揺れるので、一概には言えないのですが、ウィドゥス、ウィトス、ウィズなどと読みます。 ただし、withと区別するために、ワイズと読んだりもします。 4.
    width、height 何て読む!? 今さら聞けない読みにくいCSSプロパティー名の読み方のまとめ
    iww
    iww 2015/10/06
    ウィドゥス、ウィトス、ウィズ。 ワイズ。
    リンク

  • そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita


    帳票といえばPDFとして生成するのが一般的でしょうか?でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
    そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita

  • HisasAnn.com is for sale | HugeDomains

    Make 24 monthly payments Pay 0% interest Start using the domain today. See details

    HisasAnn.com is for sale | HugeDomains
    iww
    iww 2015/10/04
    とりあえずoperaは無視する
    リンク

  • 他人をレビューする--人間版「Yelp」のようなサービス「Peeple」


    私たちは毎日、他人を格付けしている。見た目、態度、服装、性格の酷さなどで他人を格付けしている。 ただし、他人に関する自分の気持ちを正確な数値で表すことは︵そして、最も大事なのは﹁公に﹂︶できなかった。だが、それも変わってくる。 ﹁Peeple﹂にようこそ。Peepleは、11月にリリース予定のアプリで、地元のイタリアンレストランを扱うように人を扱うことができる。 もちろん、その人の家での食事を予約できるわけではない。その人をどれだけ好きか、嫌いか、興味がないかのレビューを残すことができる。 The Washington Postによると、このアプリは、Nicole McCullough氏とJulia Cordray氏の手によるものだという。 カナダのカルガリーを活動拠点とする両者は親友同士で、サンフランシスコへと移ってアプリを90日で作成したとFacebookで述べている。 Cordray
    他人をレビューする--人間版「Yelp」のようなサービス「Peeple」
    iww
    iww 2015/10/02
    fecebookの映画でザッカーバーグがこんなサイト作ってたな。
    リンク

  • HTML5における no-cache - Qiita


    注 updated: 2018/01/25 本記事の投稿当時に紹介したアプリケーションキャッシュは、現在では廃止予定の機能となりました。 順次、各種ウェブブラウザからも廃止されていくことでしょう。 かわりに Service Workers / Cache API を使用するべきです。 Service Worker の紹介 | Web | Google Developers Service Workerの利用について - Web API インターフェイス | MDN はじめに ちょっとした JavaScript ミニアプリの作成で、キャッシングを無効にしたコンテナ用 HTML ページを1枚用意したかったんですが、ひっさびさに W3C Validation Service にかけたらエラーの烙印を食らったのでメモしておきます。 留意事項 本稿執筆時点で HTML5の仕様は﹁勧告候補﹂の段階で
    HTML5における no-cache - Qiita
    iww
    iww 2015/09/30
    http-equiv="cache-control" は時代遅れ という話
    リンク

  • WEBセーフカラー216色－WEBカラーリファレンス


    ●WEBセーフカラー216色8ビットカラー256色のうち、MacintoshとWindowsで異なる40色を除いた216色をWEBセーフカラーといいます。 ユーザーの閲覧環境によっては、制作者の指定した色が変換されて表示されてしまう可能性がありますが、 WEBセーフカラーを使用することでそのリスクを低くすることができます。 安心して使用できる“セーフ”なカラーというわけです。 WEBセーフカラーは、RGBの各色をそれぞれ6段階に分けて、それらの組み合わせでできる色です。16進表記の場合は00、33、66、99、CC、FFの6段階、 0～255の10進表記の場合は0、51、102、153、204、255の6段階、 パーセンテージ指定の場合は0％、20％、40％、60％、80％、100％の6段階の組み合わせでできる色は、全てWEBセーフカラーとなります。 6×6×6=216色です。 カラー
  • 前のページ 6 7 8 9 10 11 12 13 14 15 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.