「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
ずっと使える、デザインの基本まとめました。【2020年改訂版】
「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
【第2弾】少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 画像を丸く表示 1本線のテーブル 1本線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像をモノクロやセピアにする リストマーカーの色を変更 グラデーション グラデーションボーダー フラットだけど立体的ボタン 画像をぼかす レスポンシブに対応した動画 要素を真ん中に配置 カンマで分けたリスト 文字を縦書き フォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット 線のオフセット設定 HTML・CSSの全
あんなこともこんなことも。そう、Node.jsならね。
$ pulldown jquery -> Success: https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js was downloaded to ./jquery.min.js $ ls jquery.min.js
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
神保町ランチどこで食べるか迷ったらココ！妥協しないランキングおすすめ10店 - ひかる人財プロジェクト
皆さんは「神保町」という街にどのようなイメージをお持ちでしょうか？ 神保町とは東京都千代田区にあり、神田地域に属します。多くの書店や出版社、出版問屋、古本屋などがひしめき合う渋い「本」の街として有名です。またスポーツ用品店や最近ブームの登山用品店も多く立ち並びとても人気のある街です。また大学も数多くあり、明治大学・法政大学・日本大学・専修大学などがあり学生街としても知られています。 私はこの「神保町」には浅からぬ縁がありまして、大学入試の浪人時代この近くの予備校に毎日通っていましたし、大学もそれほど遠くなかったのでちょこちょこ遊びにも来ていました。また会計事務所に勤務しているときはクライアントがこの界隈にいくつかあったので月2～3回訪れていましたし、最近は私が参加しているある交流会が神保町を拠点にしているので頻繁に訪れています。さらに将来起業したらこの近辺にオフィスが持ちたいという夢も抱い
【Webデザイナー必読】PhotoshopやHTMLなどのスキルを劇的に上げられる記事まとめ30選
Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか？ Webデザイナーはクリエイター系の職種であるため、「センス」が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。 そこで、今回は「Photoshopを使ったデザイン」や「HTMLなどの言語を使ったコーディング」、「Webデザイナーとしてインプットしておきたい情報」に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと こ
【厳選】Webデザインのスキルをアップさせるために読んでおくべき参考書7冊 | フリーランスエンジニアの求人情報【AKKODiSフリーランス】
【厳選】Webデザインのスキルをアップさせるために読んでおくべき参考書7冊 世の中にはWebデザインに関する参考書が数多く刊行されており、Webデザインを学ぶ環境は十分すぎるほど整っています。Webデザインのスキルを向上させるために読んでもらいたい、オススメの参考書を7冊厳選してご紹介ます。 タイポグラフィの基本ルール－プロに学ぶ、一生枯れない永久不滅テクニック タイポグラフィを学ぶならこの一冊。 文字組みを美しく見せるための基礎知識からテクニックまで、分かりやすく教えてくれます。 本書を読んでタイポグラフィを理解すると、微調整によってフォントの見栄えが全然違うことに気づきます。 タイポグラフィはWebデザインを美しく見せるための必須のスキルです。 http://www.amazon.co.jp/gp/product/4797359226/ デザインのルール、レイアウトのセオリー シンメト
知っておくと便利！あのサイトでさりげなく使われていたCSS小技集 - コムテブログ
TL;DR 2014/12/01：続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 １．キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
知っておくべきIT勉強会を探せるサービス9選
1. IT勉強会ですよ Beta IT 勉強会カレンダーのように、勉強会の予定を見ることができるIT勉強会ですよ Beta。勉強会を開催している地域やその勉強会の内容で絞ることができるのが、特徴となります。 勉強会のデータ取得には、後で紹介するATNDやconnpass、Doorkeeperなどのイベントや勉強会の情報などを提供しているサービスのデータを使っているので、主要な勉強会をチェックするのに最適です。 2. dots. dots.もIT勉強会を探すことができるサービス。上記の2つと同様にカレンダー形式で勉強会を探すことができます。 会員登録をすることで、興味のあるイベントをお気に入りに入れて管理できる点などが特徴となります。イベントレポートも更新されているので、初めて参加する場合でも、空気感をつかめます。また、参加できなかった勉強会の概要などを読むことも可能です。 3. connp
食べ歩きの達人が選ぶ「東京の焼鳥」10選｜男子ハック
お洒落なお店が多め！忘年会シーズンまえに美味しい焼鳥をチェック！img via：阿佐ヶ谷バードランド Tabearukist Association 食べ歩きの達人「タベアルキスト」が選んだ「東京の◯◯ 10選」、今回は「焼鳥」が紹介されていました。コラムでは焼とりのトリビアなども紹介されています。江戸時代から「焼鳥」と呼ばれ始めて、日本各地で食べられるようになったのは戦後の闇市を中心に広がったからだそうです。 「焼とり」というと大衆居酒屋を思い浮かべますが、最近ではお洒落な焼とり屋さんも増えています。今回の10選でもお洒落なお店が多めです。知らなかったのですが「焼とり」の季語は冬、昔はこれからが旬の食べ物だったんですね。 タベアルキストからの各お店の解説がgooランキングに書かれているので、気になるお店があったら要チェックです。 1 鳥しき【目黒】img via：鳥しき Tabearuk
初心者Webアプリケーション開発者がチェックすべき情報源2014 - ハニーポッターの部屋
毎年恒例の「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。 去年は手を広げすぎてかえって反応が悪かったので、最低限のものに絞ってみた。 上から重要な順。★の付いている「重点」がとりあえず読んどけ、の必須。 必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているものを選択。 書籍としては、徳丸本「体系的に学ぶ 安全なWebアプリケーションの作り方」、「めんどうくさいWebセキュリティ」と「実践 Fiddler」を掲載。 「HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書」を追加。 ■重点 ★Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html LASDECなどで公開されていたウェブ健康診断仕様が別冊に加わ
イエス！フォーリンデブ★
2015年11月16日00:00 カテゴリ◆赤坂・溜池山王・麹町◇パフェ 「フルフル」（赤坂・溜池山王／フルーツパフェ） ★ おやつカロリー ★ ご愛読いただいている方はすでにお気づきかと思いますが、じつは無類のパフェ好き！ ひとつの器に溢れんばかりに美しく盛られたパフェは、もうそれだけで幸せになるし、 それはどこかオンザライスのビジュアルや理念とも似ている、オンザアイスの世界！ 【メニュー（クリックで拡大）】 そんなパフェの中でも、一番好きなのが、フルーツてんこ盛りなフルーツパフェで、 「フルータス」「果実園」などに加え、気に入ったのが赤坂にある「フルフル」です。 【バナナカスタードシェイク（800円）】 赤坂と溜池山王の間という、高級住宅街にあるこちらのお店は、場所が場所だけに、 ちょっとエクスペンデブな価格帯ではありますが、使っているフルーツはどれも美味。 【フルーツパフェ（1300
国内注目のWebサービスを支える言語・フレームワーク・アーキテクチャ一覧【2013年版】 | Find Job! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
CSSサンプル集
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
デザインの幅が広がる！ストックしたおきたい新作フリーフォントのまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
