フリーランスとは、特定の組織に属さず個人で仕事を請け負う働き方です。近年、多様な働き方のなかで、フリーランスとして働く人も年々増加しています。 本記事では、20年のフリーランス支援実績があるレバテックフリーランスが、フリーランスになるメリット、フリーランスの代表的な職種、独立前後の手続きなど、フリーランスという働き方についてわかりやすく解説します。フリーランスになるか迷っている方や、フリーランスになったばかりの人は、ぜひ判断の参考にしてみてください。 会社員をしながらフリーランスになることを考えている方には、以下の記事もおすすめです。 会社員とフリーランスは掛け持ち可能！副業に必要な手続きや注意点、おすすめの職種を紹介 インボイス制度に対する弊社の方針に関しましては、以下をご確認ください。 【レバテック】インボイス制度に対する弊社取引方針について レバテックフリーランスはITエンジニア専門

HTML、CSSでコーディングを始めるときに各ブラウザが持っているデフォルトのCSSを一度リセットする目的のリセットCSS。今回は、現在使われているリセットCSSをまとめてみました。 リセットCSS とは？ 各ブラウザ(IE、FireFox、Chrome、safari等)は、タグ毎にデフォルトスタイルをそれぞれ独自にもっており、それらをリセットするスタイルシートは一般的に「リセットCSS」と呼ばれています。ブラウザのデフォルトスタイルを有効に使っていこうという考え方もありますが、ブラウザ間の表示差異(例えば、ブラウザ毎に文字サイズが変わったり、余白の広さが変わったりなど)に悩まされることも多々あり、それを解消するために一度まっさらな状態にリセットしてから CSS を書き始めるためのものです。 リセットCSS のメリットとデメリット メリット ブラウザ間の表示の違いを効率良く最小限に抑えるこ

ドクロ軍曹 @dokurogunsou 自殺の名所と化した新小岩駅がいろいろ対策してて凄いことになってる。 屋根を青い透過プラにしてホームを青くする、ずっとモニターでイルカを映す、に続いて練習用に自由に押せる非常停止ボタンの模型が設置された。 2015-05-20 08:53:50

同じWeb制作者としてよいインスピレーションを受けるだけでなく、一緒に作ってみたいと思ったり、クライアントとして声をかけたくなるような注目しておきたい魅力的なWeb制作会社・クリエイター集団を紹介します。 そのクリエイティブなアイデア、クリエイティブなデザイン、クリエイティブなインタラクション、創造力をかきたてます！ 世界中のかっこいいWebサイトをピックアップするAWWARDSのブログで日本の制作会社が特集されていたので、実績サイトと合わせて紹介します。 A Look at Japanese Web Design いくつかの会社では人材募集をしているので、気になった人は門を叩いてみるのもいいと思います！ 株式会社 STARRYWORKS 昔からの伝統的な技能と新しいテクノロジー、どちらも理解した上でのもの作りにこだわった大阪の制作会社。「アシタノシカク」はCanvasを使って四角がうねう

プログラミング生放送勉強会 第33回@株式会社DMM.comラボ（恵比寿） SHOWROOMはAmebaのサービスではないっぽいです。

完璧主義で丁寧すぎるから、作業に時間がかかるって？ その分析、半分は正解です。今回は仕事が遅くなる原因の、残り半分について話をしようと思います。 「巧遅（こうち）は拙速（せっそく）に如（し）かず」 ――孫子 「丁寧だけど遅い」仕事よりも、「荒削りでも速い」ほうが良いネ！という、この孫子の格言。 ビジネスパーソンであれば誰もが、その重要性を痛感しているかと思います（せわしない世の中ですよねぇ……）。携わっている仕事のタイプにもよりますが、着手のタイミングが早いこと、そして遂行のスピード自体も速ければ速いほど、多くの「失敗→起動修正」を積み重ねることができるため、その分、より良いものを作れる可能性が高まるのです。 しかし現実問題、細かくて仕事がバカ丁寧な人に「6割でいいよ！」「80％でGO！」などと言ったところで、そんなことができるワケないのです。そして多くの完璧主義者は「3歩進んで2歩下がる

JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。

プログラマの素養を確認するための簡単な問題として有名な「FizzBuz」問題。ただしこれだけ有名になってしまうと、プログラムの能力を試験するための新たな問題が必要とされているかもしれません。 経験豊富なソフトウェア開発者、Santiago L. Valdarrama氏が、「ソフトウェアエンジニアならば1時間以内に解けなければいけない5つの問題」を出題し、Redditなどで話題となっています。 その5つの問題は以下の通りです。 問題1 forループ、whileループ、および再帰を使用して、リスト内の数字の合計を計算する3つの関数を記述せよ。 問題2 交互に要素を取ることで、2つのリストを結合する関数を記述せよ。例えば [a, b, c]と[1, 2, 3]という2つのリストを与えると、関数は [a, 1, b, 2, c, 3]を返す。 問題3 最初の100個のフィボナッチ数のリストを計算す

【HTML5】HISTORY API「pushState/popState」を使って画面遷移しなくてもURLを変化させて、戻るボタンの挙動をカスタマイズする こんにちは。 pushStateやpopStateというHTML5 HISTORY APIをご存知でしょうか。 もともとhistory APIは前からあり、history.back();などでブラウザの戻ると同じ挙動をさせることができます。 今回はHTML5で追加されたpushStateとpopStateに注目していきましょう。 よくAjaxなど、画面遷移を伴わずコンテンツなどの入れ替えを行う際に活用されています。 Facebookの例 ※個人情報の観点からスクリーンショットがご用意できずすみません。 メッセージページでは左側にメッセージのやり取り相手の写真が並びます。 それらをクリックすることによってメインのやり取りが表示されていく

プログラミングで最も重要な技術の一つが、名前付けです。 且つ、センスが問われるものなので、上達は難しいものでもあります。 この記事では、様々な文献から抽出した名前付けに関する情報を雑多にまとめました。 -名前重要- ソフトウェアの設計のアプローチとして、『まず名前から入る』というのは、あまり語られていない秘訣としてもっと広く知られても良いように思います。 - まつもとゆきひろ 『プログラマが知るべき９７のこと』 コミュニケーションの基礎 名前は、コミュニケーションの基礎となるものです。 私にもあなたにも名前が無ければ、疎通することは困難になります。 名前をコミュニケーションの基礎と見た場合に重要なルールは以下の通りです。 発音可能であること 検索可能であること ※現実世界のみであれば検索可能じゃなくても良いかも知れません。 プログラミングは、チームや複数人で行うことのほうが多いと思います。

This domain may be for sale!

