ml0021234のブックマーク (333)

  • Webからアニメまで!クリエイティブ業界に特化した就職・転職求人サイト13選

    「未経験でIT業界転職したいけど転職成功のコツは? 「コロナ禍でIT業界転職動向ってどうなの?」 「自分にはどんな転職サイトが合ってる?」 IT業界IT関連職種への転職を目指すにあたって、様々な疑問や不安が出てきますよね。 記事では上記のような疑問に答えながら、おすすめのIT転職サイト・転職エージェントを厳選して紹介します。 複数の転職エージェントやIT関連スキル習得サービス運営企業を対象に独自ヒアリングを行った上で作成しているので、ぜひ参考にしてみてくださいね。 最新の転職動向や転職サイト・転職エージェントの選び方も解説するので、お役に立てたら幸いです。

    Webからアニメまで!クリエイティブ業界に特化した就職・転職求人サイト13選
    ml0021234
    ml0021234 2013/08/26
    転職
  • ぷるるん新感覚!スマフォでのスクロールが楽しくなるナビゲーション -Jelly Navigation Menu

    ぷるるん新感覚!スマフォでのスクロールが楽しくなるナビゲーション -Jelly Navigation Menu

    ml0021234
    ml0021234 2013/08/26
    Javascript スマホ
  • box-shadowで表現する、「セミフラット」なズルいデザインテクニック

    box-shadowで表現する、「セミフラット」なズルいデザインテクニック:ズルいデザイン(3)(1/2 ページ) 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな

    box-shadowで表現する、「セミフラット」なズルいデザインテクニック
    ml0021234
    ml0021234 2013/08/26
    css box-shadow
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    ml0021234
    ml0021234 2013/08/26
    Mac ショートカット
  • 最近流行りのウェブ開発系ツールまとめ(主にデザイン) | keisuke.tsukayoshi

    最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き

    最近流行りのウェブ開発系ツールまとめ(主にデザイン) | keisuke.tsukayoshi
    ml0021234
    ml0021234 2013/08/26
    ツール
  • 【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法 | DX.univ

    エンジニアの菊池です。 今回、初めてブログを投稿させていただ[...]エンジニアの菊池です。 今回、初めてブログを投稿させていただくことになりました。 業務では主にフロントエンドの実装とマークアップ等を担当しています。 さて、Windows XPのサポート終了まで残り約8ヶ月となりました。 ようやく長くにわたり苦しめられてきたIE6から解放されることになりますが、でも実はIE7、8、9もIE6ほどではないまでもバグや独自解釈が多かったりします。 そんな時にはCSSハック等の手法やJavascriptを利用してIEだけ特別な処理やスタイルを適用したりします。 ということで今回かなり今更感はありますが、自分用の備考録も兼ねてIE6〜10のバージョン別CSSハックと条件付きコメント分岐、jQueryによるIEバージョン判別の3つの方法についてまとめてみました。 1.CSSハック /* I

    ml0021234
    ml0021234 2013/08/26
    cssハック IE
  • 使うであろう文字だけの、HTML・XHTMLエンティティシート

    さっと調べたいときにピピッと見つけられるシートをささっと作ったよ 一般のエンティティシートは読み方すらわからない文字がたくさん配置されていて、探しにくい。 そこで、自分が使ったことのある文字限定でエンティティ文字のシートを作りました。 (はてブコメントでご指摘の通りXMLではなく、XHTMLの間違いです。訂正しました。8/18)

    使うであろう文字だけの、HTML・XHTMLエンティティシート
    ml0021234
    ml0021234 2013/08/26
    HTML エンティティ チートシート
  • Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方

    この記事は、普段サーバーサイドスクリプト言語(PHPPerlRuby等)を書いていない方を対象に、PHP を使うとどのようなことができるのか、あるいはできないのかを解説した入門記事です。 キャンペーンページで、指定の時間に受付を終了する たとえばキャンペーンページで、指定の時間までは「お申込みはこちら!」というボタンを表示し、それ以降は「キャンペーンは終了しました」と表示させたいとします。 こういう時、PHP はわりと直感的に書けるので便利です。 "; // 現在時刻が、キャンペーン終了後であれば } else { echo "キャンペーンは終了しました "; } ?> ※コメントで、「日付はUNIXタイムスタンプに変換してから比較したほうがよい」とご指摘いただいたので、strtotime() を使用するよう変更しました。 3行目に “2013-09-01 00:00:00” という箇

    Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方
    ml0021234
    ml0021234 2013/08/26
    PHP
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

    ml0021234
    ml0021234 2013/08/26
    Google
  • [JS]ページ内アンカーをidだけでなくclassや要素にも指定できるスクリプト -Arbitrary anchors

    通常のハッシュリンクと違い、#のすぐ後に「.」があります。これは、そのclassをもった最初の要素にリンクしています。 また、右端の「#.hello|5000」はスクロールの速度を設定しています。 リンクのパターンはさまざまなものがあり、各所に利用されています。 Arbitrary anchorsの使い方 実装は簡単で、classのリンクやスピード調整だけでなく、通常のハッシュリンクでもアニメーションでスクロールさせることができます。 Step 1: 外部ファイル head内に、jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="//code.jquery.com/jquery-2.0.3.min.js"></script> <script type="text/javascript

    ml0021234
    ml0021234 2013/08/26
    jQuery
  • normalize.cssはそのまま使え?

    normalize.cssのコミットを購読してる。主にnormalize.scssを追随させるためだけど、勉強になることも多い(多かった)し。この前のコミットでREADMEが更新され、そのまま使うことを推奨すると変更された。特に邪悪な変更というわけではないんだけど、そのまま使いたくないなーみたいなのがちょっとある。 normalize.cssは素晴らしいものだし、そのまま使って何も問題ないものなことは確か。でも、そのまま使うと無駄が多い。例えば以下の様なケース。 body { margin: 0; } body { margin: 1em; line-height: 1.6; font-family: "Helvetica Neue", "Calibri", sans-serif; color: #ddd; background-color: #333; } normalize.cssのb

    normalize.cssはそのまま使え?
    ml0021234
    ml0021234 2013/08/20
    css, normalize.css
  • JavaScriptでアニメーションを書く初歩の初歩

    JavaScriptを使ってアニメーションを書くときに有用なテクニックの、基中の基をご紹介します。おそらく、このブログを見ている人のほとんどにとっては釈迦に説法だと思います。今回、requestAnimationFrameの話すらしません。その点、ご留意ください。 まず、JavaScriptでアニメーションをする場合に気をつけないといけないのが、一度JavaScriptの実行(Context)を抜けないとブラウザに描画が反映されないということです。簡単に言うと、 <html><head><title>bad sample</title><script> onload = function() { var e = document.getElementById("e"); for(var i = 0; i <= 100; i += 5) { e.style.left = e.style.

    ml0021234
    ml0021234 2013/08/20
    javascript
  • 【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 | DevelopersIO

    【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 こんにちは、ちょっと年末前くらいから、「Emmet」というキーワードを聞くようになり、 日頃お世話になっている、sublme text 2でも使えるということで今回、上下巻に分けてご紹介したいと思います。 アジェンダ Emmetとは? 誰が開発してるの? Emmetプラグインのインストール! インストール後の設定 どんな感じがさわってみる。 おまけ Emmetとは? はじめて「Emmet」を聞いた方は「Emmetってなに?」となるかと思いますので、簡単にご説明をできればと思います。 それでは、「Zen Coding」はどこかでお聞きしたことがあるのではないでしょうか? 「Zen Coding」は、コード(スニペット)とショートカットを組み合わせて、効率的にHTMLCSSのマークアップ

    ml0021234
    ml0021234 2013/08/20
    Sublime Text
  • Androidって楽しいな!と思えるグリッドデザイン・ホーム画面:究極のホーム画面を求めて | ライフハッカー・ジャパン

    疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】

    Androidって楽しいな!と思えるグリッドデザイン・ホーム画面:究極のホーム画面を求めて | ライフハッカー・ジャパン
    ml0021234
    ml0021234 2013/08/20
    Android
  • 散らばった写真データを一元化するために実践した5つのステップ | ライフハッカー・ジャパン

    最近、念願だった写真ライブラリの統合に成功しました。それまでは1万3000枚もの写真が、DVD、外付けドライブ、スマートフォン、Macbook Air、Windowsデスクトップ、Dropboxなど、いたるところに散らばっていました。さらに、重複した写真が違う場所に違うファイル名で存在し、EXIFデータ(写真に埋め込まれた撮影データ)がデタラメな写真もたくさんありました。 今回は、バラバラになっていた写真たちをいかに統合/整理したかを紹介します。 基コンセプト 論理的で管理しやすいファイリング規則を適用。フィルダ名やファイル名に時系列性を取り入れる。 写真を1カ所に集め、定期的にバックアップをとる ライブラリの管理は単一のツールに頼らない Step 1:統合する すべての写真を1カ所に集めて、合理的で整理しやすいシステムに統合します。フォルダ数は10個以下にするのを強くおすすめします。古

    散らばった写真データを一元化するために実践した5つのステップ | ライフハッカー・ジャパン
    ml0021234
    ml0021234 2013/08/20
  • 使用中のSublime Text 2のプラグインをまとめてみた | CodePlus

    的には今使ってるもの中心ですが、僕のメインエディタであるSublime Text 2のプラグインをまとめてみました。 ※細かい設定は省いています。 コーディング関連 Emmet Zen Codingの次期バージョン。主にHTMLを書く際に Hayaku Emmet(Zen-Coding)を上回るCSSの展開 例)bdrds→border-radiusなど Dummy Image Generator Dynamic Dummy Image Generatorで使えるダミー画像の埋め込み BracketHighlighter タグやクォーテーションマークなどのハイライト表示 SCSS SCSSの補完 Compass Compassの補完 jQuery jQueryの補完 CSScomb CSSのプロパティの自動整列 WordPress WordPressの補完 SublimeLinter

    ml0021234
    ml0021234 2013/08/20
    Sublime Text
  • お盆休みにまとめ読み!Web制作のおすすめスライド コーダー・エンジニア編

    お休み中に時間を持て余すようでしたら、過去にご紹... / おすすめスライド コーダー・エンジニア編 / HTML5マークアップ ビギナーの良くある質問他...全22件 お休み中に時間を持て余すようでしたら、過去にご紹介したスライドを読み直してみませんか?きっと新たな発見があるはず。 そんなスライドを厳選してまとめました。先日のデザイン編に続き、コーダー・エンジニア編をどうぞ。

    お盆休みにまとめ読み!Web制作のおすすめスライド コーダー・エンジニア編
    ml0021234
    ml0021234 2013/08/19
  • お盆休みにまとめ読み!Web制作のおすすめスライド デザイン編

    今年のお盆は9連休の方も多いのではないでしょうか... / おすすめスライド デザイン編 / Webデザインのウソ・ホント ~ Web らしく...他...全21件 今年のお盆は9連休の方も多いのではないでしょうか? お休み中に時間を持て余すようでしたら、過去にご紹介したスライドを読み直してみませんか?きっと新たな発見があるはず。 そんなスライドを厳選してまとめました。まずはデザイン編から。

    お盆休みにまとめ読み!Web制作のおすすめスライド デザイン編
    ml0021234
    ml0021234 2013/08/19
  • 感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT

    「あなたは感覚派デザイナー?それとも理論派デザイナー?」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ! 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles(デザインの要素と原則)」や「Gestalt principles(ゲシュタルト原則)と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や

    感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
    ml0021234
    ml0021234 2013/08/19
  • Sublime Text2ってエディタがすごくイイ。

    Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも?)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い!なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting

    ml0021234
    ml0021234 2013/08/09