海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー

作成：2016/01/18 更新：2016/06/29 Web制作 > 年末にやるべきだったと思いつつも、今更ながらWeb制作前に知っておくと助かる記事を、コムテブログの中から厳選しました。結構自分でもよく見返す記事です。Web制作に必要な基本知識をざっと知りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 バージョン管理 ファイル等の変更箇所の履歴を管理。複数人が関わるプロジェクトで必須となるGit（ギット）のコマンドやGUIなどの初歩的な知識を順を追って解説してあります。最初は何を準備すればよいのか、Gitのインストールからクライアントツールとリモートまで。 これからGit を始めてみようという人のための使い方と入門フロー パッケージマネージャー/タスクランナー ライブラリを管理しやすくするパッケージマネージャーと、テスト実行などの処理を簡単なコマンド

・・・というわけで、みなさん、はじめまして。 印刷通販会社の西の王国「キングプリンターズ」に勤める赤松と申します。 私は自他共に認める「印刷の達人」であります。 私は以前からどうしても「名刺を美しく印刷するための方法」に関する記事を書きたいと思い続けていました。 名刺の印刷にこだわるということは、例えるなら、靴を磨くのと同じようなこと。 できるビジネスマンはみんな靴を大事にします。 たとえ安物の靴でも、毎日外出する前に磨いておけば、足元を見る相手への印象はよいものへと変わります。 名刺の印刷にこだわることはそれと同じです。 今、ネット印刷通販会社が増え続けています。 しかし、便利な世の中になっている一方で、名刺の印刷に失敗する人が増えていることをご存じでしょうか？ それは、名刺の印刷が成功するかどうかは印刷データを作る側の知識に委ねられており、正しい印刷の知識をもった方がすごく少ないからな

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

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

人物・動物のイラストを描く時の参考になる骨格や筋肉の仕組み、動きや表情、手や足など各部位、赤ちゃんからお年寄りまで世代ごとの特徴の出し方、ネコや鳥や馬などの動きや品種や柄などの描き方を紹介します。

iPhoneで文字入力をする友人を見ていた時に（どんな時だ） 「あっ、その記号ならこうすればもっと簡単に入力できるのに…」 などと思うことがありましたのでまとめてみました。 「フリック入力のみ」にしておこう まずは設定のお話。 iPhoneで文字入力の速度を上げるには「フリック入力のみ」が欠かせません（指を縦横に動かしたり弾いたりして行う文字入力）。 デフォルトの状態でもフリック入力は当然可能なのですが、更に便利にするために「フリック入力のみ」をONにしておきましょう。 「フリック入力のみ」の設定方法 各種記号の出し方 ではでは、iPhoneを使用していて「この記号、簡単に出せたらなぁ…」とお悩みの方に下記の小ワザを捧げましょう。 「、」を変換 「わ」の左側にあるボタンをタップすると顔文字が色々出てきますが、右側にあるボタンを一度タップして「、」を入力すると、変換候補に ナカグロ（・） カ

[対象: 上級] SemTechBiz 2014 カンファレンスのセッションレポートの第2弾です。 Barbara Starr（バーバラ・スター）氏のセッションと2本立てで構成された、Bill Slawski（ビル・スロースキ）氏によるセマンティック検索をテーマにしたもう1つのセッションになります。 テキストを対象にしていた昔のSEO サイトの運営を自分が初めて始めた2005年当時のSEOは、titleタグやh1タグのようなタグで”テキスト”を対象にしたSEOだった。 その当時のSEOのチェック項目 URL構造 情報設計 ページにおけるキーワードの使用 サイトスピード 正規化 など エンティティが加わった現在のSEO エンティティに対するSEOが今は加わった。 エンティティのチェック項目 サイトにどんなエンティティが現れているか 会社名やドメイン名でどんなふうにサイトが検索結果に表示されて

これから始めるJavaScriptの基礎と全体像 ーー「非エンジニアの起業家が知っておくべきプログラミングの知識 #06」【ゲスト寄稿】 編集部注：本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy（テックアカデミー）による連載企画。「非エンジニアの起業家が知っておくべきプログラミングの知識」というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから photo credit: nyuhuhuu via photopin cc 「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第6回目のテーマは「JavaScriptの基礎」です。 前回は「これからプログラミングを学び始める方へ」というテーマでお送りしました。今回はより具体的にプログラミングを学んでいただくため

作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ

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

ドットインストール代表のライフハックブログ

人物写真を切り取る時はかなり気を使います。写真であれば、人間の体のどこだって切り取ってしまえるわけですから。イギリスの写真・映像テクニックメディア『Digital Camera World』に、人物写真で切り取ってもいい場所・悪い場所を図解したイラストが載っていました。 人物写真を切り取って気まずい思いをする前に、この図を参考にしてください。下の図の緑の線は切り取ってもいい場所で、赤い線は切り取らない方がいい場所です。例えば、肘の上で切り取らないのであれば、肘も手首も手も全部入るようにした方がいいということです。この図を参考にしながら、パソコンで人物写真を加工したり、写真を撮る時に被写体に一歩近寄って構図を変えたりしてみてください。 このガイドによると、「関節は切るべからず」というのが基本原則のようです。Digital Photography Worldで、「膝に緑の線があるのは基本原則か

あの頃は青かった。教えるどころか無知をさらけ出すというのはこの事だった。死ぬほど恥ずかしいので消したかったけれど、この記事が一番アクセスがあって長い間いくらか読まれていたらしい。ためらった。ただ、かつての自分といくらかの人に参考になればうれしいけれど、そろそろ役目を終えたと信じたい。もし書きなおすのなら、もう少し違う言い方か伝え方にすると思う。 内容としては 当時の自分のスペック Pythonの言語で、当時の自分が知った方法(3項演算子とか) mercurial の基礎(init, commit, push, update, log) WAF(Django)の知識 URL(ディスパッチャ)をトリガーにして Viewで処理をかく ModelにDBの内容がある ORMでリレーションを簡単に記述できる テンプレートでViewで処理した内容を表示させる チラ裏に移動させた。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Meme Depot, which launched earlier this week, is a startup aiming to create a new category called “meme tech.” More specifically, founder Alex Taub said…

作りたいものが決まったら調査をしましょう。特に技術的なことについてです。 ここで言う技術というのは、「自分が作りたいことが世の中の利用可能な技術で実現できるか？」を意味します。 その際に「自分のスキル」と「世の中の技術」を分けて考えるといいでしょう。 アイデアを実現するために「利用可能な技術が無い」ケースはあきらめればいいですし、 「あるけれども自分にスキルがない」ケースは頑張ればいいのです。 設計は紙に書いちゃうくらい簡素なもので最初はいいかもです。個人個人のスタイルがあるので。 ユースケースという「ユーザーがシステムに対して振る舞う行為」を図にすることと、 扱うデータには何があるのかを列挙して構造化することは最低限行います。 2. 開発 いよいよ開発です。Perl、Python、Ruby、PHP... 何を使うにしろ以下の知識が必要になると思います。 言語に対する理解 WAF DB フ