「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか？　Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('

サイト全体が斜めになったサイトで、画像をクリッピングする必要がありました。しかもレスポンシブWebデザインです。 その時の知見と、利用しませんでしたが、ちょっとしたテクニックを思いついたので、メモとして残しておきます。 画像を斜めクリップにする方法 画像を斜めクリップするイメージは、こんな感じです。 要素を斜めにする方法は、IE9以上から利用できます。 IE8もIEの独自フィルターを利用して頑張ればできるようですが、底が見えない感じだったので、IE8は斜めにせずに対応させていただきました。 要素を斜めにするCSSは、transformプロパティを利用します。 transformプロパティには、いくつかの関数が用意されており、主に「skewY()」を利用し、場合によっては「rotate()」も利用しました。 CSSの記述例 .foo { -webkit-transform: skewY(10

1:  以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ

【リンクあり】俺が認めた良サイトをお前らに伝授する Tweet 1: 名無しさん＠おーぷん 2015/04/04(土)20:31:15 ID:7ZT いくつかのお役立ちサイト紹介スレをじっくり見て その中でもよく挙げられるものや これはいいなと思ったものをピックアップした 便利系・暇潰し系・ゲーム系・おもしろ系の四種類に分類したので みんなのブックマーク充実に役立てばと思う（全30サイト） 2: 名無しさん＠おーぷん 2015/04/04(土)20:31:43 ID:Wwg 期待age 【事前予約】事前登録5万件突破！期待の本格派RPG 【事前予約】家電と少女が合体！？家電育成型RPGがついに登場。あなたとともに戦います！ 3: 名無しさん＠おーぷん 2015/04/04(土)20:32:06 ID:7ZT 【便利系】 Noisli http://www.noisli.com/ 自然の音を

Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi

Oyo, the Indian budget-hotel chain startup, is finalizing a fresh fundraise of about $100 million to $125 million that slashes its valuation to $2.5 billion, two people familiar with the…

どうも、佐野です。 3/27(金)「第2回 プログラマのための数学勉強会」が開催されました。今回も多くの方にご参加頂き、数学愛ほとばしるセッションの数々をお送りできて嬉しく思っております。各セッションの動画・資料と共に、簡単に内容のご紹介をさせて頂きます。 1. 「プログラマのための線形代数再入門 2」 - 佐野岳人 [資料] 線形代数再入門の続編として行列式・逆行列について発表しました。高校や大学で行列式を習うときは低次の場合の計算法だけか、あるいは置換を使ったガチな定義を習うかのどちらかと思うのですが、「そもそもこれは何なのか」をプログラマが納得できるように、普段見慣れているであろう「要件・仕様・実装」のフォーマットでその意味と計算法について解説することを試みました。 数学科卒というと計算が得意とか暗算が速いとか思われがちですが、僕は自分でも悲しくなるほど計算が遅くよく間違います。掃き

Photo by slavik_V こんにちは。谷口がお送りします。 Webの仕事を目指している人やプログラミング初心者、さらにはブログをやっている人など、HTMLとCSSを習得したい人は多いと思います。特に最初は「Webサイトを作ってみたいけどどうしたらいいんだろう……」「自分のブログを豪華にしてみたいんだけど、HTMLっていまいちよく分からない……」など、さまざまな悩みがあるのではないでしょうか。 HTMLとは、Webページを作成する時に使用されるマークアップ言語の一つです。 マークアップ言語とは、プログラミング言語と違い「タグ」を使って、「ここからここまでが見出しです」「ここからここまでが一つの段落です」等といった印をつける言語です。基本的にプログラミング言語のような「入力値を取得し計算処理をする」「条件を満たすまで処理を繰り返す」といった処理や計算はできません。 CSSは、Webペ

フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ

とあるお仕事で、jQueryなどのライブラリー利用不可というものがありました。その際利用した、jQuery的に使える便利なメソッドをメモしておきます。（※ 昔使っていたものを引っ張りだして改善したものなので、どこかで公開されている可能性があります） 更新 addClass,removeClassを修正致しました。 元記事 下記エントリの転載になります。 jQueryがNGな時に備えて、用意しておきたい便利なメソッド イベントリスナ jQueryでいうところの、.on() に該当するものです。 "addEventListener" か "attachEvent" かを判定し、addEventメソッドを定義しています。 var addEvent; if (window.addEventListener) { addEvent = function (target, name, fn) { if

まとめ 日本会議のインパール作戦の記述に牟田口廉也中将がツッコム 日本会議の文章で不思議がある。以下は全部ウソだってことですね。 ○これはねずきち氏のブログであるが、旧陸軍や陸自OB中心の「偕行」誌に載って、日本会議が拡散している。 113875 pv 1281 200 users 183 リンク Wikipedia インパール作戦 インパール作戦（インパールさくせん、日本側作戦名：ウ号作戦（ウごうさくせん））とは、1944年（昭和19年）3月に日本陸軍により開始され7月初旬まで継続された、援蒋ルートの遮断を戦略目的としてインド北東部の都市インパール攻略を目指した作戦のことである。作戦に参加した殆どの日本兵が死亡したため、現在では史上最悪の作戦と呼ばれる。 当初より軍内部でも慎重な意見があったものの、牟田口廉也中将の強硬な主張により作戦は決行された。補給線を軽視した杜撰（ずさん）な作戦によ

※1　別売の11機種対応カートリッジアダプター（RF-2）およびギアコンバーター（RF-5）、NESカートリッジコンバーター（RF-6）使用時。 ※2　別売のギアコンバーター（RF-5）、NESカートリッジコンバーター（RF-6）使用時。 ※3　別売の標準コントローラー（RF-3）や市販のUSBコントローラー、PS3/PS4用純正コントローラー（有線接続）、SFC用純正コントローラーをお使いいただけます。 ※4　市販のHDMIケーブルをお使いいただけます。 全てのゲームシステムが統合され、 誰でも簡単に扱えるメニュー画面。 11機種のレトロゲームシステムが1つに統合されたレトロフリークのメニュー画面は、多くの機能を持ちながらも、視覚的に整理され、誰でも簡単に扱うことができます。 HDMI接続と高解像度化により、 大画面でもクリアで高品質な映像に。 従来のレトロゲーム機を現在の高解像度テレビ

Firefox ブラウザー Developer Edition ご愛用いただいているブラウザーが新しくなりました。自由なウェブを築くために必要とされる最新機能や高速パフォーマンス、開発ツールを、ぜひ入手してください。

Responsive Inspector allows inspecting page media queries.

Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ

Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. How to select files, read file metadata and content, and monitor read progress. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, uploading photos

スムーズスクロールするやつ作りなおした。 APIコール時、コールバックを受け取るのをやめてdeferredを返すようにしたかったのでそのようにし、ごちゃごちゃになってたのを整理した。 GitHub - Takazudo / jQuery.tinyscrollerデモBasicLiveEventsAPI callAPI call - stopDeferredOptionsdeferredでやりとりすると、コールバック設定しまくらないといけないのが防げて便利

display: table-cellした要素の中で疑似要素を使った画像置換をcontent: ""(空文字指定)でやると、Internet Explorer 9以外の現行ブラウザーでは謎の空白が出来てしまう現象に遭遇した。説明難しい。IE9以外で同じ挙動なので多分仕様に従ったものなんじゃないかなーとは想像できるんだけど、どうしてこうなるのかよくわからないのでメモがてら書いておく。直す方法だけは一応発見した。 Demo: display: table-cell and content: "" for image replacement デモではdisplay: table-cellとしたdiv要素の中で、疑似要素を使ってテキストを追い出す形の画像置換を行なっている。contentプロパティーで空文字を指定している場合画像置換で表示した画像の下に空白が(一行分？)できている。.irというクラ

画像置換には疑似要素を使う派ですこんにちは。font: 0/0 aを使う画像置換はあんまり使いたくないというか、em単位をその要素で使えなくなるのはかなり致命的な気がする。こういうテクニックは他のプロパティーに影響を与えないということが最も重要だと思う。 疑似要素を使う方法には、contentプロパティーで直接画像を指定する方法と、background-imageプロパティーで画像を指定する方法がある。SVGだとリサイズがうまくいかなかったり位置がずれることがあるので後者の方が良い感じ。スプライトを使う場合にもその仕組上後者を使う。それじゃcontentプロパティーを使う方法いつ使うの……みたいな感じだけど、こっちを使うとCSSが有効だけど画像が無効というシナリオに対応できるので、スプライトではないPNGやJPEGならこっちを使うと良い。 SCSS Partialsに三種類だけ画像置換のミ

“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ

こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. While CSS3 allows us to rotate letters, it is quite complicated to arrange ea

div.tucked-corners { background: #f6f6f6; height: 380px; margin: 50px auto; padding: 10px; position: relative; width: 580px; -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); box-shadow: 0 1px 7px hsla(0,0%,0%,.2); } ...詳細はリンク先を参照 /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must 

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

はじめに こんにちは、動画配信界の情弱です。年始からStackOverflow眺めてたら超絶便利な質問に神回答がされてたので忘れないうちにメモっておく。2012年どっかで役に立てばいいですね。 参考 オリジナルはこちら。ここではコメントにパラパラと載ってたので、まずは直近1ページ目だけにあったものを1個のリストにまとめてみた。ほぼGeorge Stocker氏による回答を載せただけだけど。あとちょっとだけ自分で和訳とか加えたので、知っているものがあればコメントに載せて下さい。追加します。まだDとかFactorとか載ってないし、Pythonも全然足りないし。 API Only - Stack Exchange もしかするとバージョンが古かったりするものもあるかも知れませんが、それもコメントで教えてもらえるとその旨追記します。 他にも過去に挙がったもののリンク ReadWriteWebのプログ

パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。 昨日訳あって、FAQサイトをさまよってたらたまたま見かけて良さそうだったので勉強用にちょっと拝借しました。 Parallax with jQuery レイヤーはdiv要素です。赤いボックスはクリックで緑に変わりますが、IE7以下ではz-indexのバグがあるためクリックできません。 スピードや動く範囲だけなら以下のあたりを変えればいいです。 distance = 70;//マウスに対して要素が動く距離 sensitivity = 7;//感度。というか動くスピード var distHalf = distance / 2; //親要素を指定したセレクタ var parW = $

WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

結構前に、ここの名刺印刷が良かった！的な記事を書いたんですけど、結構な方に紹介者コードを利用して登録してもらったようで嬉しい限り！ 今回頼んだ名刺の出来がすごく良かった 名刺印刷をどこに頼むかお悩みの方はぜひ！ さて、適切なタイトルが浮かばなくて何だかよく分からない感じのタイトルですが、iPhoneやiPod TouchのMobile Safariですが、通常a要素を display: block; な感じにしてタップできる範囲を広げた場合、その部分全体がハイライト表示されるかと思います。 その辺りに関してちょこちょこと。 ↓実際の画面だとこんな感じです。 で、コレ自体は何の問題も無い訳ですけど、この画像部分をタップするとa要素の範囲じゃなくて、その画像のとこだけハイライトされます。 キャプチャが上手く撮れなかったからキャプチャは有りません＞＜ ハイライトされるだけで別に問題は無いんですけ

Progress bars have become ubiquitous elements, gracing numerous interfaces with their presence. These bars serve the purpose of visually conveying the ongoing status of a particular procedure, be it the advancement of a download or the movement of files from one place to another. Regardless of whether your endeavor involves the development of a desktop software or a web-based application, there in

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？ まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア

CSS3で実装する、簡単で美しいツールチップのチ... / CSS3でツールチップの吹き出しを表現する｜sk... / CSSのみでマウスオーバー時にリンク先のURLを...他...全11件

2011年11月16日 【英語】マウスオーバー辞書まとめ Tweet 0コメント ｜2011年11月16日 22:00｜英語・海外｜Editタグ ：辞書拡張機能アドオン http://kamome.2ch.net/test/read.cgi/english/1285148548/ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 1 ：名無しさん＠英語勉強中：2010/09/22(水) 18:42:28 ID:? Babylon http://www.babylon.com/ DokoPop ! http://homepage3.nifty.com/TaN/pdic-download.html Lingoes http://www.lingoes.net/en/index.html Lingoesというポップアップ辞書が尋常じゃない - plaisir.genxx.com

Webデザインに限らず、制作したものに発生する「著作権」を知っておかないと、トラブルの元になるかもしれません。 特にWebデザインの場合は写真、文章、素材。 場合により動画など多岐の著作物を扱う場合が多々あります。 自分の頭の整理のためにも、Webデザイナー、ディレクターが知っておくべき著作権のことについて、まとめてみました。 1、著作権の基礎知識 著作権とは、知的財産権の一つです。 日本の著作権は「無方式主義」と呼ばれる方式で、制作物を制作すると自動的に著作権が発生します。 この時、著作者人格権と**著作権(著作財産権)**に分かれます。 「著作者人格権」と「著作権(著作財産権)」について 著作者人格権 簡単に言えば「制作者」 公表の時の手段、方法を決定できる権利です。 法律上、制作者の同意がなければ公表できません。 著作権(著作財産権) Webデザイナーにとっては、Webサイトなど制作

非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All

いつでも、どこでもネットにアクセスできる昨今、ウェブページを印刷する機会は減っているかもしれません。でも、いざ印刷したらレイアウトやスタイルが崩れていて使えないものになっていたらユーザに申し訳ないですよね。紙の無駄使いになってエコじゃないですし。 ということで、今回は自分メモ的にプリントCSSの確認ツールのご紹介です。 Chrome DevToolsのメディアタイプのエミュレーション機能 以前は印刷プレビューで印刷用CSSを確認していましたが、なにせ効率が悪いので他の方法を探してみました。なんと、Chrome DevToolsにエミュレータ機能がついてたんですね。さすがです。 以下の手順で、そのエミュレーション機能にアクセスできます。 Chrome DevToolsを開く（⌘ + ⌥ + I） スマホ（device mode）アイコンをクリック drawerアイコンをクリックする （Emu

このダイアリーでは過去に何度かSVGの記事を書いているのですが、それに対する反響で SVGって未だに使ってるところを見たことが無い とか いつになったら使えるようになるのか 永遠に普及しなさそう みたいな意見をよく見かけます。 そうした反応にカチンときた……というほどではないのですが、納得してもらうには実例を挙げて反論するのが分かりやすいだろうな、と考えてSVGの利用状況を調査してみました。 かといって個人サイトの利用例を挙げるだけでは説得力がないでしょうから、著名な企業や団体でのSVG採用事例をリストアップしてみた次第です。 そしてもう一つの動機として、Webサイトの制作現場でSVGの導入を検討する際に、同僚や上司、またクライアントからの同意を得る・説得する手段としても、既に実際に利用している企業や団体を提示できれば話を進めやすいだろうな、……といった狙いもあります。 例えば あの有名な

今年に入って、CC0で利用できる新しい写真素材サイトがどんどん増えてます。 Webデザインや紙のデザイン、プレゼンや企画書などにも無料で利用できる高品質な写真素材がダウンロードできるストックフォトサイトを紹介します。 ちょっと写真素材を使いたい時など、クレジット表記の義務がないと気軽に使えて便利ですね。

今回『inateck』から『マジックポート』が搭載されたUSBハブを貰いました。何かマジック（魔法）なのだろうか？　見た目は普通なUSBハブにしか見えません。 謎の『M-Port』 良くハブを観察すると、M-Portと書かれたポートがあります。　他のポートには何も書いていないですが、わざわざ、ここにだけ書いてあるには意味がありそうです。　どのような「魔法」を見せてくれるのか楽しみです。　その前に、USBハブを普通にパソコンに接続をして下さい。 付属品として、両側がAポートのケーブルが付属します。　このケーブルをM-Portに接続します。　そして、もう一台のパソコンに反対側を接続します。 このような感じで、別のパソコンと接続します。　そうすると、内蔵のドライバがインストールされ、両方のPCに通信用のソフトウェアがセットアップされます。　これで準備完了です。 で、何が魔法なの？ 魔法というには

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

A to Z CSSはデザイナーや開発者が動画でCSSの基本から応用までを学べる学習サイト。本サイトでフロントエンド開発スキルを磨いて欲しいとの事。当然全て英語になっていますが、英語がダメでも動画によっては映像だけでそれなりに学べそうな印象ではありました。 A to Z CSS

Workshop Gamestorming with Sunni Brown on June 6th 2013 in Amsterdam organized by Business Models Inc. More than 40 participants are experiencing visuals thinking games for strategy and innovation. Part of the Bootcamp Business Model Canvas the Game. www.businessmodelsinc.com Bootcamp Business Model Canvas the Game, June 5-7 2013 in Amsterdam. 6 renowned game developer teams are working on the ult

25年前、十分な食料を得られず、健康な生活を送れない貧困者は10億人を超えていた。 国連が5月27日に発表した飢餓に関する年次報告書によると、現在の栄養不足人口は7億9500万人にまで減少した。栄養不足人口率に換算すると、1990-92年期間の18.6%から、10.9%まで低下している。途上国に限定すると変化がさらに著しく、同期間で23.3%から12.9%まで低下している。 国連食糧農業機関（FAO）のジョゼ・グラツィアーノ・ダ・シルバ事務局長は、「飢餓の悲劇は、私たちが生きているうちに必ず撲滅できます」と述べている。 途上国における飢餓人口減少の3分の2に寄与した中国を別にしても、穀物、脂肪種子、肉、乳製品などの食料は必要な国に行きわたるようになってきている。通信・輸送関連製品も同様だ。 FAOの上級統計学者で報告書の筆頭著者であるピエロ・コンフォルティ氏は、「輸送は、食料安全保障におけ