Private content!This content has been marked as private by the uploader.
作成:2013/11/25 更新:2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 知っておきたいプロパティ 1.カウント数を出力 2.要素の前後に文字や画像 3.カーニング 4.画像フィルタ 5.均等幅にレイアウト 6.アニメーション一覧 スマホサイト対策 7.viewport 8.改行削除 9.Webクリップアイコン 10.UIリセット/入力フィールド拡張 11.横並び 12.ボタンサンプル 13.画像を使わない矢印 14.自動改行 15.はみ出しを隠す 1
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
和田卓人さんによるテスト駆動開発問題解説の寄稿です! バグのないよいコードを書くには、よいテスト設計が重要です。今回は現在時刻に関する問題と、その問題で提出された実際の解答コードを紹介しながら、どのようにテスト設計し開発していくのかを解説していきます。 ゲスト解答による解答コードも公開中! by CodeIQ運営事務局 はじめに こんにちは、和田(@t_wada)です。今日は先日出題させていただいたTDDに関する問題の総評を行いつつ、テスト容易性設計について考えてみたいと思います。 問題文 私が出した問題は、以下のようなものでした。 問1. 下記の仕様をテスティングフレームワークを使ってテストコードを書きながら実装してください。 【仕様1】 「現在時刻」に応じて、挨拶の内容を下記のようにそれぞれ返す機能を作成したい。 (タイムゾーンはAsia/Tokyoとする) 朝(05:00:00以上
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
こんにちは。デザイナーのはるえです。 レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。 過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。 ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増
Good morning, I created a new project with Grails 2.3.2 Java JDK 1.7.0_45 When I run the command: grails run-app see the following errors: **| Configuring classpath nov 09, 2013 1:52:27 PM java.util.prefs.WindowsPreferences <init> | Running Grails application *** java.lang.instrument ASSERTION FAILED ***: "!errorOutstanding" with message transform method call failed at ../../../src/share/instrumen
This is a guide to best practices for developing Grails plugins. (This guide is currently a work in progress, and may be inaccurate!) Basic Artefacts Providing Grails Scripts Grails plugins can provide scripts that a user can execute from the Grails console. More information on providing scripts can be found in the Providing Basic Artefacts section of the Grails user guide. Provide Usage statement
Grails Spring Security Coreプラグインの新バージョン2.0がまもなくRCとれてリリースになりそうです。 合宿から延長戦で、Grails 2.3.xを検証している流れでドキュメントからかいつまんでまとめてみました。 #昔自分が作った某プラグインがベースなのでドキュメントに名前載ってるから責任を感じてます。ウソです。 プラグインのページ http://grails.org/plugin/spring-security-core ドキュメント。 http://grails-plugins.github.io/grails-spring-security-core/docs/manual/ 現状中身的には、Spring Security 3.2.0.RC1が使用されています。きっとRCが外れたら、プラグインもRCが外れるのだと期待しています。 では、ドキュメントの「Wha
普段仕事でRails を使っている身ですが、Rails 2.x 系を使っているものが1つもない。結構前からRails 3 の話題がでてきている今、そろそろRails 2.x をまともに使っておきたいと思ったので、まずはREST について調べました。最初にREST について調べたのは、REST がRails 2.x (実際には1.2.x から)で導入された最も大きな概念だからです。 REST とは REST とはアーキテクチャスタイルである アーキテクチャスタイルとはデザインパターンのようなもので、システムを設計する上での方針をまとめたものである。 REST は「REpresentational State Transfer」の略である 直訳すると、「(リソースの)表現可能な状態の転送」。あるリソースの状態を表現したものがサーバからクライアントに転送されるのがREST。ここにでてきた「リソー
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. おそらく、大半の企業はランディングページで望むだけの売上を得ることが出来ていないのではないだろうか。 もし望むだけの数字を達成できているなら素晴らしいことだ。しかし、大半の方は、どの会社に頼んでも数字は変わらないので、ほとんど諦めかけているかもしれない。 一方、弊社のランディングページは平均で4.2%のコンバージョン率が出すことができている。 また業界別では、賃貸業で18.27%、美容で15.72%、健康食品で14.21%、建築業で13.64%、整骨院で7.13%など、業界平均を大きく上回る数字だ。 そこで本日は、バズ部がランディングページを制作する上で実際に行っている全ての手順をご紹介する。 これを読めば、高いコンバージョン率を記録して
最近Unityを触り始め、さらにC#の勉強も同時にやっているので、色々知ったことを細々とまとめていきます。なので、随時更新していきます。 Table of Contents transformのコントロール タイムステップによる操作 生成 取得・検索 エディタ Leapmotionを使う デバッグ コリジョン(Collision) マウス操作 スマホ関連 通信関連 テクスチャ操作 Tips transformのコントロール 回転をQuaternionでがんばる 通常は transform.Rotate などを使って回転させるのが早いですが、物理演算にまかせているオブジェクトを transform から直接操作するのはあまりよくありません。 そこで利用するのが Rigidbody.MoveRotateion(quaternion) です。 これは引数に渡した角度に「変更する」ものなので、徐々
スーツのニオイを飛ばすコツ スーツには、とにかくいろいろなニオイがついてしまいがち。 そこで、スーツを脱いだらすぐに手入れをする習慣をつけておきましょう。 ハンガーにかけたスーツに、霧吹きで水を軽く吹きかけ、しばらく置いたら 乾いたタオルで水分を拭きとり、陰干しする。たったこれだけの手間で、ス ーツについたニオイはとれ、シワも伸びて、常にパリッと心地よい状態を保 つことができます。 ただ、木綿の場合は霧吹きを使うと、生地のノリが溶けて ムラになる可能性があるので、霧吹きは使わず、よくしぼったタオルで拭く だけにしたほうがいいですね。 スチームを使った消臭法 洋服についたこオイを手っ取り早く消す、簡単で効果的な方法として、スチ ームアイロンを使うのもいいです。 スチームの蒸気を洋服にたっぶり当てると、 蒸気と一緒に、ニオイの成分まで飛ばしてくれる。 洋服はアイロン台の上に置くだけでなく、ハン
社会における存在意義を明確にしたり、ブランドイメージを確立する上で、企業メッセージというのは非常に重要な役割を担います。一方、多くの大企業のメッセージは抽象的であり、かつメッセージだけを消費者に届けることはなかなか難しいため、工夫を凝らしてビジュアルで表現し、テレビやWeb、紙媒体などで展開していたりします。 ここでは、そういった企業メッセージのビジュアル表現をいくつかピックアップし、そこにはどのような意図があるのだろうか、そしてクリエイターとしてはどういう点が参考にできるのだろうか、といったところを見ていこうと思います。 資生堂 資生堂のコーポレートメッセージは「一瞬も 一生も 美しく」。これは、2010年の映画公開にともなって展開された新聞広告のビジュアルです。 これは当時公開された映画『Flowers』の1シーンですが、ノスタルジックな白黒写真のトーンと伝統的な和装が、時代に流されな
皆さんこんにちは。ギャプライズ鎌田(@kamatec)です。 今回は、弊社のプランナー・ディレクターが ランディングページの構成作成後 ランディングページのデザイン完了後 ランディングページのコーディング完了後 にそれぞれ行っているチェック内容を公開します。 細かい所ですがこの「チェック」のレベルによってプロとアマの違いが出るとも言えます。 何百本ランディングページを構築した熟練の経験者であろうとも、1回で完璧なものができることは決してありません。チェックを通してブラッシュアップされていくのです。 ランディングページ構築における一番の肝は、構成を引く前のターゲット設定・集客設計にあるのですが、今回はそこまで書くと壮大なボリュームになってしまうので、実制作に入った後のチェック項目に限定してご紹介します。 それでは早速ご紹介しましょう。 目次 ファーストビューで言いたいことが伝わるか? 見出し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く